@import 'blueprint/screen.css';
@import 'blueprint/plugins/buttons/screen.css';
@import 'blueprint/plugins/fcake/screen.css';
@import 'menu.css';

.clear-block:after, .container:after, .view:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear-block, .container, .view {display:inline-block;}
* html .clear-block, * html .container, * html .view {height:1%;}
.clear-block, .container, .view {display:block;}
.clear {clear:both;}

body { background: #000 url(../img/bg.png); }

a:link, a:visited { color: #a52822; }

#container { width: 1000px; margin: 0 auto; position: relative; }

#header { position: absolute; z-index: 100; background-image: url(../img/logo.gif); width: 267px; text-indent: -9999px; top: 12px; left: -12px; }
#header a:link, #header a:visited { display: block; height: 283px; }
body.home-index #header { background-image: url(../img/logo-root.gif); }
body.home-index #header a:link, body.home-index #header a:visited { height: 113px; }
body.racks-index #header { background-image: url(../img/logo-root.gif); }
body.racks-index #header a:link, body.racks-index #header a:visited { height: 113px; }
body.ramps-index #header { background-image: url(../img/logo-root.gif); }
body.ramps-index #header a:link, body.ramps-index #header a:visited { height: 113px; }
body.trailers-index #header { background-image: url(../img/logo-root.gif); }
body.trailers-index #header a:link, body.trailers-index #header a:visited { height: 113px; }

#menu { margin: 0; padding: 0; background: #000 url(../img/menu_bg.png) repeat-x; position: absolute; top: 47px; left: 255px; }
#menu li { list-style: none outside; float: left; text-indent: -9999px; }
#menu li#menu-6 { background-image: url(../img/menu-last_bg.png); background-repeat: no-repeat; background-position: top right; }
#menu li a:link, #menu li a:visited { display: block; height: 19px; padding: 9px 20px 8px; background-repeat: no-repeat; background-position: center; }
#menu li#menu-1 a { background-image: url(../img/menu-1_bg.png); width: 48px; }
#menu li#menu-2 a { background-image: url(../img/menu-2_bg.png); width: 83px; }
#menu li#menu-3  a{ background-image: url(../img/menu-3_bg.png); width: 124px; }
#menu li#menu-4  a{ background-image: url(../img/menu-4_bg.png); width: 75px; }
#menu li#menu-5  a{ background-image: url(../img/menu-5_bg.png); width: 77px; }
#menu li#menu-6  a{ background-image: url(../img/menu-6_bg.png); width: 91px; padding: 9px 23px 8px 24px; }

#main { background: #fff url(../img/main_bg.png) repeat-y top left; position: relative; top: 83px; z-index: 50; }

#col_left { color: #fff; background: #272727 url(../img/col_left_bg.jpg) no-repeat; width: 190px; float: left; margin-top: 38px; padding: 190px 25px 25px; }
body.home-index #col_left { margin-top: 47px; width: 240px; padding: 0; background: #272727; }
body.home-index #col_left p { padding: 25px; }
body.racks-index #col_left { margin-top: 47px; width: 240px; padding: 0; background: #272727; }
body.racks-index #col_left p { padding: 25px; }
body.ramps-index #col_left { margin-top: 47px; width: 240px; padding: 0; background: #272727; }
body.ramps-index #col_left p { padding: 25px; }
body.trailers-index #col_left { margin-top: 47px; width: 240px; padding: 0; background: #272727; }
body.trailers-index #col_left p { padding: 25px; }

#submenu { margin: 0; padding: 0 5px; position: relative; background: #fff url(../img/submenu_bg.png) repeat-y; }
#submenu li { list-style: none outside; border-bottom: 1px dotted #8a8a89; }
#submenu li a:link, #submenu li a:visited { color: #9c221c; text-decoration: none; font-size: 1.1em; font-weight: bold; display: block; padding: 7px 20px; }
#submenu li.last { border: none; }
#submenu li.sm-top { border: none; background: #fff url(../img/sm-top_bg.png) no-repeat; width: 100%; height: 5px; position: absolute; top: -5px; left: 0%; }
#submenu li.sm-bottom { border: none; background: #fff url(../img/sm-bottom_bg.png) no-repeat; width: 100%; height: 5px; position: absolute; bottom: -5px; left: 0%; }
#submenu li a.active { color:#000; text-decoration:underline; }

#content { width: 710px; float: left; background: #fff url(../img/content_bg.jpg) no-repeat; padding: 20px 25px; }
body.home-index #content { background: #fff url(../img/landing.jpg) no-repeat; height: 345px; width: 760px; padding: 0; }
body.racks-index #content { background: #fff url(../img/content_bg2.jpg) no-repeat; }
body.ramps-index #content { background: #fff url(../img/content_bg2.jpg) no-repeat; }
body.trailers-index #content { background: #fff url(../img/content_bg2.jpg) no-repeat; }

.racks-index h2.title { background-image: url(../img/title_racks.gif); background-repeat: no-repeat; text-indent: -9999px; border-bottom: 1px solid #b5b5b5; padding: 0 0 15px; margin: 0 0 15px; }
.ramps-index h2.title { background-image: url(../img/title_ramps.gif); background-repeat: no-repeat; text-indent: -9999px; border-bottom: 1px solid #b5b5b5; padding: 0 0 15px; margin: 0 0 15px; }
.trailers-index h2.title { background-image: url(../img/title_trailers.gif); background-repeat: no-repeat; text-indent: -9999px; border-bottom: 1px solid #b5b5b5; padding: 0 0 15px; margin: 0 0 15px; }
.aboutus-index h2.title { background-image: url(../img/title_aboutus.gif); background-repeat: no-repeat; text-indent: -9999px; border-bottom: 1px solid #b5b5b5; padding: 0 0 15px; margin: 0 0 15px; }
.contactus-index h2.title { background-image: url(../img/title_contactus.gif); background-repeat: no-repeat; text-indent: -9999px; border-bottom: 1px solid #b5b5b5; padding: 0 0 15px; margin: 0 0 15px; }

#footer { position: relative; top: 93px; }
#features { color: #a9a9a9; width: 390px; height: 39px; float: left; margin: 0 10px 10px 0; background: #333 url(../img/features_bg.gif) no-repeat; padding: 18px 20px 18px 85px; }
#features a:link, #features a:visited { color: #fff; text-decoration: none; }

#contact { margin: 0; padding: 0; width: 350px; height: 45px; float: left; background: #333 url(../img/contact_bg.gif) no-repeat; padding: 17px 15px 13px 130px; }
#contact li { list-style: none outside; width: 49%; float: left; font-size: .9em; line-height: 1.8em; }
#contact li.last { text-align: right; float: right; }
#contact li.last em { color: #a52822; font-size: 1.6em; font-style: normal; font-weight: bold; }

#links { clear: both; margin: 0; padding: 0; background: #333 url(../img/links_bg.png) repeat-x; position: relative; height: 40px; }
#links li { list-style: none outside; float: left; font-size: .8em; }
#links li.first { background-image: url(../img/links-first_bg.png); background-repeat: no-repeat; }
#links li a:link, #links li a:visited  { color: #fff; text-decoration: none; display: block; padding: 13px 15px; }
#links li.first a:link, #links li.first a:visited { padding: 13px 20px 13px 25px; }
#links li.copyright { color: #909090; position: absolute; right: 0%; background-image: url(../img/links-copyright_bg.png); background-repeat: no-repeat; background-position: top right; padding: 13px 25px 13px 0; }
#links li.copyright a:link, #links li.copyright a:visited { color: #909090; text-decoration: none; display: inline; padding: 0; }

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}

th { background:none; padding-left:0; border-bottom:2px dotted #8d2a23; }
td { background:none; padding-left:0; border-bottom:1px dotted #aeaeae; }
tr.even td, tr.odd td { background:none; }

.racks-index table.custom,
.racks-index table.custom td,
.racks-index table.custom th { margin:0; padding:0; }
.racks-index table.custom td { text-align:center; vertical-align:top;}
.racks-index table.custom td p { font-size:11px; background:#666; color:#FFF; margin:5px;  padding:5px; min-height:35px; }