@charset "UTF-8"; /* CSS Document */ /* Table of Contents: Global Styles – (body, paragraphs, lists, etc) Header Page Structure Headings Text Styles */ /* Reset --------------------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } body { line-height: 1.5; background: #fff; margin:1.5em 0; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Global Styles --------------------------------------------------------------------------------------- */ html, body { border:0; margin:0; padding:0; font-family:'Lucida Sans', Helvetica, Arial sans-serif; color:#645f5f; text-align:left; background:url(../images/bDrop_body.jpg) repeat-x top center; background-color:#d2dbde; height:100%; } /* Page Structure --------------------------------------------------------------------------------------- */ #page {margin: 0 auto; width:860px; min-height:100%; position:relative; } * html #page { height:100%; } #header {height:127px; width:654px; text-align:left;} #page #switch { height:109px; width:205px; float:right; text-indent:-9000px; margin:0; padding:0;} #banner {height:220px; text-align:left; } #container {width:860px; padding-bottom:90px; padding-top:10px;} #col01 { width:500px; text-align:left; padding:12px 15px 0 15px; } #col02 { text-align:left; padding:0; float:right; } #col03 {text-align:left; padding:12px 15px 0 15px; margin:0 0 0 325px; } #col04 {text-align:right; float:left; padding:40px 0 0 0; width:325px; } #col04b {text-align:right; float:left; width:325px; } #col05 {text-align:left; padding:12px 15px 0 15px; } #nocol {width:860px; height:172px; } #footer { position:relative; margin: -80px auto 0 auto; background-color:#cad4d6; background-image:url(../images/bDrop_footer.jpg); background-repeat:repeat-x; height:55px; } #footer-content { width:860px; margin:0 auto; padding:25px 0 10px 0; color:#939393; font-size:10px; font-family:'Lucida Sans', Helvetica, Arial sans-serif; text-align:center; line-height:22px; } .contact01 {float:left; width:250px; text-align:left; } .contact02 {margin:0 0 0 250px; } /* Nav Structure and Links --------------------------------------------------------------------------------------- */ #nav { clear: both; height: 25px; margin: 0; padding: 0; text-align:left;} #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none;} #nav ul li { float: left; margin: 0; padding: 0;} #nav ul li a { height: 25px; display: block; margin: 0; padding: 0;} #nav ul li a.home { width: 58px; background: url(../images/bt_home.gif) no-repeat; text-indent: -9999px; } #nav ul li a.about { width: 87px; background: url(../images/bt_about.gif) no-repeat; text-indent: -9999px; } #nav ul li a.whyparmaker { width: 122px; background: url(../images/bt_why.gif) no-repeat; text-indent: -9999px; } #nav ul li a.test { width: 111px; background: url(../images/bt_test.gif) no-repeat; text-indent: -9999px; } #nav ul li a.contact { width: 103px; background: url(../images/bt_contact.gif) no-repeat; text-indent: -9999px; } #nav ul li a.support { width: 94px; background: transparent url(../images/bt_support.gif) no-repeat; text-indent: -9999px; } #nav ul li a.bug { width: 94px; background: url(../images/bt_buggies.gif) no-repeat; text-indent: -9999px; } #nav ul li a.ass { width: 104px; background: url(../images/bt_association.gif) no-repeat; text-indent: -9999px; } #nav ul li a.buy { width: 87px; background: url(../images/bt_buy.gif) no-repeat; text-indent: -9999px; } #nav ul li a.home:hover { background: url(../images/bt_homeOV.gif) no-repeat; } #nav ul li a.about:hover { background: url(../images/bt_aboutOV.gif) no-repeat; } #nav ul li a.whyparmaker:hover { background: url(../images/bt_whyOV.gif) no-repeat; } #nav ul li a.test:hover { background: url(../images/bt_testOV.gif) no-repeat;} #nav ul li a.contact:hover { background: url(../images/bt_contactOV.gif) no-repeat; } #nav ul li a.support:hover { background: transparent url(../images/bt_supportOV.gif) no-repeat; } #nav ul li a.bug:hover { background: url(../images/bt_buggiesOV.gif) no-repeat; } #nav ul li a.ass:hover { background: url(../images/bt_associationOV.gif) no-repeat; } #nav ul li a.buy:hover { background: url(../images/bt_buyOV.gif) no-repeat; } #nav li ul { position: absolute; left: -999em; margin: 0; padding: 0;} #nav ul li ul li { width: 100%; height: 25px; float: none; position: relative; margin: 0; padding: 0; background: #d8d8d9; border-bottom: 1px solid #b6b6b6; text-shadow:Black 2 2 2; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93); -moz-opacity: 0.93; opacity: 0.93;} #nav li ul li a { color: #686868; font-size: 11px; height: 22px; margin: 0; padding: 3px 0 0 15px; text-decoration: none; text-indent: 0;} #nav li ul li a:hover { color: #686868; background: #f4f4f4; text-decoration: none;} #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em;} #nav li:hover ul, #nav li.sfhover ul { left: auto;} /* Headings --------------------------------------------------------------------------------------- */ h1, h2, h3 {} #page #header h1 { height:108px; width:239px; background:url(../images/hd_parmaker.gif) no-repeat; text-indent:-9000px; margin:0; padding:0;} .welcome, .about, .why, .test, .contact, .bug, .sup, .buy, .buyoffer {margin:0 0 0 3px; padding:0; } .welcome h1 {width:499px; height:33px; margin:0; padding:0; background:url(../images/hd_index_welcome.gif) no-repeat top; text-indent:-9000px;} .about h1 {width:499px; height:33px; margin:0; padding:0; background:url(../images/hd_about_about.gif) no-repeat top; text-indent:-9000px;} .why h1 {width:499px; height:33px; margin:0; padding:0; background:url(../images/hd_why_why.gif) no-repeat top; text-indent:-9000px;} .test h1 {width:499px; height:33px; margin:0; padding:0; background:url(../images/hd_test_test.gif) no-repeat top; text-indent:-9000px;} .contact h1 {width:499px; height:33px; margin:0; padding:0; background:url(../images/hd_contact_contact.gif) no-repeat top; text-indent:-9000px;} .bug h1 {width:499px; height:33px; margin:0; padding:0; background:url(../images/hd_bug_bug.gif) no-repeat top; text-indent:-9000px;} .sup h1 {width:499px; height:33px; margin:0; padding:0; background:url(../images/hd_sup_sup.gif) no-repeat top; text-indent:-9000px;} .buy h1 {width:499px; height:33px; margin:0; padding:0; background:url(../images/hd_buy_buy.gif) no-repeat top; text-indent:-9000px;} .buyoffer h1 {width:499px; height:33px; margin:0; padding:0; background:url(../images/hd_buy_buyoffer.gif) no-repeat top; text-indent:-9000px;} h2, .buy h2 {color:#00aeef; font-size:14px; line-height:20px; margin:4px; padding:3px; font-family:'Lucida Sans', Helvetica, Arial sans-serif; font-weight:100; height:25px;} .buy h2 {height:10px;} h3, .buy h3 {font-size:12px; font-style:italic; color:#00aeef; font-size:12px; margin:4px; padding:3px; font-family:'Lucida Sans', Helvetica, Arial sans-serif;} .buy h3 {height:10px; } h4 {margin:4px; padding:3px; font-size:12px; line-height:18px; height:10px; color:#00aeef;} /* Text Styles --------------------------------------------------------------------------------------- */ p, .caption, td, .small { margin:4px; padding:3px; font-size:12px; line-height:18px; } .small {font-size:11px; line-height:16px;} .blueDot {font-size:12px; font-weight:800; color:#00aeef; margin:0 10px 0 10px;} .caption {font-size:11px; font-style:italic; } .list {display:block; margin:4px; padding:3px; font-size:12px; line-height:18px; list-style-position:outside; list-style-image:url(../images/ic_bullet.gif); margin:5px 0 5px 15px; } /* Links --------------------------------------------------------------------------------------- */ a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0; } #page #container #col01 a, a:link, a:visited, a:hover { color:#00aeef; text-decoration:none; font-family:'Lucida Sans', Helvetica, Arial sans-serif; padding:0; font-size:12px; font-weight:200;} #page #container #col01 a:hover { border-bottom:1px dashed #00aeef; } #page #container #col03 a, a:link, a:visited, a:hover { color:#00aeef; text-decoration:none; font-family:'Lucida Sans', Helvetica, Arial sans-serif; padding:0; font-size:12px; font-weight:200;} #page #container #col03 a:hover { border-bottom:1px dashed #00aeef; } #page #container #col05 a, a:link, a:visited, a:hover { color:#00aeef; text-decoration:none; font-family:'Lucida Sans', Helvetica, Arial sans-serif; padding:0; font-size:12px; font-weight:200;} #page #container #col05 a:hover { border-bottom:1px dashed #00aeef; } #footer a, a:link, a:hover, a:visited {color:#686868; font-size:10px; text-decoration:none; font-family:'Lucida Sans', Helvetica, Arial sans-serif; } #footer a:hover { border-bottom:1px dashed #686868; } #footer .rojay a, a:link, a:hover, a:visited {margin:0;} /* Image placement --------------------------------------------------------------------------------------- */ #scout {height:1572px;} #scoutghia {padding:0 0 0 0; height:744px;} #scoutghia {padding:390px 0 0 0; height:744px;} #scoutghia {padding:390px 0 0 0; height:744px;}