/** * ------------------------------------------------------ * Master CSS * ------------------------------------------------------ * 1. GENERAL - Body - Text - Headers - Hyperlinks - Lists - Forms - Extras * 2. LAYOUT - Homepage - Subpages * 3. NAV * 4. FOOTER * ------------------------------------------------------ */ /* -- GENERAL STYLES ------------------------------------------------------------------------------------------- */ /* -- body -- */ html, body {height:100%; margin:0; padding:0;} body { background-color:#151515; background-image:url(../images/bg.jpg); background-position:top center; background-repeat:no-repeat; } /* -- text -- */ p {font:12px Arial, Helvetica, sans-serif; color:#999; line-height:normal; margin:0; padding:0px 0px 25px 0px;} td {font:12px Arial, Helvetica, sans-serif; color:#999;} /* -- headings -- */ h1 {font:17px/20px Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal; margin:0px 0px 20px 0px; padding:0;} h2 {font:17px Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal; margin:0px 0px 5px 0px; padding:0;} h3 {font:12px Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal; margin:0; padding:0;} /* -- hyperlinks -- */ a {font:12px Arial, Helvetica, sans-serif; color:#cc9900; font-weight:normal;} a:link, a:active, a:visited {text-decoration:none;} a:hover {color:#fff; text-decoration:underline;} /* -- lists -- */ ul {margin:0px 0px 20px 0px; padding:0;} ol {margin:0px 0px 20px 10px; padding:0;} li {margin:0px 0px 0px 16px; padding:0px 0px; font:12px Arial, Helvetica, sans-serif; line-height:17px; color:#666;} ul.noBullet {margin:0px 0px 20px 0px; padding:0;} ul.noBullet li {margin:0px 0px 0px 0px; padding:0px 0px 7px 0px; font:11px Arial, Helvetica, sans-serif; line-height:18px; color:#666; list-style-type:none;} /* -- forms-- */ form {padding:0; margin:0;} input {padding:4px; margin:0; font-size:12px; color:#ccc; border:none; background-color:#333;} textarea {padding:4px; margin:0; font-size:12px; color:#ccc; border:none; background-color:#333;} /* -- extras -- */ img {border:0; padding:0; margin:0; display:block;} .noCSS {visibility:hidden;} .noDisplay {display:none;} .inline {display:inline;} .clear {clear:both;} /* -- LAYOUT STYLES -------------------------------------------------------------------------------------- */ /* -- homepage -- */ #hpDistance { width:1px; height:50%; margin-bottom:-290px; /* half of container's height */ float:left; } #hpMainWrap { margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; height:580px; width:100%; clear:left; } #hpHeaderWrap {position:relative; width:100%; height:104px; margin:0px;} #hpHeaderWrap img {margin:0 auto;} #hpPhotosOuterWrap {min-width:1000px; width:100%; height:400px; margin:0; padding:0; background-color:#000;} #hpPhotosInnerWrap {position:relative; width:1000px; height:400px; margin:0 auto; padding:0;} #hpPhoto {position:absolute; left:20px; top:15px; width:960px; height:370px; margin:0 auto; padding:0;} #hpContentWrap {position:relative; width:1000px; height:76px; margin:0 auto;} #hpContentWrap h1 {position:absolute; left:25px; top:21px; width:440px; padding-right:13px; font:22px/22px Arial, Helvetica, sans-serif; color:#888; text-align:right; border-right:1px solid #666;} .btnVernon {position:absolute; left:490px; top:15px; background:url(../images/btn_vernon_on.gif) no-repeat; white-space:nowrap; display:block; width:163px; height:57px; margin:0; padding:0;} .btnVernon a {display:block; width:163px; height:57px; float:left; padding:0;} .btnVernon img {width:163px; height:57px; border:0;} * html a:hover {visibility:visible;} .btnVernon a:hover img {visibility:hidden;} img.hpCopyright {position:absolute; left:980px; top:149px; width:15px; height:236px; margin:0;} /* -- subpage layout -- */ #mainWrap {margin:0 auto; width:100%;} #headerWrap {width:820px; height:125px; margin:0 auto; position:relative;} img.logo {position:absolute; top:0px; left:645px;} #contentWrap {width:820px; margin:20px auto 5px auto;} /* -- gallery -- */ .photoBoxOuterWrap {width:100%; background-color:#111111;} .photoBoxInnerWrap {width:900px; margin:0 auto;} .altBg {background-color:#1b1b1b;} .infoWrap {float:left; width:640px; margin:0px 0px 0px 30px;} .photoWrap {float:left; width:190px;} .photo {margin:0 auto;} .photoTitle {float:left; font-size:17px; color:#fff; margin:0; padding:0px 0px 10px 0px; width:330px;} /* .releaseDate {padding-bottom:15px; width:200px; float:right; text-align:right; font-size:12px;} .releaseDate a {font-size:11px;} */ .editionSize {padding:2px 0px 13px 0px; width:145px; float:left; text-align:left; font-size:11px; color:#ccc; font-style:normal; margin-left:10px;} .exclusivePresale {padding:3px 0px 12px 0px; width:140px; float:right; text-align:right; font-size:12px; font-style:italic;} .exclusivePresale a {font-size:11px;} table.leftTable {float:left; width:330px;} .specsCol1 {color:#999; text-align:right; padding:3px; width:28%;} .specsCol2 {color:#ccc; padding:3px; width:72%;} table.rightTable {float:right; margin-left:0px; width:275px;} .geochronicTitle {color:#999; font-size:15px;} .rightTableCol1 {color:#999; text-align:left; padding:3px; width:30%;} .rightTableCol2 {color:#ccc; text-align:left; padding:3px; width:33%;} .rightTableCol3 {padding:3px; text-align:right; width:37%; font-size:11px;} .rightTableCol3 a {font-size:11px;} /* Contact */ #contactTable td {font-size:12px; color:#ccc;} .requiredInfoWrap {float:left; display:inline; width:325px;} .optionalInfoWrap {float:right; display:inline; width:325px;} img.tag {margin:0 auto; padding-top:45px;} .footerTopSpacer {clear:both; height:45px;} #footerWrap { width:395px; height:50px; background-image:url(../images/logo_footer.gif); background-position:top right; background-repeat:no-repeat; margin:0 auto; margin-top:10px; padding-bottom:50px; } #footerWrap p { font:11px Arial, Helvetica, sans-serif; color:#666; text-align:center; padding:0px; } #footerWrap a {font:11px Arial, Helvetica, sans-serif; color:#999;} /* -- NAVIGATION ---------------------------------------------------------------------------------------- */ /* -- homepage nav -- */ ul#hpMainNav { position:absolute; top:54px; left:710px; margin:0; padding:0; } ul#hpMainNav li {display:inline;} ul#hpMainNav li a {font:16px Arial, Helvetica, sans-serif; color:#999; font-weight:normal;} ul#hpMainNav li a:link, ul#hpMainNav li a:active, ul#hpMainNav li a:visited {text-decoration:none;} ul#hpMainNav li a:hover {color:#fff; text-decoration:none;} /* -- subpage nav -- */ ul#mainNav { position:absolute; top:70px; left:280px; margin:0; padding:0; } ul#mainNav li {display:inline;} ul#mainNav li a {font:16px Arial, Helvetica, sans-serif; color:#999; font-weight:normal;} ul#mainNav li a:link, ul#mainNav li a:active, ul#mainNav li a:visited {text-decoration:none;} ul#mainNav li a:hover {color:#fff; text-decoration:none;} ul#mainNav li a.navOn {color:#fff;}