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

* { margin:0 auto; padding:0; outline:none;}

body {background-image:url(../images/body.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
#wrapper { margin:0 auto; padding:10px; width:960px; background-image:url(../images/body1.jpg);}
h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0086DB; padding-bottom:10px; padding-top:10px;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0288DD; padding-bottom:10px; padding-top:10px;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#048adf; padding:10px;}
h4 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#098adc; padding:10px;}
h5 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0288DD; padding-bottom:10px;}
p { text-align:justify; padding-bottom:5px; padding-right:10px; padding-top:10px;}
.noBg {background-image:none!important;}
.allprodheading { padding-left:15px; padding-right:10px; padding-top:25px;}
.clearboth { clear:both;}
.hedlogo{ width:109px; float:left;}
.hdflash { width:100px; float:right}
.more { color:#F00; float:right; font-size:10px; text-decoration:none;}
.quickhd { width:300px; margin-left:10px;}
.padleft { padding-left:50px;}
.padlefts { padding-left:40px;}
.dotline { border-bottom:1px dotted #999;}
.padinglefts { padding-left:30px; line-height:20px; }
#header { width:960px; float:left;}
#header img.hdlogo { width:156px; float:left; position:relative;}
#header .hdright { width:209px; float:right;}
#header .hdright .hdtop { width:60px; height:43px; float:right;}
#header .hdright .hdtop img.home { float:left; position:relative}
#header .hdright .hdtop img.contus { float:right; position:relative;}
#header .hdright .hdbottom {height:29px; margin-top:10px; color:#0A75B9; font-size:14px;}
.phone-text{ float:right; margin-top:10px; margin-right:10px; color:#0A75B9; font-size:16px;}
#menu { background:url(../images/menu-dv.jpg) repeat-x; width:960px; height:36px; margin-top:5px; font-size:12px; color:#000; }
#menu ul { list-style:none;}
#menu ul li {float:left; position:relative; width:160px; text-align:center; background:url(../images/menu-line.jpg) right repeat-y;}
#menu ul li a { height:36px; line-height:36px; text-decoration:none; color:#fff; font-weight:bold;}
#menu ul li a:hover { background:url(../images/button4.html) repeat-x; color:#900;}
#banner { width:960px; margin-top:1px; position:relative;}
#bodyhome { width:960px; margin-top:10px;}
#bodyhome .homeleft { width:638px; float:left;}
#bodyhome .homequickfm { width:300px; height:275px;  float:right; margin-left:6px; }
#bodyhome .productsLeft { width:638px; float:left;}



#bodyhome .productsLeft .prodhead { width:638px; float:left; margin-bottom:20px;}
#bodyhome .productsLeft .prodhead1 { width:638px; float:left;}
#bodyhome .productsLeft .prodLeft { width:200px; height:150px; float:left; border:1px dotted #09F;}
#bodyhome .productsLeft .prodLeftsrv { width:198px; float:left;}
#bodyhome .productsLeft .prodRight { width:410px; float:left; margin-left:20px;}
#bodyhome .productsRight { width:300px; height:300px;  float:right; margin-left:6px; background-color:#91CFE3; border:1px solid #0A0FA6;}
#bodyhome .clientelehd { width:960px;}
#bodyhome .clientele1 { width:310px; float:left;}
#bodyhome .clientele2 { width:310px; float:left; margin-left:15px;}
#bodyhome .clientele3 { width:310px; float:left; margin-left:15px;}
#bodydown { width:960px; margin-top:10px; border-top:1px dotted #333;}
#bodydown .prod1 { width:285px; float:left; margin-top:10px;}
#bodydown .prod1 .prdhd { width:285px; float:left;}
#bodydown .prod1 img.prdimg { float:left; border-right:1px dotted #666;}
#bodydown .prod1 .prdtxt { width:284px; float:left;  border-right:1px dotted #666;}
#bodydown .prod1 .prdmore { width:285px; float:left; }
#bodydown .prod2 { width:360px; float:left; margin-left:14px; margin-top:10px;}
#bodydown .prod2 .prdhd2 { width:360px; float:left;}
#bodydown .prod2 img.prdimg2 { float:left; margin-top:10px; position:relative;}
#bodydown .prod2 .prdtxt2 { width:220px; float:left;  border-right:1px dotted #666;}
#bodydown .prod2 ul.overview { margin-left: 25px;}
#bodydown .prod2 ul li { list-style:url(../images/arrow.jpg) cjk-ideographic; margin-bottom:8px;}
#bodydown .prod2 .prdmore2 { width:360px; float:left; }
#bodydown .prod3 { width:285px; float:left; margin-left:14px; margin-top:10px;}
#bodydown .prod3 .prdhd3 { width:285px; float:left;}
#bodydown .prod3 img.prdimg3 { float:left; position:relative; }
#bodydown .prod3 .prdtxt3 { width:284px; float:left; }
#bodydown .prod3 .prdmore3 { width:285px; float:left; }
#bodydownSev { width:960px; margin-top:5px;}
#footer { margin-top:15px; height:150px; background-image:url(../images/footer.jpg);}
#footer .menuleft { width:460px; float:left; margin-top:110px;}
#footer .menuleftup { width:440px; float:left;}
#footer .menuleftup li { margin:0; padding:0; list-style:none; float:left; background:url(../images/footer-div.jpg) right repeat-y; font: normal 11px arial; color:#4f4d4d;}
#footer .menuleftup li a { width:80px; margin-left:5px; padding-right:5px; color:#4f4d4d; text-align:center; text-decoration:none;}
#footer .menuleftup li a:hover{ color:#06F; text-decoration:none;}
#footer .menuleftdwn { width:440px; float:left; margin-top:10px; font-size:10px;}
#footer .righticon { float:right;}
#footer .righticon img.facebook{ float:right; position:relative;}
form input
{
width:170px;
}
form textarea
{width:170px;}
form input.but
{
width:70px;
}
.productsLeftfull
{
width:960px; height:auto; 
}


.productsLeftfull .prodleftone
{
width:240px; height:auto; float:left; min-height:200px;  border: 1px dashed #ddd;
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px #ddd, 0 0 0 10px #fff, 0 0 2px 10px #eee;
}

.productsLeftfull .prodrightone
{
width:680px; height:auto; float:left; min-height:200px; margin-left:20px; margin-top:20px; 
}
#half 
{
width:960px;
height:700px;;
}
#half .firsthalf
{
width:50%;
height:300px;
float:left;
}
#half .firsthalf h2
{
margin-left:20px;
}
#half .firsthalf ul li
{
margin-left:40px;
padding-bottom:10px;
}
#half .secondhalf
{
width:50%;
height:300px;
float:left;
}
#half .secondhalf h2
{
margin-left:20px;
}
#half .secondhalf ul li
{
margin-left:40px;
padding-bottom:10px;

}
#half .thirdhalf
{
width:100%;
height:300px;
margin-left:20px;
}
#half .thirdhalf ul 
{
margin-left:40px;
list-style-image:url(../images/tick.png);

}
#bodyhome .client
{

width:230px;
height:130px;
margin-left:10px;
margin-top:2px;
margin-bottom:30px;
float:left;
}