/* CSS Document */
/*body starts here*/
body{background:#53649a url(pics/body.png) no-repeat; margin:0px; padding:0px;
      font-family:Helvetica, Arial, Tahoma, Verdana, sans-serif; font-size:16px;color:#4d535f; background-attachment:fixed;}

.roundedtopborderscode{border:solid 5px #262626; background-color:#8995ba; color:#262626; width:99%; font-weight:normal; -moz-border-radius-topleft: 20px; -webkit-border-radius-topleft: 20px; border-radius-topleft: 20px;
-moz-border-radius-topright: 20px; -webkit-border-radius-topright: 20px; border-radius-topright: 20px;}

#wrapper{width:1000px; margin:0 auto;}
.clear{clear:both;margin:0px;padding:0px;}
.dotsgalore{clear:both;margin:0px;padding:0px;}

a:link {color: #b84343; text-decoration: none}
a:visited {color: #b84343; text-decoration: none}
a:hover {color: #323e57; text-decoration: none}
a:active {color: #323e57; text-decoration: none}


.b:link {color: #47A2B2; text-decoration: none}
.b:visited {color: #47A2B2; text-decoration: none}
.b:hover {color: #47A2B2; text-decoration: none}
.b:active {color: #47A2B2; text-decoration: none}

.d:link {color: #005A94; text-decoration: none}
.d:visited {color: #005A94; text-decoration: none}
.d:hover {color: #005A94; text-decoration: none}
.d:active {color: #005A94; text-decoration: none}

.c_1:link {color: #1f2a3f; text-decoration: underline}
.c_1:visited {color: #1f2a3f; text-decoration: underline}
.c_1:hover {color: #1f2a3f; text-decoration: none}
.c_1:active {color: #1f2a3f; text-decoration: none}

/*to indent and have numbers bold*/
ol{font-weight: bold;}
span{font-weight: normal;}

#roadpic{background:#ffffff url(pics/banner_newest.jpg) no-repeat;}

/*body ends here  */
h1{
	margin:0px; padding:0px 0px 0px 0px;
	font-size:25px; color:#47A2B2; font-weight:normal;
	}


/*menuzone starts here*/
#menu{background-color:#53649a; height:59px; padding:0px 0px 0px 0px;}
#menu ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(pics/menu_border.gif) left top no-repeat;}
#menu li{
	margin:0px 0px 0px 0px;
	padding:17px 0px 17px 0px;
	display:block;
	float:left;
	list-style:none;
	background:url(../pics/menu_border.gif) right top no-repeat;
	text-transform: uppercase;
	font-weight: bold;
}
#menu li a{color:#9ca0ac; font-size:14px; text-decoration:none; background:url(pics/menu_path.png) 24px 7px no-repeat; 
           padding:0px 17px 0px 17px;margin:0px 0px 0px 0px;}
#menu li a:hover{color: #000000; text-decoration: none}
#menu a.active{color: #9ca0ac; text-decoration: none}
/*menuzone ends here*/




/*bannerzone starts here*/
#bannerzone{padding:0px;}
#logo{padding:20px 0px 0px 20px;}
.banner_text{padding:25px 0px 0px 60px; color:#000000; font-size:13px; line-height:24px;}
.banner_bold_text{font-size:17px; color:#415680;}
.banner_bold_text_more{padding:25px 0px 0px 95px; font-size:17px; color:#415680;}
/*bannerzone ends here*/



#secondcontainer{background-color:#53649a;}





/*footer starts here*/
#footerhp{background:#262626; width:1000px;}
.footermenuhp{padding:26px 0px 26px 38px;margin:0px 0px 0px 0px;float:left;}
.footermenuhp ul{padding:2px 0px 0px 25px;margin:0px 0px 0px 0px;}
.footermenuhp li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:inline;list-style:none;}
.footermenuhp li a{padding:0px 0px 0px 0px;color:#c6c6c6;text-decoration:underline;font-size:12px;}
.footermenuhp li a:hover{text-decoration:none;}
.footermenuhp a{color:#aebbe5; padding:0px 0px 0px 0px;color:#c6c6c6;text-decoration:underline;font-size:12px;}
.footermenuhp a:hover{text-decoration:none;}
.copyrighthp{padding:26px 100px 5px 200px;margin:0px 0px 0px 0px;float:right;font-size:12px;color:#aebbe5;}
.contactmailhp{padding:26px 0px 26px 390px;color:#aebbe5;float:left;font-size:15px;}
.whitelinehp{color:#c6c6c6;}
/*footer ends here*/


/*footer starts here*/
#footer{background:#262626; width:990px;}
.footermenu{padding:26px 0px 26px 38px;margin:0px 0px 0px 0px;float:left;}
.footermenu ul{padding:2px 0px 0px 25px;margin:0px 0px 0px 0px;}
.footermenu li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:inline;list-style:none;}
.footermenu li a{padding:0px 0px 0px 0px;color:#c6c6c6;text-decoration:underline;font-size:12px;}
.footermenu li a:hover{text-decoration:none;}
.footermenu a{padding:0px 0px 0px 0px;color:#c6c6c6;text-decoration:underline;font-size:12px;}
.footermenu a:hover{text-decoration:none;}
.copyright{padding:26px 100px 50px 200px;margin:0px 0px 0px 0px;float:right;font-size:12px;color:#c6c6c6;}
.contactmail{padding:26px 0px 26px 390px;color:#c6c6c6;float:left;font-size:15px;}
.whiteline{color:#c6c6c6;}
/*footer ends here*/


/* inner pages css start */
h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}
h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#005A94; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #000;	margin:0px 0px 10px 0px;}
h6{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#47a2b2; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
h7{font:20px Myriad Pro, Arial, Helvetica, sans-serif; color:#47A2B2; font-weight:bold;}
h8{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal;}
h9{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#005A94; font-weight:bold; padding:0px 0px 5px 0px;}
h10{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:black; font-weight:bold; padding:0px 0px 5px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button-old{color:#ffffff;	background:#414141;	font:bold 15px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px; margin:5px;	border:1px solid #000000;}
input.button{color:#ffffff;	background:#414141;	margin:5px; font:bold 15px Arial, Helvetica, sans-serif; text-decoration:none; border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #14206a;}
.whiteheading{font:30px Myriad Pro, Arial; color:#000; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #000; padding-bottom:10px; width: 95%;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */

/*Note this is for the kaboom button hover here
*/
input.kaboom_button {width:218px; height:50px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#d1d1d1; color:#262626; font-size:180%; font-weight:bold; cursor: pointer; cursor:hand;}

a:hover input.kaboom_button {width:218px; height:50px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#d1d1d1; color:#ffffff; font-size:180%; font-weight:bold; cursor: pointer; cursor:hand;}


/*Note this is for the kaboom button 2 hover here (For testing purposes)
*/
button.kaboom_button2 {width:218px; height:50px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#d1d1d1; color:#262626; font-size:180%; font-weight:bold; cursor: pointer; cursor:hand;}

a:hover button.kaboom_button2 {width:218px; height:50px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#d1d1d1; color:#ffffff; font-size:180%; font-weight:bold; cursor: pointer; cursor:hand;}


/*Note this is for the preview button hover
*/
 .previewbutton_hover {background: url("pics/button_preview_hover.png") no-repeat left top; width: 200px; height: 60px; display:block;} 
 .previewbutton_hover:hover img {position:absolute; left:-999em; top:-999em;}  
 /* ie6 needs his fix*/  
 .previewbutton_hover:hover {zoom:1;}  


/*Note this is for the preview button hover
*/
 .loginbutton_hover {background: url("pics/button_login_hover.png") no-repeat left top; width: 140px; height: 50px; display:block;} 
 .loginbutton_hover:hover img {position:absolute; left:-999em; top:-999em;}  
 /* ie6 needs his fix*/  
 .loginbutton_hover:hover {zoom:1;}  


/*Note this is for the add product button hover
*/

 .productbutton_hover {background: url("pics/button_product_hover.png") no-repeat left top; width: 174px; height: 33px; display:block;} 
 .productbutton_hover:hover img {position:absolute; left:-999em; top:-999em;}  
 /* ie6 needs his fix*/  
 .productbutton_hover:hover {zoom:1;}  

 

