/*----------------------------------------------------------------------------- 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; background:#951919} 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:#ef4035; text-decoration:none} a:visited {color:#ef4035; text-decoration:none} a:hover {color:#ef4035; text-decoration:underline} a:active {color:#ef4035; text-decoration:underline} #footer a:link {color:#bc3434; text-decoration:none} #footer a:visited {color:#bc3434; text-decoration:none} #footer a:hover {color:#e06e6e; text-decoration:underline} #footer a:active {color:#e06e6e; text-decoration:underline} #contactDetails a:link {color:#FFF; text-decoration:none} #contactDetails a:visited {color:#FFF; text-decoration:none} #contactDetails a:hover {color:#FFF; text-decoration:underline} #contactDetails a:active {color:#FFF; text-decoration:underline} /* =Container -----------------------------------------------------------------------------*/ #background {background:url(../images/bg-gradient.gif) repeat-x top scroll} #container {width:950px; height:600px; margin:0 auto; position:relative} /* =Header -----------------------------------------------------------------------------*/ #header { } #logo {position:absolute; top:27px; left:30px} #slogan {position:absolute; top:27px; left:596px} /* =Main Nav -----------------------------------------------------------------------------*/ #mainNav {position:absolute; width:870px; height:26px; left:40px; top:531px; background:url(../images/mainNav-bg.gif) } #mainNav ul { width:549px; height:26px; margin:0 auto; } #mainNav ul li {float:left; list-style-type:none} a.nav1 {display: block; width:76px; height:26px; background: url("../images/mainNav_1.gif") 0 0 no-repeat;text-decoration: none;} a.nav2 {display: block; width:95px; height:26px; background: url("../images/mainNav_2.gif") 0 0 no-repeat;text-decoration: none;} a.nav3 {display: block; width:106px; height:26px; background: url("../images/mainNav_3.gif") 0 0 no-repeat;text-decoration: none;} a.nav4 {display: block; width:115px; height:26px; background: url("../images/mainNav_4.gif") 0 0 no-repeat;text-decoration: none;} a.nav5 {display: block; width:69px; height:26px; background: url("../images/mainNav_5.gif") 0 0 no-repeat;text-decoration: none;} a.nav6 {display: block; width:88px; height:26px; background: url("../images/mainNav_6.gif") 0 0 no-repeat;text-decoration: none;} a:hover.nav1 {background-position: 0 -26px;} a:hover.nav2 {background-position: 0 -26px;} a:hover.nav3 {background-position: 0 -26px;} a:hover.nav4 {background-position: 0 -26px;} a:hover.nav5 {background-position: 0 -26px;} a:hover.nav6 {background-position: 0 -26px;} /* =Sub Nav -----------------------------------------------------------------------------*/ #subNav {position:absolute; margin-right:16px; width:217px; height:181px; left:41px; top:96px; background:url(../images/subnav-bg.gif)} #subNav ul {margin-top:20px} #subNav ul li {list-style-type:none} a.subNav1 {display: block; width:217px; height:27px; background: url("../images/subNav_04.gif") 0 0 no-repeat;text-decoration: none;} a.subNav2 {display: block; width:217px; height:27px; background: url("../images/subNav_05.gif") 0 0 no-repeat;text-decoration: none;} a.subNav3 {display: block; width:217px; height:27px; background: url("../images/subNav_03.gif") 0 0 no-repeat;text-decoration: none;} a.subNav4 {display: block; width:217px; height:27px; background: url("../images/subNav_06.gif") 0 0 no-repeat;text-decoration: none;} a.subNav5 {display: block; width:217px; height:27px; background: url("../images/subNav_02.gif") 0 0 no-repeat;text-decoration: none;} a:hover.subNav1 {background-position:-217px 0;} a:hover.subNav2 {background-position:-217px 0;} a:hover.subNav3 {background-position:-217px 0;} a:hover.subNav4 {background-position:-217px 0;} a:hover.subNav5 {background-position:-217px 0;} /* =Main Content -----------------------------------------------------------------------------*/ #mainContent { } #flash {position:absolute; width:620px; height:400px; left:168px; top:104px} #flash p {text-align:center; margin-top:190px; color:#FFF} #contactDetails {position:absolute; left:40px; top:434px; width:192px} #contactDetails p {color:#FFF} /* =Sub Content (Secondary Content) -----------------------------------------------------------------------------*/ #subContent {position:absolute; width:373px; height:425px; left:274px; top:96px; background:url(../images/sub-content-area-bg.gif) } #subPattern {position:absolute; width:233px; height:289px; left:41px; top:96px; background:url(../images/sub-pattern.jpg)} #subFlash {position:absolute; width:268px; height:425px; left:647px; top:96px;} #subFlash p {text-align:center; margin-top:190px; color:#FFF} #subHeading {margin-top:19px; margin-left:22px} #subText {position:absolute; bottom:0; width:310px} #subText p {font-size:11px; color:#370000} #subTextContainer { position:absolute; width:310px; height:270px; left:26px; top:104px } /* =Footer -----------------------------------------------------------------------------*/ #footer {position:absolute; width:314px; height:15px; left:596px; top:574px} #footer p {color:#bc3434; text-align:right; font-size:11px; color:bc3434} /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } /* =Tables -----------------------------------------------------------------------------*/ table { border-spacing: 0; border-collapse: collapse; } td { font-weight: normal; } /* =Misc 1 -----------------------------------------------------------------------------*/ /* =Misc 2 -----------------------------------------------------------------------------*/