/* --------------------------------------------- ARC:Hydrogen Screen Style Sheet author: Cyberwoven version: 2008.04 ----------------------------------------------- */ body { font:normal 12px/16px Arial, Helvetica, sans-serif; color:#524d43; margin:0; padding:0; text-align:center; background:#e4e0db url(../images/bodybg-subtle.jpg) no-repeat top center;} td {font:normal 12px/16px Arial, Helvetica, sans-serif;} a, a:link {color:#701400; text-decoration:underline;} a:visited {color:#300;} a:hover {text-decoration:none;} h2 {font:bold 35px/40px Georgia, "Times New Roman", times, serif; color:#251a06;} h3 {font:bold 22px/24px Georgia, "Times New Roman", times, serif; color:#251a06; margin:25px 0 5px 0; padding:0;} h4 {font:bold 14px/16px Arial, sans-serif; color:#251a06; margin:25px 0 5px 0; padding:0;} hr {display:none;} abbr {border:none;} /* Layout Blocks ----------------------------------------------- */ .skiplink {position:absolute; display:block; font-size:1px; width:1px; height:1px; top:0; left:0; text-indent:-9999px; outline:none;} #wrapper {background:url(../images/wrapperbg-red.gif) no-repeat center 96px; min-width:962px;} #header {margin:0 auto; width:962px; text-align:left; position:relative; height:96px; background:url(../images/headerline.gif) repeat-x 0 87px; z-index:10;} #header #printlogo {display:none;} #header a {outline:none !important;} #header h1 {margin:0; padding:0; height:96px; width:250px;} #header h1 a {display:block; height:87px; width:250px; background:url(../images/arc-hydrogen.gif) no-repeat bottom left; font-size:1px; text-indent:-9999px;} ul#topnav {position:absolute; top:41px; right:0; list-style:none; margin:0; padding:0; height:55px; background:url(../images/topnav-bg.jpg) top right no-repeat; z-index:100;} #topnav li {display:inline; margin:0; padding:0;} #topnav li a {display:block; height:55px; float:left; white-space:nowrap; margin-left:10px; background-repeat:no-repeat; background-position:-9999px 0; font-size:1px; text-indent:-9999px;} #topnav li a:hover {background-position:top left;} #topnav li.about a {width:73px; margin-left:11px; background-image:url(../images/topnav-about.png);} #topnav li.facilities a {width:93px; background-image:url(../images/topnav-facilities.png);} #topnav li.education a {width:102px; background-image:url(../images/topnav-education.png);} #topnav li.partners a {width:90px; background-image:url(../images/topnav-tenants.png);} #topnav li.news a {width:72px; background-image:url(../images/topnav-news.png);} #topnav li.contact a {width:87px; background-image:url(../images/topnav-contact.png);} ul#topnav ul {display:none; position:absolute; top:55px; right:0; margin:0; padding:22px 0 23px 0; width:719px; background:url(../images/subnav1bg.png) no-repeat; text-align:center;} ul#topnav ul li {display:inline; list-style:none; padding:0; margin:0; border-right:1px solid #565046;} ul#topnav ul li a {display:inline; float:none; background:none !important; width:auto !important; height:auto !important; color:#fff; margin:0 !important; padding:0 11px 0 12px; text-decoration:none; font-size:12px; text-indent:0;} ul#topnav ul li a:hover {text-decoration:underline !important;} ul#topnav ul li.last {border:none;} ul#topnav ul li.last a {padding-right:0;} /* Showing subnav for active section by body class. */ body.about #topnav li.about ul, body.facilities #topnav li.facilities ul, body.education #topnav li.education ul, body.tenants #topnav li.tenants ul, body.news #topnav li.news ul, body.contact #topnav li.contact ul {display:block;} /* Setting active section nav item by body class. */ body.about #topnav li.about a, body.facilities #topnav li.facilities a, body.education #topnav li.education a, body.tenants #topnav li.tenants a, body.news #topnav li.news a, body.contact #topnav li.contact a {background-position:bottom left !important;} #contentbox {margin:0 auto; width:962px; text-align:left; position:relative; background:url(../images/contentboxbg.png) repeat-y; z-index:1; border-bottom:1px solid #d0ccc6;} #maincontent {padding:80px 27px 0 270px; min-height:508px; background:url(../images/lpic-about.jpg) no-repeat; position:relative;} #maincontent h2 {margin:0; padding:0;} #maincontent h3 {margin:0; padding:0;} .about #maincontent {background:url(../images/lpic-about.jpg) no-repeat; position:relative;} .education #maincontent {background:url(../images/lpic-education.jpg) no-repeat; position:relative;} .facilities #maincontent { background:url(../images/lpic-facilities.jpg) no-repeat; position:relative;} .tenants #maincontent { background:url(../images/lpic-tenants.jpg) no-repeat; position:relative;} .news #maincontent { background:url(../images/lpic-news.jpg) no-repeat; position:relative;} .contact #maincontent {background:url(../images/lpic-contact.jpg) no-repeat; position:relative;} dl.sectionlinks {border-top:1px solid #d0ccc6; margin:20px 0 0 0; padding:10px 0 20px 0; clear:both;} dl.sectionlinks dt {display:block; margin:0; padding:0; font-weight:bold; line-height:16px; font-size:14px;} dl.sectionlinks dd {display:block; border-bottom:1px solid #d0ccc6; margin:0 0 8px 0; padding:0 350px 10px 0; min-height:70px; position:relative; font-size:11px; line-height:14px;} dl.sectionlinks dd img {position:absolute; top:0; right:0; margin:-16px 0 0 0 !important; float:none !important; border:1px solid red;} dl.sectionlinks dd a {font-weight:bold; display:block; margin-top:5px; text-decoration:none;} dl.sectionlinks dd a:hover {text-decoration:underline;} div.masthead {background:url(../images/summary-bot.png) no-repeat bottom left; margin:0 0 20px 0; padding:0;} #maincontent div.masthead h2 {margin:0; padding:0 0 0 52px; background:url(../images/summary-top.png) no-repeat top left; font-size:35px; line-height:35px;} #maincontent div.masthead p {margin:8px 0 0 52px; padding:10px 0 0 0; border-top:1px solid #565046; color:#565046; font-size:18px; line-height:20px;} #maincontent ul, #maincontent ol {border-left:36px solid #d2cdc9; border-top:1px solid #d2cdc9; margin:10px 0; padding:0;} #maincontent ul li {padding:3px 0 3px 15px; border-bottom:1px solid #d2cdc9; list-style:none;} #maincontent ol li {padding:3px 0 3px 15px; border-bottom:1px solid #d2cdc9; list-style-position:inside;} #maincontent img {float:left; margin:0 20px 20px 0; border:4px solid #d2cdc9;} #maincontent img.leftimage {float:left; margin:0 20px 20px 0; border:4px solid #d2cdc9;} #maincontent img.rightimage {float:right; margin:0 0 20px 20px; border:4px solid #d2cdc9;} #maincontent img.noborder {border:none;} #footer {margin:40px auto 40px auto; width:932px; padding:0 27px 0 3px; text-align:right; position:relative; font-size:11px; line-height:14px; background:url(../images/footerbg.png) repeat-y top right;} #footer .vcard {position:absolute; top:0; right:350px;} #footer .vcard p {margin:0; padding:0;} #footer .vcard .org, #footer .vcard .email, #footer .vcard .country-name {display:none !important;} #footer .vcard .adr p {display:inline;} #footer a.cyberwoven {color:#524d43; text-decoration:none;} #footer a.cyberwoven span {color:#701400;} #footer a.cyberwoven:hover span {text-decoration:underline;} /* Internal Section Specific ----------------------------------------------- */ /* Overrides: (For every added line of subnav, the subnav bg needs to change and 15px of padding needs to be added to the top of #maincontent) No Links: subnavemptybg.png w/ padding-top of 50px; 1 Line: Default subnav1bg.png w/ padding-top of 80px; 2 Lines: subnav2bg.png w/ padding-top of 95px; 3 Lines: subnav3bg.png w/ padding-top of 110px; */ /* About section overrides */ ul#topnav li.about ul {background-image:url(../images/subnav1bg.png);} body.about #maincontent {padding-top:80px;} /* Facilities section overrides */ ul#topnav li.facilities ul {background-image:url(../images/subnav1bg.png);} body.facilities #maincontent {padding-top:80px;} /* Education section overrides */ ul#topnav li.education ul {background-image:url(../images/subnav1bg.png);} body.education #maincontent {padding-top:80px;} /* Tenants section overrides */ ul#topnav li.tenants ul {background-image:url(../images/subnav1bg.png);} body.tenants #maincontent {padding-top:80px;} /* News section overrides */ ul#topnav li.news ul {background-image:url(../images/subnavemptybg.png);} body.news #maincontent {padding-top:50px;} /* Contact section overrides */ ul#topnav li.contact ul {background-image:url(../images/subnav-contact.png);} body.contact #maincontent {padding-top:50px;} .newsTable td {border-top:1px solid #d0ccc6;} .newsTable tr.pager td {border:none; font-weight:bold;} /* Homepage Specific ----------------------------------------------- */ #homecontent {margin:0 auto; width:962px; text-align:left; position:relative;} #flashbox {height:336px; background:url(../images/home-flashbox.jpg); overflow:hidden;} #flashbox h2 {visibility:hidden; margin:0; padding:0;} ul.homelaunch {display:block; margin:10px 0 0 0; padding:0; list-style:none; height:275px;} ul.homelaunch li {display:block; float:left; width:314px; margin-right:10px;} ul.homelaunch li a {display:block; color:#524d43; text-decoration:none; background:url(../images/homelaunch-linkbg.png) no-repeat top left;} ul.homelaunch li a br {display:none;} ul.homelaunch li a strong {display:block; height:72px; background-position:center center; background-repeat:no-repeat; font-size:1px; text-indent:-9999px;} ul.homelaunch li a img {border:none;} ul.homelaunch li a span {display:block; padding:20px 30px; text-align:center; font-size:11px; line-height:14px; position:relative;} ul.homelaunch li a span br {display:block;} ul.homelaunch li a span em {display:block; color:#701400; width:314px; font-size:12px; text-align:center; font-weight:bold; font-style:normal; position:absolute; top:85px; left:0;} ul.homelaunch li a:hover {background-position:top right;} ul.homelaunch li a:hover span {color:#701400;} ul.homelaunch li a:hover span em {text-decoration:underline;} ul.homelaunch li.locate a strong {background-image:url(../images/home-locate-hdr.gif);} ul.homelaunch li.toyota a strong {background-image:url(../images/home-toyota-hdr.gif);} ul.homelaunch li.hydrogen a strong {background-image:url(../images/home-hydrogen-hdr.gif);} ul.homelaunch li.hydrogen {margin:0;} /* Contact Form ----------------------------------------------- */ td.label {padding-top:15px;} .input, .textBox {border:2px solid #d0ccc6; padding:3px 5px; width:260px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px;} .textBox {width:550px; height:200px;} .sendButton {color:#1d1404; background:#fff; padding:3px 10px; border:2px solid #d0ccc6; margin:10px 0 50px 0;} .sendButton:hover {background:#fff; color:#701400; border-color:#701400;} /* Reusables ----------------------------------------------- */ .hidden {display:none;} .clear {clear:both; display:block; overflow:hidden; width:0; height:0;} a.linkbutton {display:block; width:150px; color:#1d1404; font-weight:bold; padding:6px 10px; border:2px solid #d0ccc6; margin:10px 0 50px 0; text-align:center; text-decoration:none;} a.linkbutton:hover {background:#fff; color:#701400; border-color:#701400;} /* sIFR ----------------------------------------------- */ /* JQuery sIFR Stuff .sifr .sifrspan {display:none;} */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash dt { visibility: hidden; letter-spacing: -9px; font-size: 40px; }