/*----------------------------------------------------------------------------- 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; } p {font-size:12px; line-height:15px} .greencopy {color:#094109} #footer p {font-size:10px} .blockquote { margin-left: 30px; padding: 10px 0 0 20px; font-size: 120%; line-height: 1.2em; color: #666; background: url(../images/quotes.gif) no-repeat top left; } /* =Headings -----------------------------------------------------------------------------*/ h1 {font-size:16px; margin-bottom:4px} h2 {font-size:15px; margin-bottom:4px; color:#094109} h3 {font-size:14px; margin-bottom:2px} h4 {font-size:13px; margin-bottom:2px} /* =Links -----------------------------------------------------------------------------*/ a:link {color:#094109; text-decoration:underline} a:visited {color:#094109; text-decoration:underline} a:hover {color:#d7300c; text-decoration:none} a:active {color:#d7300c; text-decoration:none} /* =Top Balls & Logo -----------------------------------------------------------------------------*/ #ballslogo { width:846px; margin:0px auto; background:url(../images/ballslogo.png) top no-repeat; } #topSpacer {height:73px} /* =Container -----------------------------------------------------------------------------*/ #container { width:704px; margin:0px auto 0px auto; position:relative; } /* =Header -----------------------------------------------------------------------------*/ #header { margin-left:15px; } #header img {margin:0px; display:block} /* =Main Nav -----------------------------------------------------------------------------*/ #mainNav { width:704px; height:44px; background:url(../images/mainNav_bg.gif) repeat-x; } #mainNav ul li {float:left; list-style-type:none;} a.navHome {display: block; width:81px; height:44px; background: url("../images/mainNav_01.gif") 0 0 no-repeat;text-decoration: none} a:hover.navHome {background-position: 0 -44px;} a.navAbout {display: block; width:107px; height:44px; background: url("../images/mainNav_02.gif") 0 0 no-repeat;text-decoration: none} a:hover.navAbout {background-position: 0 -44px;} li.subAbout:hover a.navAbout {background-position: 0 -44px;} a.navProductRange {display: block; width:145px; height:44px; background: url("../images/mainNav_03.gif") 0 0 no-repeat;text-decoration: none} a:hover.navProductRange {background-position: 0 -44px;} li.subProductRange:hover a.navProductRange {background-position: 0 -44px;} a.navDIYinstallation {display: block; width:157px; height:44px; background: url("../images/mainNav_04.gif") 0 0 no-repeat;text-decoration: none} a:hover.navDIYinstallation {background-position: 0 -44px;} li.subDIYinstallation:hover a.navDIYinstallation {background-position: 0 -44px;} a.navProjects {display: block; width:96px; height:44px; background: url("../images/mainNav_05.gif") 0 0 no-repeat;text-decoration: none} a:hover.navProjects {background-position: 0 -44px;} li.subProjects:hover a.navProjects {background-position: 0 -44px;} a.navContactUs {display: block; width:118px; height:44px; background: url("../images/mainNav_06.gif") 0 0 no-repeat;text-decoration: none} a:hover.navContactUs {background-position: 0 -44px;} li.subContactUs:hover a.navContactUs {background-position: 0 -44px;} /* DROPDOWN MENUS */ #mainNav li ul a:link {color:#094109; font-weight:bold; text-decoration:none} #mainNav li ul a:visited {color:#094109; font-weight:bold; text-decoration:none} #mainNav li ul a:hover {color:white; font-weight:bold; text-decoration:none; background:#094109 url(../images/bg-subnav.gif) repeat-x} #mainNav li ul a:active {color:white; font-weight:bold; text-decoration:none; background:#094109 url(../images/bg-subnav.gif) repeat-x} #mainNav li ul {position:absolute; width:200px; padding:5px 5px 0px 5px; display:none; background:white; border-bottom:#c5c5c5 solid 1px; border-left:#c5c5c5 solid 1px; border-right:#c5c5c5 solid 1px} #mainNav li:hover ul {display:block; margin-top:-5px; margin-left:2px} #mainNav li ul li a {display:block; width:190px; border-top:1px solid #dfe6df; padding:0px 4px;} #mainNav li ul li a.divider {border-top:2px solid #7d7d7d} #mainNav li ul li:first-child a {border-top:none;} #mainNav li ul li a {line-height:25px} /* Hit States */ #containerAbout .navAbout {background-position: 0 -88px; } #containerProductRange .navProductRange {background-position: 0 -88px;} #containerDIYinstallation .navDIYinstallation {background-position: 0 -88px;} #containerProjects .navProjects {background-position: 0 -88px;} #containerContactUs .navContactUs {background-position: 0 -88px;} /* FIX OVER WHILE ACTIVE FOR MAIN NAV DROPDOWNS IN IE - Prevents sitting to the right on rollover */ li.subAbout:hover {display:block} li.subProductRange:hover {display:block} li.subDIYinstallation:hover {display:block} li.subProjects:hover {display:block} li.subContactUs:hover {display:block} /* =Sub Nav -----------------------------------------------------------------------------*/ #subNav { } /* =Home Flash -----------------------------------------------------------------------------*/ #homeFlash {width:674px; height:226px} #homeFlash p { margin:0px auto; line-height:225px; text-align: center; } /* =Main Content -----------------------------------------------------------------------------*/ #mainContent { background:url(../images/contentBG.gif) repeat-y; padding-top:10px; } #leftColumn {width:390px; float:left; margin-top:30px; margin-left:60px} #rightColumn {width:183px; margin-top:30px; margin-left:33px; float:left} #rightColumn img {display:block} /* =Sub Content (Secondary Content) -----------------------------------------------------------------------------*/ #subContent { } /* =Footer -----------------------------------------------------------------------------*/ #footer { height:45px; background:url(../images/footerBG.gif) top no-repeat; padding:42px 0px 0px 15px; } /* =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 -----------------------------------------------------------------------------*/