/* Reset and Genral */ * {font-family: courier, serif; border: none; outline: none; text-decoration: none; list-style: none; color: #424242; padding: 0; margin: 0;} .clear {clear: both; font-size: 0; height: 0;} body {background-color: #efefef; width: 100%; font-size: 0.65em;} /* Site-wide structural */ #container {width: 900px; margin: 0 auto;} #outer {width: 900px; background: transparent url(../images/bg_rep_outer.gif) repeat-y 0 0;} #header {float: left; width: 900px; height: 64px; display: inline; background: transparent url(../images/bg_header.gif) no-repeat 0 0; padding-top: 0;} #header #logo {float: right; display: inline; margin: 13px 47px 0 0;} /* General nav */ #header ul {clear: left; float: left; display: inline; height: 12px; margin: 0 0 5px 40px;} #nav_primary {padding-top: 25px;} #nav_secondary {width: 600px;} #header li {float: left; margin-right: 20px;} #header li a {display: block; text-indent: -9999px;} /* Primary nav */ #nav_primary li a {height: 12px; font-size: 1.4em; font-weight: bold; color: #939393;} #pnav_home {width: 37px; background: transparent url(../images/pnav_home.gif) no-repeat 0 0;} #pnav_tailor {width: 182px; background: transparent url(../images/pnav_tailor.gif) no-repeat 0 0;} #pnav_exterior {width: 63px; background: transparent url(../images/pnav_exterior.gif) no-repeat 0 0} #pnav_interior {width: 61px; background: transparent url(../images/pnav_interior.gif) no-repeat 0 0} /* Active states */ .home #pnav_home, .tailor #pnav_tailor, .exterior #pnav_exterior, .interior #pnav_interior {background-position: 0 -12px;} /* Secondary nav */ #nav_secondary li a {height: 14px; font-size: 1.1em; color: #939393;} #snav_exterior_panels {width: 66px; background: transparent url(../images/snav_exterior_panels.gif) no-repeat 0 0;} #snav_exterior_tridion {width: 99px; background: transparent url(../images/snav_exterior_tridion.gif) no-repeat 0 0;} #snav_exterior_grille {width: 79px; background: transparent url(../images/snav_exterior_grille.gif) no-repeat 0 0;} #snav_exterior_styling {width: 104px; background: transparent url(../images/snav_exterior_styling.gif) no-repeat 0 0;} #snav_exterior_alloys {width: 36px; background: transparent url(../images/snav_exterior_alloys.gif) no-repeat 0 0;} #snav_interior_upholstery {width: 54px; background: transparent url(../images/snav_interior_upholstery.gif) no-repeat 0 0;} #snav_interior_trim {width: 24px; background: transparent url(../images/snav_interior_trim.gif) no-repeat 0 0;} #snav_interior_special {width: 87px; background: transparent url(../images/snav_interior_special.gif) no-repeat 0 0;} /* Active states */ .body_panels #snav_exterior_panels, .tridion #snav_exterior_tridion, .styling #snav_exterior_styling, .alloys #snav_exterior_alloys, .upholstery #snav_interior_upholstery, .trim #snav_interior_trim {background-position: 0 -14px;} /*Sub nav */ #nav_sub {margin-bottom: 20px;} #nav_sub li {margin-bottom: 5px;} #nav_sub li a {font-size: 1.2em; color: #9d9d9d;} #nav_sub li a span {color: #fdbe39;} /* Active states */ .body_panels #subnav_exterior_panels a, .tridion #subnav_exterior_tridion a, .styling #subnav_exterior_styling a, .alloys #subnav_exterior_alloys a, .upholstery #subnav_interior_upholstery a, .trim #subnav_interior_trim a {color: #fdb825;} /* Content styling */ #content {width: 862px; display: inline; float: left; background: #fff; padding: 25px 0 0 0; margin: 0 0 0 21px;} #inner {width: 833px; display: inline; float: left; background: #fff url(../images/bg_rep_inner.gif) repeat-y 0 0; padding-top: 25px; margin: 0 0 0 12px;} #area1 {width: 300px; display: inline; float: left;} #area1 h2, #area1 h3, #area1 p, #area1 ul {font-weight: normal; margin-left: 18px;} #area1 h1 {text-indent: -9999px; height: 43px; margin-bottom: 20px;} #area1 h2 {font-size: 1.2em; color: #424242; border-bottom: 2px dotted #424242; margin-bottom: 0;} #area1 p {font-size: 1.2em; color: #424242; line-height: 1.4em; margin-bottom: 15px;} #area2 {width: 520px; display: inline; float: right; margin: 0 2px 20px 0;} #inner h4 {width: 833px; height: 68px; text-indent: -9999px; display: block; background: transparent url(../images/header_bottom_strap.gif) no-repeat 0 0; color: #fff; font-size: 1.4em; text-align: center; clear: both;} #footer {height: 60px; background: transparent url(../images/bg_footer.gif) no-repeat 0 100%; clear: both; padding: 5px 0 14px 0;} #footer #nav_tertiary {clear: left; margin: 0 0 10px 125px;} #footer li {color: #424242; display: inline; margin-left: 32px;} #nav_tertiary li a {font-family: 'Courier New', serif; font-size: 1.1em;} #footer li a:hover {text-decoration: underline;} #footer #nav_legal {clear: left; margin: 5px 0 0 280px;} #footer #nav_legal li {margin-left: 10px;} #nav_legal li a {font-family: 'Courier New', serif; font-size: 1.1em;} /* Section-specific */ .home #inner {background: transparent url(../images/bg_main_home.jpg) no-repeat 0 0;} .home #area1 {height: 420px;} .home h1 {background: transparent url(../images/header_home.png) no-repeat 0 0; width: 257px;} .home #area1 h2 {background: transparent url(../images/header_home_makeit.png) no-repeat 0 0; border: none; font-size: 1.4em; font-weight: bold; display: block; width: 204px; height: 30px; text-indent: -9999px;} .home #area1 p {margin-bottom: 20px;} .tailor h1 {background: transparent url(../images/header_tailor_made.png) no-repeat 0 0; width: 221px;} .exterior h1 {background: transparent url(../images/header_exterior.png) no-repeat 0 0; width: 206px;} .body_panels #content h1 {background: transparent url(../images/header_body_panels.png) no-repeat 0 0; width: 128px;} .tridion #content h1 {background: transparent url(../images/header_tridion.png) no-repeat 0 0; width: 174px;} .styling #content h1 {background: transparent url(../images/header_styling.png) no-repeat 0 0; width: 196px;} .alloys #content h1 {background: transparent url(../images/header_alloys.png) no-repeat 0 0; width: 186px;} .interior h1 {background: transparent url(../images/header_interior.png) no-repeat 0 0; width: 203px;} .upholstery #content h1 {background: transparent url(../images/header_upholstery.png) no-repeat 0 0; width: 120px;} .trim #content h1 {background: transparent url(../images/header_trim.png) no-repeat 0 0; width: 72px;}