@charset "utf-8";
/* CSS Document */

body{  width:100%; padding:0px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; word-spacing:1px; line-height:20px; color:#333333;  }

div, h1, h2, h3, p, form, label, input, textarea, img, span{ margin:0; padding:0;}
ul{margin:0;  padding:0; list-style-type:none;}
.spacer{ clear:both;  font-size:0px;  line-height:0px;}
.clear{ clear:both;  font-size:0px;  line-height:0px;}

img { border:0}

h1{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:block; color:#990000; font-size:20px; line-height:26px;}
h2{font:20px Georgia, "Times New Roman", Times, serif; color:#0099CC;  font-weight:normal; display:block; height:35px;}
h2 span{font:20px Georgia, "Times New Roman", Times, serif; color:#000;  }
h3{font:18px Georgia, "Times New Roman", Times, serif; color:#0083c2;  font-weight:normal; display:block; height:35px;}
h3 span{font:18px Georgia, "Times New Roman", Times, serif; color:#000;  }
h4{font:18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#529875; margin:0 0 0 0;  font-weight:normal; display:block; height:25px; }
h5{font:18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#529875; margin:0; padding:0; font-weight:bold; display:block; height:10px; }


/* Div Style */
.mainContainer{ width:100%; background:url(../../images/bodyBack.gif) repeat-x; }
.mainContainer .cmn-container{ width:1000px; margin:0 auto; padding-bottom:20px;   }

.header-part { width:100%; padding-top:25px; height:65px; padding-bottom:30px;}
.header-part .logo-part { float:left; width:289px; }
.header-part .truck-animagion { float:right; width:700px; }

.content-part { height:355px; width:100%; height:355px; background:url(../../images/gallery-main.gif) 190px 0 no-repeat;}
.content-part .navigate{ float:left; height:325px; width:218px; background:url(../../images/left-navigate.png) no-repeat; padding-top:33px;}
.content-part .navigate ul { width:65%; margin:0 auto; }
.content-part .navigate ul li { height:39px; padding-top:5px; }
.content-part .navigate ul li a { font-family:Arial narrow, Helvetica, sans-serif; font-size:21px; text-decoration:none; color:#000; display:block; width:130px; }
.content-part .navigate ul li a:hover { color:#fff }

.content-part .gallery { float:left; width:540px; }
.content-part .right-navigate{ float:right; height:335px; width:236px; background:url(../../images/right-navigate.gif) no-repeat; padding-top:20px;}
.content-part .right-navigate ul { width:80%; margin:0 auto; }
.content-part .right-navigate ul li { border-bottom:1px #999999  dotted; height:21px; padding-top:2px; font-size:11px; font-weight:700; color:#666666; padding-left:14px; background:url(../../images/arrow.png) center left no-repeat;}
.content-part .right-navigate ul li a { text-decoration:none; color:#000000; }
.content-part .right-navigate ul li a:hover { text-decoration:none; color:#0066CC; }

.content-main  { width:100%; padding-top:20px;}
.content-main .left-main { float:left; width:715px; padding-right:50px;}
.content-main .left-main p { text-align:justify; margin-bottom:20px; }
.content-main .left-main a { text-decoration:underline; color:#333333;}
.content-main .left-main a:hover { text-decoration:none; }
.content-main .left-main ul { width:100%; }
.content-main .left-main ul li { width:200px; text-decoration:none; padding-left:18px; height:25px; background:url(../../images/arrow-main.gif) center left no-repeat; }
.content-main .left-main ul li a { font-weight:700; text-decoration:none; }


.content-main .center-main { float:left; height:285px; width:235px; background:url(../../images/client-list.gif) no-repeat; padding-top:55px;}
.content-main .center-main ul { width:80%; margin:0 auto; }
.content-main .center-main ul li { width:89%; border-bottom:1px #999 dotted; padding-left:15px; background:url(../../images/arrow.png) center left no-repeat; height:22px; padding-top:3px;}
.content-main .center-main ul li a { text-decoration:none; color:#666; font-size:11px; font-weight:700;}
.content-main .center-main ul li a:hover { text-decoration:none; color:#000;}


.mainFooter{ width:100%; background:url(../../images/footer.gif) repeat-x; padding-top:20px; }
.mainFooter .footer { width:1000px; margin:0 auto; }
.mainFooter .footer .left { width:480px; float:left; }
.mainFooter .footer .left ul li { width:auto; float:left; padding:0 8px; background:url(../../images/footer-divider.png) center right no-repeat; }
.mainFooter .footer .left ul li a { text-decoration:none; color:#FFFFFF;}
.mainFooter .footer .left ul li a:hover { text-decoration:underline; color:#FFFFFF;}
.mainFooter .footer .right { width:450px; float:right; color:#FFFFFF; text-align:right }
.mainFooter .footer .right a { text-decoration:underline; color:#FFFFFF;}
.mainFooter .footer .right a:hover { text-decoration:none; color:#FFFFFF;}

.credit-syscompose { height:30px; margin-top:25px; font-size:11px; color:#000000; } 
.credit-syscompose a{ text-decoration:none; color:#000; font-weight:700; } 

.gallery-main  { width:100%; margin-bottom:30px; margin:0 auto; } 
.gallery-main  .left-gallery { width:740px; float:left; } 
.gallery-main  .right-gallery { width:255px;  float:left; } 
.gallery-main  .right-gallery h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:26px;} 
.gallery-main  .right-gallery ul li { border-bottom:1px #666666 dotted; height:25px; width:160px; padding-top:3px; padding-left:18px; background:url(../../images/arrow.png) center left no-repeat; } 
.gallery-main  .right-gallery ul li a { color:#666666; text-decoration:none;  } 
.gallery-main  .right-gallery ul li a:hover { color:#000; text-decoration:none;  } 

.contact-box { width:100%; }
.contact-box .left { width:278px; float:left; margin-right:10px;}
.contact-box .right { width:300px; float:left; margin-right:10px;}


.content-main .center-main1 { float:left; height:285px; width:235px; background:url(../../images/client-list.gif) no-repeat; padding-top:55px;}
.content-main .center-main1 ul { width:85%; margin:0 auto; }
.content-main .center-main1 ul li { width:93%; border-bottom:1px #999 dotted; padding-left:15px; background:url(../../images/arrow.png) center left no-repeat; height:22px; padding-top:3px;}
.content-main .center-main1 ul li a { text-decoration:none; color:#666; font-size:11px; font-weight:700;}
.content-main .center-main1 ul li a:hover { text-decoration:none; color:#000;}