/* CSS Document */

body{ margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; background:url(images/bg.jpg) #0d0d0d repeat-x; }



div, p, ul, ol, h1, h2, h3, h4, h5, img { margin:0px; padding:0px; }



ul { list-style:none; }



#main{ width:1003px; height:auto;  margin:auto;}



#header { float:left; width:1003px; height:99px; }



#banner { float:left; width:1003px; height:230px; background:url(images/d-works-flash.jpg) no-repeat; padding:20px 0 0px 0;}



#nav-main { float:left; width:1003px; height:51px; position:relative;}

#nav-main-lft { float:left; width:33px; height:51px; background:url(images/nav-top-lft.jpg) no-repeat; }

#nav-main-rgt { float:right; width:33px; height:51px; background:url(images/nav-top-rgt.jpg) no-repeat; }

#nav-main-mid { position:absolute; z-index:9999; left:33px; width:937px; height:41px; background:url(images/nav-mid-bg.jpg) repeat-x; padding:10px 0 0 0;}

#nav-main-mid ul { margin: 0; padding: 0; list-style-type: none; } 

#nav-main-mid ul li { float: left; } 

#nav-main-mid ul li a {  display:inline-block; padding:0px 45px 0 45px; color: #ffffff; text-align:left; text-decoration: none; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:14px; border-right:1px dashed #c7c7c7; }

#nav-main-mid ul li a:hover {  color: #ff0000;  } 

#nav-main-mid ul li a.home {  color: #ff0000;  } 



 







#body-main { float:left; width:1003px; height:auto; }

#body-top { float:left; width:1003px; height:15px; background:url(images/body-top.jpg) no-repeat; font-size:0px; }

#body-mid { float:left; width:939px; height:auto; background:url(images/body-bg.jpg) repeat-y; padding:10px 32px 0 32px; }

#body-bot { float:left; width:1003px; height:14px; background:url(images/body-bot.jpg) no-repeat; }



#body-left { float:left; width:585px; height:auto; }

#wel-main { float:left; width:585px; height:auto; }

#wel-pic { float:left; width:170px; height:168px; padding:20px 0 0 0;}

#wel-hd { float:left; width:400px; height:25px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:16px; font-weight:bold; }

.wel-txt { font-family:Arial, Helvetica, sans-serif; color:#afafaf; font-size:14px; text-align:justify; }



#call-us { float:left; width:585px; height:118px; background:url(images/call-us-bg.jpg) no-repeat; margin:20px 0 0 0;}

#call-us1 { float:left; width:585px; height:118px; background:url(images/call-us-bg.jpg) no-repeat; margin:0px 0 0 10PX;}



#call-us-txt h2 {  width:385px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; margin:20px 0 0 20px; line-height:25px; }

#call-us-numb h1 {  width:385px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#ef0101; margin:10px 0 0 20px; line-height:25px; }



#contact-us { float:left; width:245px; height:auto; padding:10px 0 0 0;}

.contact-us-hd { font-family:Arial, Helvetica, sans-serif; color:#ef0101; font-size:18px; width:245px; height:30px; font-weight:bold; }

.contact-txt { font-family:Arial, Helvetica, sans-serif; color:#afafaf; font-size:14px; width:260px; height:auto; }



#body-rgt { float:right; width:270px; height:auto; padding:0 30px 0 0; }

#we-offer { float:left; width:270px; height:auto; }

#we-offer-hd h2{ float:left; width:270px; height:30px; font-family:Arial, Helvetica, sans-serif; color:#ef0101; font-size:18px; }

#we-offer-mid { float:left; width:270px; height:auto; }

#we-offer-mid ul{ padding:0px; margin:0px; }

#we-offer-mid ul li{ height:30px; float:left;}

#we-offer-mid ul li a{ width:260px; height:30px; display:block; color:#afafaf; border-bottom:dashed #999999 1px;  font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; text-decoration:none; padding:0 0 0 10px; }

#we-offer-mid ul li a:hover{ height:30px; background:#3c3c3c; color:#fff; border:none; text-decoration:none;  }



 





#footer { float:left; width:973px; height:30px; background:#0d0d0d padding:0 30px 0 0; }

.footer-txt { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; text-align:right; }



#logo { float:left; width:271px; height:99px; }



/*------------- Inner page ------------------*/



#body-top1 { float:left; width:1003px; height:15px; background:url(images/body-top1.jpg) no-repeat; font-size:0px; }

#body-mid1 { float:left; width:939px; height:auto; background:url(images/body-bg1.jpg) repeat-y; padding:10px 32px 0 32px; }

#body-bot1 { float:left; width:1003px; height:14px; background:url(images/body-bot1.jpg) no-repeat; }



#tinting-hd h2 { float:left; width:929px; height:30px; font-family:Arial, Helvetica, sans-serif; color:#ef0101; font-size:18px; }

#tinting-hd1 h2 { float:left; width:370px; height:30px; font-family:Arial, Helvetica, sans-serif; color:#ef0101; font-size:18px; }



.tinting-txt { float:left; width:929px; height:auto; font-family:Arial, Helvetica, sans-serif; color:#afafaf; font-size:14px; text-align:justify; line-height:18px; }



#tinting-serv { float:left; width:900px; height:auto; }

#tinting-serv h3{ float:left; width:900px; height:30px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:16px; }

#tinting-serv-mid { float:left; width:900px; height:auto; }

#tinting-serv-mid ul{ padding:0px; margin:0px; }

#tinting-serv-mid ul li{ height:30px; float:left;}

#tinting-serv-mid ul li a{ width:890px; height:30px; display:block; color:#afafaf;  font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; text-decoration:none; padding:0 0 0 10px; }

#tinting-serv-mid ul li a:hover{ height:30px; background:#3c3c3c; color:#fff; border:none; text-decoration:none;  }





#detailing-serv { float:left; width:900px; height:auto; margin:20px 0 0 0;}

#detailing-serv-lft { float:left; width:440px; height:auto; }

#detailing-serv h2{ float:left; width:440px; height:30px; font-family:Arial, Helvetica, sans-serif; color:#ef0101; font-size:16px; }

#detailing-serv h3{ float:left; width:440px; height:30px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:16px; }

#detailing-serv-mid { float:left; width:440px; height:auto; }

#detailing-serv-mid ul{ padding:0px; margin:0px; }

#detailing-serv-mid ul li{ height:30px; float:left;}

#detailing-serv-mid ul li a{ width:430px; height:30px; display:block; color:#afafaf;  font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; text-decoration:none; padding:0 0 0 10px; }

#detailing-serv-mid ul li a:hover{ height:30px; background:#3c3c3c; color:#fff; border:none; text-decoration:none;  }



 

#contact-map { float:left; width:430px; height:auto; margin:20px 0 0 0;}

#contact-form { float:left; width:470px; height:auto; margin:20px 0 0 20px ; }





#gal-main { float:left; width:929px; height:auto;   }

.gal-img{  width: 100%; height:auto;}

.gal-img ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; }

.gal-img ul li{ position: relative; display: inline; float: left; }

.gal-img ul li a{ display: block; padding:15px 24px 15px 1px;   height:100px; width:128px; }

* html .gal-img ul li a{ display: inline-block; }