/* CSS Document */

body{margin:0px; padding:0px; background:url(../images/bg.jpg) repeat-x left top #003C5A;}
#wrapper{width:780px; margin:0px auto; padding:0px;}
#index-header{ width:780px; height:298px;background:url(../images/index.header.jpg) left top no-repeat;}
.top-heading{ font:bold 16px/26px Georgia, "Times New Roman", Times, serif; padding-left:10px; color:#006699;}
.top-heading a{color:#006699; text-decoration:none;}
.top-heading ul{font:bold 12px/18px Arial, Helvetica, sans-serif; padding-left:10px; margin:10px 0 0 0px; color:#000;}
.top-heading ul li{font:bold 12px/22px Arial, Helvetica, sans-serif; padding:0px; margin:0px; color:#000; list-style:none;}
.top-heading ul li a{font:bold 12px/22px Arial, Helvetica, sans-serif; padding:0px; margin:0px; color:#000; list-style:none; text-decoration:none;}

#header{ height:153px; background:url(../images/logo.jpg) left top no-repeat;}
#logo{font: normal 36px/40px "Times New Roman", Times, serif; color:#fff; float:left; width:250px; margin:0px; padding:25px 0 0 70px;}
#logo-capt{float:left; width:150px; margin:0px; padding:42px 0 0 16px; font: bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; }

#phone{width:196px; height:60px; background:url(../images/phone-bg.jpg) left top no-repeat; margin:17px 0 0 70px; padding:0px; float:left;} 

#phone span{ float:left; margin:0px; padding:19px 0 0 53px; font: bold 18px/20px "Times New Roman", Times, serif; color:#000;} 

/* ---------  main nav st------------*/
#menu{width:736px; height:58px; margin:10px 0 0 35px; padding:0px; }
#menu li { width:130px; height:48px; background:url(../images/btn.jpg) left top no-repeat; margin:0 0 0 8px; padding-top:10px; text-align:center; float:left; list-style:none;font:bold 12px/16px Arial, Helvetica, sans-serif; color:#fff; display:block; }
#menu li a { display:block; width:130px; height:48px; color:#fff; text-decoration:none; margin:0px; padding:0px;}
#menu li a:hover{ display:block; width:130px; height:48px; color:#000; text-decoration:none; background:url(../images/btn-hover.jpg) left top no-repeat; margin:-10px 0 0 0px; padding:10px 0 0 0px;}
/* ---------  main nav end------------*/


.left-nav-head{width:217px; height:53px; background:url(../images/nav-head-bg.jpg) left top repeat-x; margin:0px;text-align:center; font:bold 16px/18px Arial, Helvetica, sans-serif; color:#000; }
.left-nav-head a { color:#000; text-decoration:none;}

/* ---------  vert nav st------------*/

#verti-nav{ width:217px; margin:0px; padding:0px;}
#verti-nav li {width:197px; height:25px; margin:0px; padding:5px 0 0 20px; background:url(../images/vertical-nav-bg.jpg) left top repeat-x; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; list-style:none;}
/* ---------  vert nav end------------*/

#container{background:#fff;}

#container h1{font: normal 21px/30px Tahoma, Arial; color:#000; float:left; width:490px; margin:0px; padding:0px; }
#container p{font:normal 12px/22px Arial, Helvetica, sans-serif; color:#000; float:left; width:490px; margin:30px 0 0 0; padding:0px; text-align:justify; }

.blue{color:#00699C;}
.service-mid{background:url(../images/servive-mid.jpg) left top repeat-y; }

#retail{ width:284px; height:162px; background:url(../images/retail-bg.jpg) left top no-repeat;}
#retail a{}
#commercial{ width:284px; height:162px; background:url(../images/commercial.jpg) left top no-repeat;}

.list-service{font:bold 12px/16px Arial, Helvetica, sans-serif; color:#000; text-align:left;text-decoration:none; }
.list-service a{text-decoration:none;}
.list-service h2{font:bold 16px/18px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:0px; text-align:right; }

#footer{ width:100%; height:33px; margin:0px auto; background:#003C5A;}
#footer-text{width:753px; height:33px; margin:0px auto; font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif; color:#fff;}

.head-bottom-bg{height:53px; background:url(../images/heading-bottom-bg.jpg) left top no-repeat;}
#sub-category {padding:0px; margin:0px;}
#sub-category h1{text-indent:15px; text-align:left; height:53px; padding-top:20px;}

#content-part{padding:30px 10px 10px 20px; margin:0px;}
#content-part p{ margin:10px 0 5px 0px; padding:0px; line-height:18px;}
#content-part ul{ float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#006699;}
#content-part ul li{ font:normal 12px/18px Arial, Helvetica, sans-serif; text-align:left; text-indent:15px; background:url(../images/bullet.gif) left center no-repeat; list-style:none;}

a{ text-decoration:none; cursor:pointer; color:#000;}

.bold-blue{ color:#00699C;font:bold 14px/20px Arial, Helvetica, sans-serif; text-align:left;}