@charset "utf-8";

body { margin:0; background: url(../img/header-bg.png) repeat-x #fff; font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#333;}

p { line-height:23px;}
h1 { font-size:28px;}
h2  { padding-left:20px; background:url(../img/h2bg.png) repeat-x; border: 1px solid #d8d8d8; line-height:48px; height:51px; font-size:25px; text-transform:uppercase;}
ul, li, ol, form { margin:0; padding:0; list-style-type:none;}
.clear { clear:both;}
a { color:#2273ff;}

#container { width:985px; margin:0 auto;}

#header { background: url(../img/trucks-header.png) no-repeat 317px 0px; }
#header #logo { float:left;}
#header ul {float:right; margin-top:96px;}
*+html #header ul {float:right; margin-top:77px;}
* html #header ul {float:right; margin-top:77px;}
#header ul li { float:left; }
#header ul li a {display:block; margin-left:12px; text-decoration:none;}
#header ul li#home a {background:url(../img/home.png) no-repeat left top; width:86px; height:48px;}
#header ul li#about a {background:url(../img/about.png) no-repeat left top; width:93px; height:48px;}
#header ul li#contact a {background:url(../img/contact.png) no-repeat left top; width:109px; height:48px;}
#header ul li#home span {display:block; margin-left:12px; background:url(../img/home.png) no-repeat 0 -48px; width:86px; height:48px;}
#header ul li#about span {display:block; margin-left:12px; background:url(../img/about.png) no-repeat 0 -48px; width:93px; height:48px;}
#header ul li#contact span {display:block; margin-left:12px; background:url(../img/contact.png) no-repeat 0 -48px; width:109px; height:48px;}
#header ul li#home a:hover {background:url(../img/home.png) no-repeat 0 -47px;}
#header ul li#about a:hover {background:url(../img/about.png) no-repeat 0 -47px;}
#header ul li#contact a:hover {background:url(../img/contact.png) no-repeat 0 -47px; }

#content { padding-top:17px;}
#about #content ul li { list-style-type:square; margin-left:40px;}

#leftcol { float:left; width:510px; margin-right:20px;}
#leftcol img { border:1px solid #333;}
#leftcol ul#thumbnails li { float:left; margin:10px 10px 0 0  }
#leftcol ul#thumbnails li.last { margin-right:0px;}
#leftcol h2#desc { margin-top:18px;}
*+html #leftcol h2#desc { margin-top:40px;}
* html #leftcol h2#desc { margin-top:21px;}

#rightcol { float:left; width:410px; }
#rightcol ul { line-height:24px;}

.map { background:url(../img/enlarge.gif) no-repeat left center; padding-left:15px; float:right;}

#contactform {margin:20px 0 0 20px;}
#contactform div { margin-bottom:19px;}
#contactform .text { border:1px solid #dadfe8; font-size:14px; height:22px;}
#contactform .textarea { border:1px solid #dadfe8; width:336px; height:174px;}

ul.productlist li { float:left; margin:0 24px 40px 0;}
ul.productlist li.last {margin:0 0px 40px 0;}
ul.productlist li a { display:block; width:220px; text-decoration:none;  text-align:center;  border:1px solid #d8d8d8; background:url(../img/productlist-bg.png) repeat-x left bottom; color:#333;}
ul.productlist li a b { display:block; background:url(../img/productlist-heading.png); color:#fff; text-align:center; height:44px; line-height:42px;}
ul.productlist li a img { border: 1px solid #9e9e9e; margin-top:10px; margin-bottom:10px;}
ul.productlist li a span.price { font-weight:bold}

#footer { padding:10px 0 24px; border-top:1px solid #ccc; color:#ccc; font-size:14px;}
#footer span#copy { float:left;}
#footer span#links { float:right;}