*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


body {
    background-color: RGB(0,114,151);

}
.generic-font{
	font:13px "Helvetica";
	color: #fff;
}

/* header */

.header{
    background: url("../images/topbg.jpg") no-repeat;
    background-position: center top;
    background-size: 100%;
	padding-top: 30px;
	/*padding-left: 8%;*/
	padding-bottom: 2%;	
	/*width: 1024px;*/

}
/*.subheader{
	width:75%;
	margin-left:auto;
	margin-right:auto;

}
.subheader .row1{
	padding-top:48px;
}

.subheader .row1-col1,.subheader  .row1-col2{
	vertical-align: bottom;
    display: inline-block;
}
.subheader  .row1-col1{
	width:60%;
}
.subheader  .row1-col2{
	width:30%;
}
.subheader .row1-col1 img {
	width: 70%;
	float:left;
}
.subheader .search{
	border: 1px solid silver;
}
.subheader .search:focus{
	outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px yellow;
}*/
	
.nav  ul{

	list-style: none;
	background-color: black;
	border: RGB(0,46,69) 2px solid;
	margin: 0 -15px;
	padding: 10px 0%;
	background: url("../images/menubg.jpg") repeat-x;
	background-size: contain;
	clear:both;
	text-align:center;
}
	
.nav  li {
	display:inline;
	padding: 0px;
}
.nav  li a{
	
	padding: 0px 3%;
	font: bold 14px arial narrow;
	color: white;
	text-decoration:none;
}

.nav ul li a:active  {color:purple;}

/*.nav ul li a:visited{
	color: white;
}*/

.nav ul li a:hover  { /*hover and selected link*/
	color: yellow;
	background: transparent url("../images/pointer.gif") bottom center no-repeat;
}
.nav ul li a.selected {
	color: yellow;
}

/*Home Banner*/
.homebanner {

	background: url("../images/bannerbg.jpg") repeat-x;
	margin: 0 -15px;
}
.homebanner img{
	width:100%;
	display: block;
	margin: 0 auto;



}
/*Home Content*/
.homecontent{
	
	margin-left:auto;
	margin-right:auto;
	margin-top:30px; 
	border: RGB(66,169,202) 1px solid; 
	border-radius: 5px; 
	background-color: RGB(7,75,110);


}
.homecontent .col1, .homecontent .col2{
	width: 50%;
	float:left;
	padding: 30px 30px;
}
.homecontent h2{

	font:28px "Helvetica";
	color: #00ace9;
}
.homecontent .col1-2 h2{
	margin-top:30px;
}
.homecontent h3{
	font:21px "Helvetica";
	color: #88ffff;
	margin-bottom:1em;
}
.homecontent p{
	font:13px "Helvetica";
	color: #fff;
	margin-top:0em;
	line-height: 150%;
}
.homecontent .col1-1 img{
	position:relative;
	width:50%;
	left: 0px;
}
.homecontent .col2-1 img{
	width:90%;
	margin-left: 10px;
	margin-top:10px;
}
.homecontent li{
	font:13px arial,sans-serif;
	color: #fff;
	list-style-type:circle;
	line-height: 150%;
}
.homecontent li span{
	padding-left:5px;
	color: #00ace9;
}

/* footer */
.footer{
	background: url("../images/footerbg.jpg") no-repeat;
	background-position: center top;
    background-size: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	/*width: 1024px;*/
}
.footer-content{
	
	margin-left:auto;
	margin-right:auto;
}
.footer-content .col1{
	width:30%;
	float:left;
}
.footer-content .col2{
	width:40%;
	float:left;
}
.footer-content .col3{
	width:15%;
	float:left;
}
.footer-content .col4{
	width:15%;
	float:left;
}
.footer-content h4{
	font:18px "Helvetica";
	color: #88ffff;
}
.footer-content li{
	list-style:none;
	font:13px "Helvetica";
	color: #fff;
	line-height: 170%;
}
.footer-content li a{
	color: inherit;
	text-decoration:none;
}
.footer-content li a:hover{
	color: yellow;
	text-decoration:none;
}
.footer-content li img{ 
	vertical-align:middle;
}	

/*Subpage content*/

.subpagecontent{
	padding: 0px 30px;
}	

.subpageclients{
	margin-top:20px; 
	background-color:white;
	padding:10px 50px;
}
.subpageclients img{
	width: 30%;
	padding: 3%;
}

/*Gallery ***/
.gallery{
	margin:20px 30px;
}
.gallery .item img{
	width:100%;
}

.gallery .equi div{

	display: inline;
	margin: 10px;
	
}

.gallery .equi img{
	/*box-shadow: 1px 1px 3px yellow;*/	

	margin-top:20px;
	width:30%;

	-moz-transition:-moz-transform 0.1s ease-in; 
	-webkit-transition:-webkit-transform 0.1s ease-in; 
	-o-transition:-o-transform 0.1s ease-in;
	z-index: 1;


}
.gallery .equi img:hover {
	-moz-transform:scale(1.5); 
	-webkit-transform:scale(1.5);
	-o-transform:scale(1.5);
		border-radius: 10px;
		box-shadow: none;	
	
}



.gallery p{
	display:inline;
}
.gallery p img{
	width:25%;
	margin: 1%;
}