@charset "utf-8";

*{ margin:0; padding:0;}
img{ border:none;}
body{ font:normal 12px Tahoma; color:#000000; background:#868282 url(../images/bg.jpg) repeat-x; text-align:center}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

#gutter{ margin-top:38px; }
.gutter-1{ margin-left:11px;}
.gutter-2{ margin-left:7px;}
.gutter-3{ padding-right:4px;}
.gutter-4{ margin-left:1.5em;}
.gutter-5{ padding-left:11px;}
.gutter-6{ margin-left:19px;}
.push{ padding:0 1em 0 0;}
.col-L{ float:left;}
.col-R{ float:right;}
.span-x{ margin: auto; text-align:left;}
.span-1{ width:900px;}
.span-2{width:865px;}
.span-3{width:602px;}
.span-4{width:248px;}
.shadow{ background: url(../images/shadow.png) no-repeat; width:900px;}
.con-top{ background:#FFFFFF; width:865px;}
.con-bot{width:865px;}

.space{ background:url(../images/spacer.jpg) no-repeat; width:248px; height:15px; border:none; }

#header{width:865px;}

#nav{ background:url(../images/nav.jpg) repeat-x; width:865px; height:65px;}
#nav ul{ margin:0; padding:1.8em 0 1.7em 0; text-transform:uppercase}
#nav li{ list-style:none; display:inline;} 
#nav ul li a{ text-decoration:none; font:bold 13px Tahoma; padding:0 1.5em 0 1.5em; color:#000000;}
#nav a:hover{ background:#c6c6c6; padding:1.2em 1.5em 1.4em 1.5em;}
#nav a.current{background:#c6c6c6; padding:1.2em 1.5em 1.4em 1.5em;} 

#search-con{ width:204px; padding:1.25em 10px 0 0;}
#search-l{ background:url(../images/search-l.jpg) no-repeat; width:168px; height:31px;}
#search-l form{ padding:.6em 0 0 1em;}
#search-l input{border:1px solid #c5c5c5;  background:#cdcbcb;}
#search-r img{ width:36px; text-decoration:none; border:none;}
#search-r a:hover{ padding:0;}

#leftcon{width:602px;}
#leftcon h2{ text-align:center; font-weight:normal; margin-top:10px;}
#leftcon p{ line-height:20px; padding:.5em 1em 0 0em;}
#leftcon a{text-decoration:none; font:bold 12px Tahoma; color:#0000FF;}
#leftcon a:hover{ color:#3399FF;}
#leftcon strong{ font:bold 16px Tahoma;}
#leftcon span{line-height:20px; padding:6px;}
#leftcon h1 {font-size:20px;margin-top:10px; font-weight:normal;}
.leftbox{ width:284px; border:#bfbdbd 1px solid;  padding:0 0 1em 0;}
.l-box{ background:#dfdbdb; width:284px; height:33px;}
.l-box h1{ font:bold 16px Tahoma; padding:5px 0 0 10px;}

#rightcon{ background:#d4d0d0 url(../images/right-top.jpg) no-repeat; position:relative; top:-.8em; padding:25px 0 3em 0;}
#rightcon h1{ font:normal 20px Tahoma;}
#right-in h1{ font:normal 20px Tahoma;}
#right-in ul{ margin:0; padding:0 0 0 26px;}
#right-in li{ list-style:none; background:url(../images/list.jpg) 0 .3em no-repeat;}
#right-in ul li a{ text-decoration:none; padding:0 0 0 1em; color:#333333;}
#right-in a:hover{ color: #FFFFFF;}

.footer{ margin:.5em auto; width:320px; color:#FFFFFF;}
.footer ul{ margin:0; padding:0;}
.footer li{ list-style:none; display:inline; color:#FFFFFF;}
.footer ul li a{ text-decoration:none; text-align:center; color:#FFFFFF; padding:0 1em 0 1em;}
.footer a:hover{ color:#000000;}
.footer a.current{color:#000000;}
.footer p{ margin:0 auto; width:112px; color:#ffffff;}



/*products-services*/
.cart ul{ margin:0 0 0 1em; padding:0;}
.cart li { list-style:none; display:inline;}
.cart ul li a{ text-decoration:none; color:#000000; padding:0 .5em 0 .5em; font:bold 12px Tahoma;}
.cart a:hover{ color:#FFFFFF;}
.cartbox{ background:#949494; width:248px; height:35px;}
.cartbox p{ color:#FFFFFF; padding:.5em 0 0 .7em;}
.cartbox a img{padding:.3em .8em 0 0;}
.equip{ width:248px;}
.equip ul{ margin:0; padding:0;}
.equip li{display:block; list-style:none;  padding:.5em 0 0 0;}
.equip ul li a{ text-decoration:none; color:#000000; padding:0 0 0 1em; }
.equip a:hover{ background:#FFFFFF; display:block; }
.box-con{ width:540px;}
.box-in{width:235px;}
.box-in a{ padding:0 0 0 .6em;}

/*contact*/
.contact{ width:551px; border:1px solid #cbcbcb; }


/* form 5 */

#form5{margin:1em 0;padding-top:10px;}
#form5 fieldset{margin:0;padding-top:.5em;border:none;	}		
#form5 legend{background:#fff; padding:0 5px;}	
#form5 p{clear:both; margin:.5em 0; overflow:hidden;}	
#form5 label{float:left; width:100px; display:block; text-align:right; margin-right:10px;}	
#form5 input, #form5 textarea{margin:0;width:250px;border:1px solid #ddd;padding:3px 5px 3px 0;}		
	
	
#form5 input#name{}
#form5 input#email{}
#form5 input#web{}
#form5 textarea#message{width:350px;}
#form5 textarea{height:125px;overflow:auto;}					
.button{  padding:0 5em 0 0;}
*html .button {padding:0 2.5em 0 0;}
*+html .button {padding:0 2.5em 0 0;}
.button ul{}
.button li{ list-style:none; display:inline;}
.button ul li a{ text-decoration:none; padding:0 0 0 1em;}
/* // form 5 */