/*----------------------------------------------------------------------------- Style Sheet date: 6th July 2008 author: Anthony Wymond email: info@igniteonline.com.au website: http://www.igniteonline.com.au/ Table of Contents 1. General 2. Typography 3. Headings 4. Links 5. Container 6. Header 7. Main Nav 8. Sub Nav 9. Main Content 10.Sub Content 11.Footer 12.Forms 13.Tables 14.Misc 1 15.Misc 2 Notes - - - -----------------------------------------------------------------------------*/ /* =General -----------------------------------------------------------------------------*/ /* Remove padding and margin */ * { margin: 0; padding: 0; } /* Class for clearing floats */ .clear { clear:both; } /* Class for invisible clearing floats */ .separatorInvisible { clear: both; height: 1px; } /* Remove border around linked images */ img { border: 0; } /* Force scrollbars in Firefox to avoid page shifting */ HTML { overflow: -moz-scrollbars-vertical; } /* =Typography -----------------------------------------------------------------------------*/ body {font:12px Arial, Helvetica, sans-serif; color:#002d56; background:url(../images/bg.gif) top repeat fixed; } p {font-size:12px; line-height:15px; } blockquote { margin-left: 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; background: url(../images/quotes.gif) no-repeat top left; } /* =Headings -----------------------------------------------------------------------------*/ h1 {font-size:18px; margin-bottom:2px} h2 {font-size:17px; margin-bottom:2px} h3 {font-size:16px; margin-bottom:2px} h4 {font-size:15px; margin-bottom:2px} h5 {font-size:14px; margin-bottom:2px} h6 {font-size:13px; margin-bottom:2px} /* =Links -----------------------------------------------------------------------------*/ a:link {color:#046688; text-decoration:none} a:visited {color:#046688; text-decoration:none} a:hover {color:#1d80a2; text-decoration:underline} a:active {color:#1d80a2; text-decoration:underline} /* =Gradient Background -----------------------------------------------------------------------------*/ #bg_blend {width:100%; background:url(../images/bg_blend.gif) top repeat-x fixed; } /* =Container -----------------------------------------------------------------------------*/ #container {width:850px; margin:0 auto; } /* =Top Spacer -----------------------------------------------------------------------------*/ #topSpacer {height:41px; } /* =Header -----------------------------------------------------------------------------*/ #headerTop {width:850px; height:69px; background:url(../images/header_bg.gif) no-repeat top left;} #headerBottom {width:850px; height:47px; background:url(../images/header_bg.gif) no-repeat bottom left;} #headerContent {float:right; text-align:right; margin-top:33px; margin-right:16px} #headerContent p { display:inline; line-height:22px; padding-left:35px; background-repeat:no-repeat; } .headerPhone { background-image: url(../images/headerPhone.gif); background-position:12px -3px; } .headerEmail { background-image: url(../images/headerEmail.gif); background-position:9px -3px; } /* =Main Nav -----------------------------------------------------------------------------*/ #mainNav { width:740px; height:47px; margin-left:16px; } #mainNav ul{list-style:none} #mainNav li{float:left;width:auto} #mainNav a:link, #mainNav a:visited{display:block;text-decoration:none} .nav1{width:87px;height:47px;background:url("../images/mainNav_01.gif") no-repeat} .nav2{width:87px;height:47px;background:url("../images/mainNav_02.gif") no-repeat} .nav3{width:114px;height:47px;background:url("../images/mainNav_03.gif") no-repeat} .nav4{width:72px;height:47px;background:url("../images/mainNav_04.gif") no-repeat} .nav5{width:85px;height:47px;background:url("../images/mainNav_05.gif") no-repeat} .nav6{width:143px;height:47px;background:url("../images/mainNav_06.gif") no-repeat} .nav7{width:69px;height:47px;background:url("../images/mainNav_07.gif") no-repeat} .nav8{width:56px;height:47px;background:url("../images/mainNav_08.gif") no-repeat} #mainNav a:hover { background-position: 0 -47px; font-family: Arial, Helvetica, sans-serif; } #mainNav .sel{background-position:0 -94px} /* DROPDOWN MENUS */ .dropdown {position:absolute; width:140px; padding:0 5px 5px 5px; display:none; background:#d2d2d2} #mainNav li:hover ul {display:block} .dropdown a:link, .dropdown a:visited { display:block;width:130px;line-height:25px; border-top:1px solid #bebebe;padding:0 4px;height:25px; color:#001f3c;font-size:11px;font-weight:bold} .dropdown a:hover, .dropdown a:active {color:#d51141;background:#ebebeb} .dropdown li:first-child a {border-top:none;} /* =Sub Nav -----------------------------------------------------------------------------*/ #subNav {width:175px; margin-top:24px; margin-left:16px; float:left} #subNav ul {list-style-type:none} #subNav ul li a {display:block; line-height:22px; border-bottom:#e4e4e4 solid 1px; padding-left:5px} #subNav ul li a:hover {background:#f2f2f2; } #subNav ul li:first-child {border-top:#e4e4e4 solid 1px} #subNav ul li a.subActive {color:#FFFFFF; background:#002d56;} #subNav ul li a.subActive:hover {color:#FFFFFF; background:#002d56; text-decoration:none} /* =Main Content -----------------------------------------------------------------------------*/ #mainContent {width:850px; height:311px; background:url(../images/home_main_bg.gif) no-repeat; margin-top:12px;} #mainContent p {width:330px; margin-left:21px; margin-top:88px; float:left} #mainFlash {width:471px; height:311px; float:left} #mainFlash p {text-align:center; margin-top:185px} /* =Sub Content (Secondary Content) -----------------------------------------------------------------------------*/ #subContent {width:850px; margin-top:12px;} #subContentTop {height:61px;} #subContentMiddle {background:url(../images/sub_bg-divider.gif) top no-repeat #FFF} #subText {width:250px; float:left; margin-top:24px; margin-left:66px} #subTextBig {width:470px; float:left; margin-top:24px; margin-left:66px} #subPics {width:280px; float:left; margin-top:24px; margin-left:30px} #subPics p {font-size:10px; color:#046688} /* =Footer -----------------------------------------------------------------------------*/ #footer { } /* =Main Footer -----------------------------------------------------------------------------*/ #mainFooter {width:850px; height:200px; background:url(../images/home_footer_bg.gif) no-repeat; margin-top:12px;} #homeLatestNews {width:241px; height:90px; float:left; margin-left:16px; margin-top:11px; background:url(../images/homeNews1-bg.gif); padding:52px 5px 5px 16px} #homeNews {width:262px; height:147px; float:left; margin-left:16px; margin-top:11px} #mainFooter p {text-align:right; font-size:10px; color:#8fa3b5; margin-top:20px; margin-right:20px} #homeLatestNews p {font-size:11px; text-align:left; color:#002d56; line-height:13px; margin-top:0; margin-right:0; margin-bottom:4px} /* =Main Footer -----------------------------------------------------------------------------*/ #subFooter {width:850px; height:50px; background:url(../images/sub_footer_bg.gif) no-repeat; position:relative} #subFooter p {text-align:right; top:28px; right:16px; font-size:10px; color:#8fa3b5; position:absolute} /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } /* =Tables -----------------------------------------------------------------------------*/ table { border-spacing: 0; border-collapse: collapse; } td { text-align: left; font-weight: normal; } /* =Misc 1 -----------------------------------------------------------------------------*/ /* =Misc 2 -----------------------------------------------------------------------------*/