html,body{
	margin:0px;
	padding:0px;
	background-image:url("../images/mainBg.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#FFFFFF;
	text-align:center;
	font-size:14px;
}

/* control the global font here */
html,body,p,td,ol,a{
	font-family:Arial;
	color: #03467d; 
}

/* Table floating here: */
/* Trick is to set the width of the divs correctly. */
.table_cell_container{
	margin-left: 20px; 
	height: 50px; 
	width:100%;
}

.table_cell{
	float:left;
	text-align: left;
}



.lightbox-myGroup{
	height: 250px;
	width:  250px;
	border: solid 1px;
}

div#mainTpl{
	width:852px;
	margin:0 auto;
	padding:0px;
	background-image:url("../images/borders.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	min-height:700px;
	background-color:#ffffff;
}
/*
div#header{
	width:830px;
	height:272px;
	margin:0 auto;
	padding:0px;
	background-image:url("../images/headerBg.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}
*/
div#header{
          width:830px;
          height:260px;
          margin:0px auto;
          padding:0px;
          background-image:url("../images/headerBg.jpg");
          background-repeat:no-repeat;
          background-position:top left;
          position:relative;
}

div#header_template{
	width:830px;
	height:145px;
	margin:0 auto;
	padding:0px;
	background-image:url("../images/headerBgTemplate.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	href: index.php;
}

div#header img.logo{
          width:300px;
          height:130px;
          border:0px;
          position:absolute;
                   top:0px;
                   left:0px;
}

div#header a.hydro{
	font-family:Arial black;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	position:absolute;
		top:106px;
		left:265px;
}

div#header a.struct1{
	font-family:Arial black;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	position:absolute;
		top:243px;
		left:92px;
}

div#header a.struct2{
	font-family:Arial black;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	position:absolute;
		top:243px;
		left:589px;
}

div#header ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:92px;
	height:92px;
	position:absolute;
		top:30px;
		right:0px;
}

div#header li{
	font-family:Arial black;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:16px;
	height:18px;
	width:82px;
	padding-right:10px;
	text-align:right;
}

div#header_template ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:92px;
	height:92px;
	position:absolute;
		top:30px;
		right:0px;
}

div#header_template li{
	font-family:Arial black;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:16px;
	height:18px;
	width:82px;
	padding-right:10px;
	text-align:right;
}

div#mainTpl ul.mainMenu{
	margin:11px;
	padding:0px;
	margin-top:2px;
	list-style-type:none;
	background-image:url("../images/menuBg.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	height:30px;
	width:830px;
}

div#mainTpl ul.mainMenu li{
	float:left;
}

div#mainTpl ul.mainMenu a{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

div#mainTpl ul.mainMenu a.home{
	display:block;
	float:left;
	width:95px;
	line-height:30px;
	height:30px;
	background-image:url("../images/home.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

div#mainTpl ul.mainMenu a.subsidence{
	display:block;
	float:left;
	width:154px;
	line-height:30px;
	height:30px;
	background-image:url("../images/subsidence.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

div#mainTpl ul.mainMenu a.services{
	display:block;
	float:left;
	width:106px;
	line-height:30px;
	height:30px;
	background-image:url("../images/services.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

div#mainTpl ul.mainMenu a.testimonials{
	display:block;
	float:left;
	width:127px;
	line-height:30px;
	height:30px;
	background-image:url("../images/testimonials.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

div#mainTpl ul.mainMenu a.sponsorships{
	display:block;
	float:left;
	width:138px;
	line-height:30px;
	height:30px;
	background-image:url("../images/sponsorships.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

div#mainTpl ul.mainMenu a.contact{
	display:block;
	float:left;
	width:106px;
	line-height:30px;
	height:30px;
	background-image:url("../images/contact.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

div#content{
	width:830px;
	margin:0px;
	padding:0px;
}

/* Main content START */
div#content .mainContent{
	float:left;
	width:800px;
}


div#content .mainContent p{
	margin-left:22px;
	text-align:justify;
	font-weight:normal;
	margin-bottom:5px;
}

div#content .mainContent h1{
	margin-left:22px;
	font-size:18px;
	font-weight:bold;
	color:#D8003E;
	text-align:left;
	margin-top:10px;
	margin-bottom: 5px;

}

div#content .mainContent h2{
	margin-left:22px;
	font-size:14px;
	font-weight:bold;
	color:#D8003E;
	text-align:left;
	margin-top:5px;
}

div#content .mainContent td.image {
padding-left:0;
font-size: 10px;
text-align: center;
margin-top: 0px;
}

div#content .mainContent td.image img{
	float: none;
	margin-top: 0px;
}

div#content .mainContent img{
	margin-top: 0px;
	margin-left: 5px;
	float: none;
}

div#content .mainContent a{
	text-decoration: underline;
	/* color: #216FC2; */
	color: black;
	font-weight: bolder;
}

/* Right single image css start*/
div#content .mainContent .right_single_image{
	float: right;
	margin-top: 10px;
}

div#content .mainContent .left_single_image{
	float: left;
	margin-top: 10px;
}

/* Table CSS Start */
div#content .mainContent .serviceRow{
	float: bottom;
	margin-left: 140px;
}

div#content .mainContent .serviceCell{
	width:50%;
	float: left;
	text-align: left;
}

div#content .mainContent .tableRow{
	padding-bottom: 20px;
	height: 320px;
}

div#content .mainContent .tableRowCaption{
	height:50px;
}

div#content .mainContent .tableRow img{
	width: 250px;
	height: 250px;
	margin-left: 0px;
}

div#content .mainContent .tableRow a{
	color: #fff;
}

div#content .mainContent .tableRow .leftImage{
	float: left;
	margin-left: 50px;
	border: 1px solid;
	background-color: #03467d;
}

div#content .mainContent .tableRow .leftText{
	float: left;
	padding-top: 10px;
	margin-left: 50px;
	border: 1px solid;
	height: 246px;
	width: 250px;
}

div#content .mainContent .tableRow .rightImage{
	float: right;
	margin-right: 40px;
	border: 1px solid;
	background-color: #03467d;	
}

/* Services CSS End */

div#content .mainContent ul{
	text-align: left;
}

div#content .mainContent ol{
	text-align:justify;
	margin-bottom:5px;
}


/* Main content END */

div#content .leftContent{
	float:left;
	width:345px;
}

div#content .leftContent p{
	width:323px;
	margin-left:15px;
	text-align:justify;
	font-size:12px;
	font-weight:normal;
	margin-bottom:15px;
}

div#content .leftContent h1{
	width:323px;
	margin-left:15px;
	font-size:18px;
	font-weight:bold;
	color:#D8003E;
	text-align:left;
	margin-top:10px;

}

div#content .rightContent{
	float:right;
	width:485px;
	margin:0px;
	padding:0px;
}

div#content .rightContent img{
	margin-top:10px;
}

div#content .clear{
	clear:both;
	margin:0px;
	padding:0px;
}

div#credits{
	float: right;
	font-size:10px;
	color:#216FC2;
	margin-right: 10px;
}

div#footer{
	width:830px;
	height:28px;
	margin:0 auto;
	padding:0px;
	background-image:url("../images/footerLine.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:20px;
}

div#footer p{
	font-size:10px;
	font-weight:normal;
	margin-top:10px;
	text-align:left;
	margin-left:10px;
	width:300px;
	padding-left:0px;
	float:left;
}

div#footer .design{
	width:800px;
}

div#footer .design a{
	float: left;
}

div#footer span{
	font-size:11px;
	font-weight:normal;
	color:#216FC2;
	margin-top:10px;
}

div#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
	float:right;
	margin-top:10px;
	margin-right:10px;
}

div#footer li{
	float:left;
	font-size:10px;
	font-weight:normal;
	color:#D8003E;
}

div#footer a{
	float:left;
	font-size:10px;
	font-weight:normal;
	color:#216FC2;
	text-decoration:none;
	padding-right:10px;
	padding-left:10px;
}





.top-menu { display: inline-block; width: 830px; height: 30px; margin: 0px auto; padding: 0px; text-align: center; background: url("../images/menuBg.jpg") repeat-x left top; }
.top-menu ul {margin: 0px; padding: 0px; }
.top-menu li { float: left; display: inline-block; position: relative; height: 30px; }
.top-menu a { display: inline-block; font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; width: 130px; line-height: 30px; background: url("../images/bg_menu.gif") no-repeat left top; }
.top-menu a:visited { color: #fff; text-decoration: none; }
.top-menu a:hover { color: #fff; text-decoration: none; background-position: left -30px; }
.top-menu a.current { color: #fff; background-position: left -30px; }
.top-menu a:visited.current { color: #fff; }
.top-menu a:hover.current { color: #fff; text-decoration: underline; }

.top-menu ul ul { z-index: 1000; list-style-type: none; position: absolute; left: 0px; top: 30px; width: 200px; display: none; margin: 0px; background: #03467d; }
.top-menu ul li:hover ul { display: block; }
.top-menu ul ul li { z-index: 1000; list-style-type: none; text-align: left; width: 200px; margin: 0px; padding: 0px; background: #03467d; }
.top-menu ul ul a { font-size: 12px; color: #fff; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; padding: 0px 10px; display: block; width: 180px; z-index: 1000;  line-height: 30px; background-image: none; }
.top-menu ul ul a:visited { color: #fff; text-decoration: none; border-width: 0px; }
.top-menu ul ul a:hover { color: #fff; text-decoration: none; background: #db144d; border-width: 0px; }
.top-menu ul ul a.current { color: #fff; text-decoration: none; background: #db144d; background-image: none; }


.header-box { float: right; position: relative; width: 540px; height: 260px; margin:0 auto; }
.home-box { float:right; position: relative; width:479px; height: 299px; margin: 0px; padding:0px; }
.gallery-box {display: inline-block;}
.header-box .gallery-box { position: absolute; top: 0px; right: 0px; width: 540px; height: 260px; text-align: left; vertical-align: bottom; overflow: hidden; }
.home-box .gallery-box { position: absolute; top: 0px; right: 0px; width: 479px; height: 299px; text-align: left; vertical-align: bottom; overflow: hidden; }
.gallery-box img { border: 0px; }
.gallery-box a { display: block; font-size: 24px; color: #fff; text-decoration: none; height: 40px; padding: 220px 0px 0px 20px; }

.hidden { display: none; }


.marquee { padding: 5px; background: #90b7e0; margin: 1px 11px; font-size: 14px; }
.marquee a { font-weight: bold; }
.marquee a:hover { color: #fff; }
.marQleft {float: left; width: 110px; font-size: 16px; font-weight: bold; }

.comment-box { float:right; width:479px; height: 19px; text-align: center; padding: 5px; }