/*---------------------------------------------------------------------------------------------------- Stylesheet: GoDigital Media | www.supercarclub.com.au Version: 1.0 Author: Benjamin Nicoll Website: http://www.godigital.com.au Basecode: 960 Grid System | http://960.gs/ | Licensed under GPL and MIT. ----------------------------------------------------------------------------------------------------*/ /* `Global Styles ----------------------------------------------------------------------------------------------------*/ body { background:#222222; color:#888888; font-size:12px; padding:0; } #wrapper-01 { background:#222222; height:100px; } #page { background:#FFFFFF; padding-bottom:10px; } #sidebar { position:fixed; float:left; } #maincontent { float:right; } /* `General Typography ----------------------------------------------------------------------------------------------------*/ a { color:#FFFF00; } h2 { margin-bottom:10px; color:#9AD13C; } h4 { font-size:14px; margin-bottom:0px; color:#444444; } .legals { color:#999999; font-size:9px; } .telephone { font-size:16px; font-weight:bold; color:#FFFFFF; margin-bottom:0; } /* Menu & Logo ----------------------------------------------------------------------------------------------------*/ #companyname h1 { position: relative; float: left; background: url('../images/logos/logo-supercarclub.png') no-repeat 0 0; width:160px; height:200px; margin:10px 0 0 0; line-height: 1; font-size: 1.3em; overflow: visible; z-index:200; } #companyname h1 a { } #companyname h1 span { display: none; } #navigation { margin-top:25px; margin-bottom:25px; } #navigation p { float:right; } #navigation ul { list-style-type:none; } #navigation li { margin-left:0; } .button_home { width:220px; height:32px; display:block; background:url('/images/core/sprites.png') no-repeat; padding-left:60px; color:#444444; padding-top:8px; margin-bottom:10px; text-shadow:none; font-size:16px; letter-spacing:-1; text-decoration:none; } .button_services { width:220px; height:32px; display:block; background:url('/images/core/sprites.png') no-repeat 0 -40px; padding-left:60px; color:#444444; padding-top:8px; margin-bottom:10px; text-shadow:none; font-size:16px; letter-spacing:-1; text-decoration:none; } .button_gallery { width:220px; height:32px; display:block; background:url('/images/core/sprites.png') no-repeat 0 -80px; padding-left:60px; color:#444444; padding-top:8px; margin-bottom:10px; text-shadow:none; font-size:16px; letter-spacing:-1; text-decoration:none; } .button_contact { width:220px; height:32px; display:block; background:url('/images/core/sprites.png') no-repeat 0 -120px; padding-left:60px; color:#444444; padding-top:8px; margin-bottom:10px; text-shadow:none; font-size:16px; letter-spacing:-1; text-decoration:none; } .button_home:hover { background:url('/images/core/sprites.png') no-repeat -280px 0; text-decoration: none; color:#fff; } .button_services:hover { background:url('/images/core/sprites.png') no-repeat -280px -40px; text-decoration: none; color: #fff; } .button_gallery:hover { background:url('/images/core/sprites.png') no-repeat -280px -80px; text-decoration:none; color:#fff; } .button_contact:hover { background:url('/images/core/sprites.png') no-repeat -280px -120px; text-decoration:none; color:#fff; } /* `About Us ----------------------------------------------------------------------------------------------------*/ /* `Hero Image ----------------------------------------------------------------------------------------------------*/ #hero { margin-top:-100px; z-index:100; } #caption { background:#888888; margin-top:-10px; } #caption h1 { color:#FFFF00; margin-bottom:0; line-height:1; padding-top:25px; letter-spacing:-1px; font-weight:normal; text-transform:uppercase; } #caption p { color:#FFFFFF; } /* `Tabs ----------------------------------------------------------------------------------------------------*/ #tabs { min-height:425px; } #tabs ul { position:absolute; z-index:1; border:0 !important; padding:0; list-style:none; } #tabs ul li { width:220px; height:100px; border:0 !important; display:block; margin-left:0; } #tabs ul li:hover { } #tabs ul li:active { } #tabs ul li a { display:block; background:transparent; line-height:66px; padding:0px; margin:2px 0 0 0; color:#222222; border:0; font-size:16px; } #tabs ul li a:hover, #tabs ul li a:active { color:#FFFFFF; font-weight:bold; } .ui-tabs-hide { display:none; } .tabs-text { display:none; } #tabs ul li a.tabs-home { width:220px; height:100px; display:block; background:url('../images/core/slider-nav.png') no-repeat 0 0; } #tabs ul li a.tabs-home:hover { background:url('../images/core/slider-nav.png') no-repeat -225px 0; } #tabs ul li a.tabs-home:focus { background:url('../images/core/slider-nav.png') no-repeat -450px 0; } #tabs ul li a.tabs-compliance { width:220px; height:100px; display:block; background:url('../images/core/slider-nav.png') no-repeat 0 -105px; } #tabs ul li a.tabs-compliance:hover { background:url('../images/core/slider-nav.png') no-repeat -225px -105px; } #tabs ul li a.tabs-compliance:focus { background:url('../images/core/slider-nav.png') no-repeat -450px -105px; } #tabs ul li a.tabs-business { width:220px; height:100px; display:block; background:url('../images/core/slider-nav.png') no-repeat 0 -210px; } #tabs ul li a.tabs-business:hover { background:url('../images/core/slider-nav.png') no-repeat -225px -210px; } #tabs ul li a.tabs-business:focus { background:url('../images/core/slider-nav.png') no-repeat -450px -210px; } #tabs ul li a.tabs-advice { width:220px; height:100px; display:block; background:url('../images/core/slider-nav.png') no-repeat 0 -315px; } #tabs ul li a.tabs-advice:hover { background:url('../images/core/slider-nav.png') no-repeat -225px -315px; } #tabs ul li a.tabs-advice:focus { background:url('../images/core/slider-nav.png') no-repeat -450px -315px; } /* `Contact Form & Google Map ----------------------------------------------------------------------------------------------------*/ #map { border: 5px solid #bab9ae; width:330px; height:330px; } #contactform { } #contactform li { list-style:none; margin-left:0; } #contactform input { width:250px; margin-bottom:10px; color:#999; padding:5px; } #contactform textarea { width:253px; margin-bottom:15px; color:#999; padding:5px; } #contactform input.button { width:125px; margin-bottom:10px; color:#fff; padding:5px; background:#298DBF; } /* `Footer ----------------------------------------------------------------------------------------------------*/ #footer { margin-top:5px; margin-bottom:50px; padding-top:5px; padding-bottom:50px; } #godigital { } /* logotype */ #godigital h1 { position:relative; float:right; background:url('../images/logos/logo-godigital.jpg') no-repeat 0 0; width:80px; height:30px; margin:0; line-height:1; font-size:1.3em; overflow:hidden; } #godigital h1 a { } #godigital h1 span { display:none; } #footer p { color:#FFFFFF; font-size:11px; line-height:1.5; } /* `IE6 Not Supported ----------------------------------------------------------------------------------------------------*/ #ie6-box { background-color:#cddceb; padding:8px; margin-bottom:4px; } #ie6-box .upgrade-message { font-size:11px; width:430px; } #ie6-box .upgrade-message a { /* Override link properties because of translation */ text-decoration:none !important; color:black !important; border-bottom:0 !important; cursor:text; } #ie6-box .browser-links { float:right; } #ie6-box .browser-link img { background-image:url('/images/core/browsers.png'); width:172px; height:32px; margin-left:8px; float:left; } #ie6-box .browser-link:hover img { background-position-x:-172px; } #ie6-box .chrome-link { background-position-y:0; } #ie6-box .ie8-link { background-position-y:-32px; } #ie6-box .firefox-link { background-position-y:-64px;