body { background-color: #FFF; font: 12px/20px Georgia, Times, Times New Roman, serif; text-align: left; color: #FFF; margin: 0; background-image: url(http://www.houseworx.co.nz/img/hwbg.gif); background-repeat: repeat-x; } body a { color: #FC3; text-decoration: none; } body a:hover { text-decoration: underline; } .body1 { font: 12px/20px Georgia, Times, Times New Roman, serif; text-align: left; color: #FFF; margin: 0 0 0 0; } .body1 a { color: #FC3; text-decoration: none; } .body1 a:hover { text-decoration: underline; } .body2 { font: 12px/20px Georgia, Times, Times New Roman, serif; text-align: left; color: #FFF; margin-bottom: 0; margin-top: 11px; } .body2 a { color: #FC3; text-decoration: none; } .body2 a:hover { text-decoration: underline; } #b2 { list-style: square outside; margin-top: 9px; padding-left: 0em; margin-left: 1.2em; } #b2 li{ margin-top: 9px;} .head1 { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #FFF; text-transform: uppercase; } .head2 { font: normal 11px/20px Arial, Helvetica, Verdana, sans-serif; color: #FFC; margin-bottom: 0; text-transform: uppercase; } .head3 { font: normal 11px/20px Arial, Helvetica, Verdana, sans-serif; color: #FFC; margin: 0 auto; text-transform: uppercase; } .quote1 { font: italic 12px/20px Georgia, Times, Times New Roman, serif; text-align: left; color: #FFC; margin: 0 0 0 0;} .quote2 { font: italic 12px/20px Georgia, Times, Times New Roman, serif; text-align: left; color: #FFC; margin: 8px 0 0 0;} .credit { font: normal 9px/20px Arial, Helvetica, Verdana, sans-serif; color: #FFF !important; text-transform: uppercase; } .hometext { font: italic 18px/27px Georgia, Times, Times New Roman, serif; text-align: left; color: #ccc; margin-top: 47px;} #logoheader { width: 920px; height: 0; margin: 0px auto; padding-top: 120px; overflow: hidden; position: relative; background-image: url(http://www.houseworx.co.nz/img/hwlogo-380x120.gif); background-repeat: no-repeat; background-position: -52px 0; } #logo { width: 380px; height: 0; margin: 0 644px 0 0; padding-top: 120px; overflow: hidden; position: relative; background-image: url(http://www.houseworx.co.nz/img/hwlogo-380x120.gif); background-repeat: no-repeat; } #hwicon { width: 512px; height: 120px; margin: 0; padding: 0; position: fixed; left: 50%; top: 0; background-image: url(http://www.houseworx.co.nz/img/hwicon-211x120.gif); background-repeat: no-repeat; background-position: 301px 0; } /* TOP MENU */ #navheader { width: 920px; height: 45px; margin: 0px auto; position: relative; z-index: 9998; text-align: center; color: #000; background-image: url(http://www.houseworx.co.nz/img/hwnav-bg.gif); background-repeat: repeat; } #navheader #sitenav { margin: 0; padding: 0; } #navheader #sitenav li { display: inline; } #navheader #sitenav li a { float: left; width: 100px; height: 0px; padding-top: 45px; overflow: hidden; margin-right: 99px; } #navheader #sitenav li a, #navheader #sitenav { background-image: url(http://www.houseworx.co.nz/img/hw-nav.gif); background-repeat: no-repeat; background-position: 0 0;} #navheader #sitenav li#nav-about a { background-position: 0 0; text-decoration: none; color: #FC3; } #navheader #sitenav li#nav-gallery a { background-position: -206px 0; text-decoration: none; color: #FC3; width: 94px; } #navheader #sitenav li#nav-awards a { background-position: -413px 0; text-decoration: none; color: #FC3; width: 90px; } #navheader #sitenav li#nav-testimonial a { background-position: -599px 0; text-decoration: none; color: #FC3; width: 126px; margin-right: 61px; } #navheader #sitenav li#nav-contact a { background-position: -768px 0; text-decoration: none; color: #FC3; width: 152px; margin-right: 0; } #navheader #sitenav li#nav-about a:hover { background-position: 0 -45px; text-decoration: none; } #navheader #sitenav li#nav-gallery a:hover { background-position: -206px -45px; text-decoration: none; } #navheader #sitenav li#nav-awards a:hover { background-position: -413px -45px; text-decoration: none; } #navheader #sitenav li#nav-testimonial a:hover { background-position: -599px -45px; text-decoration: none; } #navheader #sitenav li#nav-contact a:hover { background-position: -768px -45px; text-decoration: none; } #navheader #sitenav li#nav-about a:active { background-position: 0 0; color: #FFF; } #navheader #sitenav li#nav-gallery a:active { background-position: -206px 0; color: #FFF; } #navheader #sitenav li#nav-awards a:active { background-position: -413px 0; color: #FFF; } #navheader #sitenav li#nav-testimonial a:active { background-position: -599px 0; color: #FFF; } #navheader #sitenav li#nav-contact a:active { background-position: -768px 0; color: #FFF; } #navheader.about #sitenav li#nav-about a { background-position: 0 -90px; !important; color: #FFF; } #navheader.gallery #sitenav li#nav-gallery a { background-position: -206px -90px !important; color: #FFF; } #navheader.awards #sitenav li#nav-awards a { background-position: -413px -90px !important; color: #FFF; } #navheader.testimonial #sitenav li#nav-testimonial a { background-position: -599px -90px !important; color: #FFF; } #navheader.contact #sitenav li#nav-contact a { background-position: -768px -90px !important; color: #FFF; } /* PAGE NAME */ #page { width: 920px; margin: 0px auto; position: relative; top:-50px; height: 146px; overflow: hidden; font: 160px Georgia, Times, Times New Roman, serif; text-align: right; color: #404040; } /* MAIN CONTENT */ #content { width: 920px; margin: 0 auto; position: relative; top:-50px; min-height: 390px; } /* 3 COLUMN */ #threeleftright { width: 265px; height: 350px; padding: 20px; background-image: url(http://www.houseworx.co.nz/img/hwbg.gif); background-repeat: repeat-x; background-position: 0 -110px; } #threemiddle { width: 266px; height: 350px; padding: 20px; position: absolute; left: 307px; top: 0; background-image: url(http://www.houseworx.co.nz/img/hwbg.gif); background-repeat: repeat-x; background-position: 0 -110px; } #threemidright { width: 571px; min-height: 350px; height: auto !important; height: 350px; padding: 20px; position: absolute; left: 307px; top: 0; background-image: url(http://www.houseworx.co.nz/img/hwbg.gif); background-repeat: repeat-x; background-position: 0 -110px; } /* 2 HALVES */ #righthalf { width: 440px; height: 350px; padding: 20px 20px 20px 0px; position: absolute; left: 460px; top: 0; overflow: auto; } #lefthalf{ width: 460px; height: 390px; padding: 0px; background-image: url(http://www.houseworx.co.nz/img/hwbg.gif); background-repeat: repeat-x; background-position: 0 -110px; } /* GALLERY */ #gallery1 { width: 612px; height: 390px; padding: 0; background-color: #333; margin: 0; } #gallery2 { width: 304px; height: 390px; padding: 0; float: right; margin-left: 4px;} #gallery3 { width: 304px; height: 193px; padding: 0; background-color: #333; margin-bottom: 4px;} #welcome { width: 572px; height: 350px; padding: 20px; float: right; margin-left: 4px; background-image: url(http://www.houseworx.co.nz/img/hwbg.gif); background-repeat: repeat-x; background-position: 0 -110px; } #gallery4 { width: 304px; height: 390px; padding: 0; margin: 0; } ul#contactform { list-style:none; margin-left:0; padding:0; margin-top:0;} ul#contactform li { display:block; float:left; width:100%; margin:0; } ul#contactform li label { float:left; padding-top:6px; width:110px; overflow:auto; margin:0;} #field { float:right; font: 11px Georgia, Times, Times New Roman, serif; } select { float:right; margin-right: 136px; width: 156px;} #area1 { margin-left: 0; margin-top: 6px; } .areaone { font: 11px Georgia, Times, Times New Roman, serif; } /* TYPE */ h3 { font: 14px/21px Verdana, Arial, sans-serif; text-align: left; color: #000; font-weight: bold; margin-bottom: 0; } newsh3 { font: 14px/21px Verdana, Arial, sans-serif; text-align: left; color: #000; font-weight: bold; margin-bottom: 0; margin-top: 0; } .home-h3 { font: 14px/21px Arial, Helvetica, Verdana, sans-serif; text-align: left; color: #FFF; font-weight: bold; text-transform: uppercase;} .adh3 { font: 14px/21px Verdana, Arial, sans-serif; text-align: center; color: #000; font-weight: bold; margin-bottom: 0; margin-top: 0; } h4 { font: 11px/16px Verdana, Arial, sans-serif; text-align: left; color: #069; font-weight: bold; margin-bottom: 0; margin-top: 10px; } .spanh4 { color: #069; font-weight: bold; } .footer { font-size: 11px; color: #999; text-align: center; } .quote { font-style: italic; } .galnav { font: 11px/16px Arial, Helvetica, Verdana, sans-serif; color: #999; text-transform: uppercase; } .galnav a { color: #630; text-decoration: none;} .galnav a:hover { color: #630; text-decoration: underline;}