@charset "utf-8"; /* GLOBAL STYLES ===============================================================*/ html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form, blockquote { margin:0; padding:0; border:0; } body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; background:#000 url(images/bg3.jpg) repeat-x 0 0; } h1, h2, h3, h4, h5, h6 { font-family:verdana; font-weight:normal; } h1 { font-family:helvetica, verdana; color:#e23105; font-size:1.8em; line-height:1.5; margin:10px 0; display:inline; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #cccccc; font-size:1.2em; line-height:1.5; margin:10px 0; display:inline; } h3 {font-size:12px; color:#fff; background-color:#666;padding:3px; text-align:right; margin:0} A {color:#e23105; outline:none;} A:link {text-decoration: none} A:visited {text-decoration: none} A:active {text-decoration: none} A:hover {text-decoration: underline; color:#FF6600} p { font-size:1em; line-height:1.5em; color:#64645e; padding-bottom:12px; } #wrapper { width: 788px; border: 1px solid #000; margin:0px auto; background:url(images/body-bg2.jpg) repeat-y 0 0; border:solid 1px #FFF; } /* The method we use to centre the content is based on the fact that when an element’s left and right margins are set to auto, they will share whatever is left when the element’s width has been subtracted from that of its container. In this case the width of #wrapper will be subtracted from the width of the browser window. To avoid problems that can occur in some browsers when the window is narrower than #wrapper we set the element’s min-width to the same value as the width of #wrapper. */ body { min-width:788px } /* End Method */ /* HOMEPAGE ===============================================================*/ #header { background:url(images/header.png) no-repeat 0 0; width:788px; height:117px; border-bottom:solid 1px #FFF; } #leftcol { clear: both; float:left; width:233px; background:#2d2d2d url(images/leftcol.jpg) no-repeat 0 0; border-right:solid 1px #FFF; } #leftpromo1 { clear: both; position:relative; width:233px; height:113px; background:url(images/new-arrivals.png) no-repeat 0 0; } #leftpromo2 { position:relative; width:233px; height:112px; background:url(images/special-offers.png) no-repeat 0 0; } #leftcol h2 { font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; font-size:2em; padding: 20px 0 10px 20px; } #leftcol h3 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:1.4em; font-weight:normal; padding: 0 0 0 20px; } #homemain { width:550px; height:390px; float:left; } #homebody { padding:50px; } #hometext { padding:10px 40px; background:#000000; } #hometext h1{ font-size:medium; } #hometext h2{ color:FFF; font-size:11px; display:inline; } #hometext p { color:#999; } #companies { margin:0; padding:0 50px; } #companies img{ margin:10px; border:solid 6px #ebebeb; } #about { margin:0; padding:0 50px; } #specials { margin:0; padding:0 50px; } .edge { border:solid 2px #ebebeb; } #contact { margin:0; padding:0 50px; background:url(images/van.jpg) no-repeat 96% 40%; } #testimonials { margin:0; padding:0 50px; background:url(images/comp-bg.jpg) repeat-y 96% 0%; } .categories { color:#999; letter-spacing:0.5px; padding-left:0px; padding-top:5px; text-transform:uppercase; } .pale{ background-color:#eff8f8; padding:10px 10px 10px 10px; border: #c2cfb8 solid 1px; margin-top:20px;width:300px; } #botnav { clear: both; background:url(images/botnav2.jpg) no-repeat 0 0; width:788px; height:48px; border-top:solid 1px #FFF; margin:0px auto; } /* ///// HOMEPAGE NAV ////// */ #homepagenav ul{ background:none; height:20px; list-style: none; position:absolute; top:87px; padding-left:250px; } #homepagenav li { float:left; border-right:solid 1px #9e6666; white-space:nowrap; } #homepagenav li a { display:block; padding:5px 5px; color:#d0d8b5; font-size:1.15em; text-decoration:none; } #homepagenav li a.active { background:none; border-left:1px solid #3d5e4e; border-right:1px solid #3d5e4e; } #homepagenav li a:hover { background-color:#8b4444; } #homepagenav .current { color:#ff3907; } #botnav ul{ background:none; height:20px; list-style: none; position:relative; top:10px; padding-left:250px; } #botnav li { float:left; border-right:solid 1px #666666; white-space:nowrap; } #botnav li a { display:block; padding:5px 5px; color:#d0d8b5; font-size:1.15em; text-decoration:none; } #botnav li a.active { background:none; border-left:1px solid #3d5e4e; border-right:1px solid #3d5e4e; } #botnav li a:hover { background-color:#272323; } #botnav .current { color:#ff3907; } /* ///// FOOTER NAV ////// */ div#footerWrapper { clear: both; background-color: #143126; background: url(images/footer.png) 0 0 repeat-x; margin-top: 10px; padding:20px 80px 100px 0px; line-height:15px; } div#footer { width: 790px; margin-left: auto; margin-right: auto; text-align: right; }