/* Site Elements -------------------------------------------------------------------------------*/ /* Header -------------------------------------------------------------------------------*/ #site_header { position:relative; width:960px; height: 50px; margin:0 auto; padding-top:5px; display:block; float: none; clear: both; overflow:hidden; /* border: 1px solid red; */ } #site_header:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header a[rel="home"] { position:absolute; z-index:2; top:5px; left:0px; width:330px; height: 50px; overflow:hidden; text-indent:-9999px; } #site_header em { position:relative; z-index:1; width:740px; height: 70px; display:block; float: left; clear: left; overflow:hidden; background:url(/images/site/header.png) no-repeat; line-height:37px; font-size:33px; font-family:Arial,Helvetica,Sans-Serif; font-style:normal; color:#FFFFFF; text-indent:360px; /* 380px */ } #site_header em sub { position:absolute; z-index:2; top:0px; right:5px; width: 20px; height: 20px; display:block; background:url(/images/winter/sm.gif) 0px 1px no-repeat; text-indent:-9999px; } #site_header em cite { position:absolute; z-index:2; top:34px; right:0px; width: 400px; height: 18px; display:block; line-height:16px; font-size:14px; font-family:Arial,Helvetica,Sans-Serif; font-style:italic; color:#FFFFFF; text-indent:60px; /* border:1px solid #00FF00; */ } #site_header ol { width:220px; height: 50px; display:block; float:right; clear:right; /* overflow:hidden; */ } #site_header ol li { width: 45px; height: 50px; margin-left:5px; display:block; list-style:none; float:right; } #site_header ol li a { width: 40px; height: 15px; padding-top:35px; display:block; background:url(/images/site/header-seasons.png) no-repeat; text-align:center; line-height:15px; font-size:10px; color:#FFFFFF; } #site_header ol li a:hover { color:#5FB1BF; text-decoration:underline; } #site_header ol li a[rel="winter"] { background-position: 0px 0px; } #site_header ol li a[rel="spring"] { background-position:-40px 0px; } #site_header ol li a[rel="summer"] { background-position:-40px 0px; } /* when spring is live : -80px */ #site_header ol li a[rel="fall"] { background-position:-80px 0px; } /* when spring is live : -120px */ #site_header ol li a[rel="winter"] { background-position: 0 0; } #site_header ol li a[rel="spring"] { background-position: -40px 0; } #site_header ol li a[rel="summer"] { background-position: -80px 0; } #site_header ol li a[rel="fall"] { background-position: -120px 0; } /* Navigation -------------------------------------------------------------------------------*/ #site_navigation { position:relative; width: 960px; height: 40px; margin:0 auto; } #site_navigation:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_navigation:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_navigation form { position:absolute; z-index:9999; top:9px; right:14px; width:120px; height: 20px; } #site_navigation form fieldset { } #site_navigation form fieldset input { width:120px; height: 20px; display:block; background:url(/images/site/search.jpg) no-repeat; text-align:center; } /* Footer -------------------------------------------------------------------------------*/ #site_footer { width: 100%; margin-top:10px; float: none; clear: both; overflow:hidden; background:url(/images/site/footer_top.png) center top repeat-x; } #site_footer:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div { width: 100%; margin-top:50px; padding-bottom:20px; background:url(/images/site/footer_body.png) repeat; } #site_footer div:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol { width:960px; margin:0 auto; } #site_footer div ol:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol ul { min-height:180px; padding:20px 50px 0; display:block; float: left; } #site_footer div ol ul:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol ul:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer div ol ul li { display:block; list-style:none; color:#004F85; } #site_footer div ol ul li a { color:#004F85; } #site_footer div ol ul li a:hover { color:#5FB1BF; text-decoration:underline; } #site_footer div ol ul.alpha { width:200px; padding-left:0px; clear: left; } #site_footer div ol ul.alpha li.bolt { padding:0 0 5px 15px; background:url(/images/site/footer-bolt.jpg) 0px 2px no-repeat; line-height:15px; font-size:12px; } #site_footer div ol ul.alpha li a[rel="login"] { width:180px; height: 22px; margin:5px 0 0 15px; display:block; background-color:#8CABCF; text-align:center; line-height:22px; font-size:18px; color:#FFFFFF; } #site_footer div ol ul.alpha li a[rel="login"]:hover { background-color:#5FB1BF; text-decoration:none; } #site_footer div ol ul.beta { width:415px; border-left:2px solid #A1BAD8; border-right:2px solid #A1BAD8; } #site_footer div ol ul.beta li { padding-bottom:70px; float: left; } #site_footer div ol ul.beta li a { display:block; float: none; clear: both; line-height:25px; font-size:12px; } #site_footer div ol ul.beta li.alpha { width: 190px; clear: left; } #site_footer div ol ul.beta li.beta { width: 130px; } #site_footer div ol ul.beta li.gamma { width: 90px; clear:right; } #site_footer div ol ul.beta li.copy { padding:0; float: none; clear: both; text-align:center; line-height:15px; font-size:11px; } #site_footer div ol ul.beta li.copy em { display:block; font-style:normal; } #site_footer div ol ul.gamma { width:140px; padding-right:0; float:right; clear:right; } #site_footer div ol ul.gamma li a { width:110px; height: 40px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/site/footer-social_media.jpg) no-repeat; } #site_footer div ol ul.gamma li a[rel="facebook"] { background-position:0px -0px; } #site_footer div ol ul.gamma li a[rel="twitter"] { background-position:0px -40px; } #site_footer div ol ul.gamma li a[rel="youtube"] { background-position:0px -80px; } #site_footer div ol ul.gamma li a[rel="iPhone"] { background-position:0px -120px; } #site_footer div ol ul.gamma li a em { display:block; text-indent:-9999px; }