.commslist ul {
    list-style: none;
    padding-top: 10px;
}
.commslist{
	padding: 20px 0;
}
.commslist h3{
	font-size: 1.8em;
color: #0AA9EE;
padding-bottom: 3px;
}
.commslist ul li {
	margin: 10px 0;
}
.commslist ul li a {
    color: #616161;
    display: block;
    margin: 3px 3px 0 0;
    overflow: hidden;
    line-height: 23px;
    font-size: 1.2em;
    font-weight: 600;
}
.commslist ul li.energy:hover a i.icon {
    background-position: -319px -91px;
}
.commslist ul li.energy:hover a {
    color: #f76529;
    text-decoration: none;
}
.commslist ul li.energy a.active i.icon {
    background-position: -319px -91px;
}
.commslist ul li.energy a.active {
    color: #f76529;
    text-decoration: none;
}
.commslist ul li.marine:hover a i.icon {
    background-position: -351px -90px;
}
.commslist ul li.marine:hover a {
    color: #0661CC;
    text-decoration: none;
}
.commslist ul li.marine a.active i.icon {
    background-position: -351px -90px;
}
.commslist ul li.marine a.active {
    color: #0661CC;
    text-decoration: none;
}
.commslist ul li.media:hover a i.icon {
    background-position: -382px -90px;
}
.commslist ul li.media:hover a {
    color: #DC263C;
    text-decoration: none;
}
.commslist ul li.media a.active i.icon {
    background-position: -382px -90px;
}
.commslist ul li.media a.active {
    color: #DC263C;
    text-decoration: none;
}
.commslist ul li.relief:hover a i.icon {
    background-position: -415px -90px;
}
.commslist ul li.relief:hover a {
    color: #f9c92b;
    text-decoration: none;
}
.commslist ul li.relief a.active i.icon {
    background-position: -415px -90px;
}
.commslist ul li.relief a.active {
    color: #f9c92b;
    text-decoration: none;
}
.commslist ul li.defense:hover a i.icon {
    background-position: -448px -90px;
}
.commslist ul li.defense:hover a {
    color: #5ab859;
    text-decoration: none;
}
.commslist ul li.defense a.active i.icon {
    background-position: -448px -90px;
}
.commslist ul li.defense a.active {
    color: #5ab859;
    text-decoration: none;
}
.commslist ul li.aviation:hover a i.icon {
    background-position: -481px -90px;
}
.commslist ul li.aviation:hover a {
    color: #7dc7f8;
    text-decoration: none;
}
.commslist ul li.aviation a.active i.icon {
    background-position: -481px -90px;
}
.commslist ul li.aviation a.active {
    color: #7dc7f8;
    text-decoration: none;
}
.commslist ul li.leisure:hover a i.icon {
    background-position: -481px -90px;
}
.commslist ul li.leisure:hover a {
    color: #7dc7f8;
    text-decoration: none;
}
.commslist ul li.leisure a.active i.icon {
    background-position: -481px -90px;
}
.commslist ul li.leisure a.active {
    color: #7dc7f8;
    text-decoration: none;
}
.commslist ul li.enterprise:hover a i.icon {
    background-position: -932px -90px;
}
.commslist ul li.enterprise:hover a {
    color: #7A54BE;
    text-decoration: none;
}
.commslist ul li.enterprise a.active i.icon {
    background-position: -931px -90px;
}
.commslist ul li.enterprise a.active {
    color: #7A54BE;
    text-decoration: none;
}
.commslist ul li.government a.active {
    color: #5AB859;
    text-decoration: none;
}
.commslist ul li.government a.active i.icon {
    background-position: -448px -90px;
}

.commslist .energy i.icon, .marine i.icon, .media i.icon, .relief i.icon, .defense i.icon, .aviation i.icon, .enterprise i.icon, .leisure i.icon, .government i.icon{width:27px; height:27px; float:left; margin-right:5px; }
.commslist .energy i.icon{background-position:-115px -90px;}
.commslist .marine i.icon{background-position:-150px -90px;}
.commslist .media i.icon{background-position:-183px -90px;}
.commslist .relief i.icon{background-position:-217px -90px;}
.commslist .defense i.icon, .government i.icon{background-position:-252px -90px;}
.commslist .aviation i.icon{background-position:-285px -90px;}
.commslist .leisure i.icon{background-position:-285px -90px;}
.commslist .enterprise i.icon{background-position:-972px -90px;}

.gallery{
	width: 300px;
	padding-top: 50px;
}
.gallery img{
	vertical-align: middle;
	max-width: 100%;
}
.gallery .main-img{
	width: 100%;
	height: 200px;
	line-height: 200px;
	overflow: hidden;
	margin-bottom: 20px;
	text-align: center;
}
.gallery .control{
}
.gallery .control a{
	display: block;
	width: 40px;
}
.gallery .wrap{
	width: 200px;
	overflow: hidden;
}
.gallery .images{
	overflow: hidden;
	width:300px;
	position: relative;
	left: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	
}
.gallery .images li{
	width: 60px;
	height: 35px;
	margin-right: 5px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	float: left;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid transparent;
	background-color: #f6f6f6;
}
.gallery .images li.active{
	border-color: #5ba6ee;
}
.gallery .control i.icon{
	margin: 0;
	cursor: pointer;
}
.prodnav{
	width: 615px;
	margin-bottom: 20px;
}
.prodnav a{
	display: block;
	width: 95px;
	height: 35px;
	line-height: 35px;
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	color: #5ba6ee;
	border: 1px solid #5ba6ee;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.prodnav a.active{
	background-color: #5ba6ee;
	color: #fff;
}
.cardform form{
	width: 90%;
}
.cardform input,.cardform textarea{
	width: 250px;
	height: 30px;
	padding-left: 10px;
	font-size: 16px;
	display: block;
	margin: 20px 0;
	width: 100%;
	color: #bababa;
	border: 2px solid #dcdcdc;
	background-color: #f4f4f4;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.cardform textarea{
	height: auto;
	padding: 10px;
	resize:vertical;
	font-family:'Open Sans',sans-serif ;
	font-size: 1.6em;
}
.cardform p+input{
	margin-top: 0;
}
.cardform .buttons{
	font-size: 12px;
}
.cardform .buttons .reset{
	background: url("../images/btn-reset.png") no-repeat right 0 transparent;
	cursor: pointer;
	border: none;
	padding-right: 50px;
	color: #646464;
	height: 40px;
	line-height: 40px;
}
.cardform .buttons a:hover{
	text-decoration: underline;
}
.accessories a{
	margin: 10px 0;
	display: block;
	overflow: hidden;
	font-size: 1.4em;
	color: #000;
}
.accessories a img{
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
.accessories a span{
	vertical-align: middle;
}