body { background-color: #FFF; font: 12px/20px Georgia, Times, Times New Roman, serif; text-align: left; color: #FFF; margin: 0; background-image: url(../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; } .ebody1 { font: 12px/20px Georgia, Times, Times New Roman, serif; text-align: left; color: #030; margin: 0 0 0 0; } .ebody1 a { color: #090; text-decoration: none; } .ebody1 a:hover { text-decoration: underline; } .ebody2 { font: 12px/20px Georgia, Times, Times New Roman, serif; text-align: left; color: #030; margin-bottom: 0; margin-top: 11px; } .ebody2 a { color: #FC3; text-decoration: none; } .ebody2 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; } .head1G { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #090; text-transform: uppercase; } .head2 { font: normal 11px/20px Arial, Helvetica, Verdana, sans-serif; color: #FFC; margin-bottom: 0; text-transform: uppercase; } .head2G { font: normal 11px/20px Arial, Helvetica, Verdana, sans-serif; color: #888; margin-bottom: 0; text-transform: uppercase; } .head3 { font: normal 11px/20px Arial, Helvetica, Verdana, sans-serif; color: #FFC; margin: 0 auto; text-transform: uppercase; } .head3G { font: normal 11px/20px Arial, Helvetica, Verdana, sans-serif; color: #888; 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;} .hometext2 { font: italic 14px/22px Georgia, Times, Times New Roman, serif; text-align: left; color: #ccc; margin-top: 18px;} .ehometext2 { font: italic 14px/22px Georgia, Times, Times New Roman, serif; text-align: left; color: #030; margin-top: 18px;} .hometext3 { font: italic 14px/22px Georgia, Times, Times New Roman, serif; text-align: left; color: #000; margin-top: 18px;} .hometext3 a { text-decoration: none; color: #060;} .hometext3 a:hover { text-decoration: underline;} #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; } #elogoheader { width: 920px; height: 0; margin: 0px auto; padding-top: 120px; overflow: hidden; position: relative; background-image: url(../../img/eslogo2-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: 20; 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: 61px; height: 0px; padding-top: 45px; overflow: hidden; margin-right: 65px; } #navheader #sitenav li a, #navheader #sitenav { background-image: url(../img/hw-nav3.gif); background-repeat: no-repeat; background-position: 0 0;} #navheader #sitenav li#nav-about a { background-position: 0 0; text-decoration: none; color: #FC3; margin-left: 19px;} #navheader #sitenav li#nav-gallery a { background-position: -107px 0; text-decoration: none; color: #FC3; width: 55px; } #navheader #sitenav li#nav-awards a { background-position: -164px 0; text-decoration: none; color: #FC3; width: 52px; } #navheader #sitenav li#nav-testimonial a { background-position: -218px 0; text-decoration: none; color: #FC3; width: 88px; } #navheader #sitenav li#nav-contact a { background-position: -428px 0; text-decoration: none; color: #FC3; width: 76px; margin-right: 155px; } #navheader #sitenav li#nav-enviro a { background-position: -766px 0; text-decoration: none; color: #FC3; width: 154px; margin-right: 0; } #navheader #sitenav li#enav-about a { background-position: -63px 0; text-decoration: none; color: #FC3; margin-left: 19px; width: 42px;} #navheader #sitenav li#enav-design a { background-position: -308px 0; text-decoration: none; color: #FC3; width: 118px; } #navheader #sitenav li#enav-contact a { background-position: -506px 0; text-decoration: none; color: #FC3; width: 76px; margin-right: 426px; } #navheader #sitenav li#enav-hworx a { background-position: -584px 0; text-decoration: none; color: #FC3; width: 90px; margin-right: 19px; } #navheader #sitenav li#nav-about a:hover { background-position: 0 -45px; text-decoration: none; } #navheader #sitenav li#nav-gallery a:hover { background-position: -107px -45px; text-decoration: none; } #navheader #sitenav li#nav-awards a:hover { background-position: -164px -45px; text-decoration: none; } #navheader #sitenav li#nav-testimonial a:hover { background-position: -218px -45px; text-decoration: none; } #navheader #sitenav li#nav-contact a:hover { background-position: -428px -45px; text-decoration: none; } #navheader #sitenav li#nav-enviro a:hover { background-position: -766px -45px; text-decoration: none; } #navheader #sitenav li#enav-about a:hover { background-position: -63px -45px; text-decoration: none; } #navheader #sitenav li#enav-design a:hover { background-position: -308px -45px; text-decoration: none; } #navheader #sitenav li#enav-contact a:hover { background-position: -428px -45px; text-decoration: none; } #navheader #sitenav li#enav-hworx a:hover { background-position: -584px -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: -107px 0; color: #FFF; } #navheader #sitenav li#nav-awards a:active { background-position: -164px 0; color: #FFF; } #navheader #sitenav li#nav-testimonial a:active { background-position: -218px 0; color: #FFF; } #navheader #sitenav li#nav-contact a:active { background-position: -428px 0; color: #FFF; } #navheader #sitenav li#nav-enviro a:active { background-position: -766px 0; color: #FFF; } #navheader #sitenav li#enav-about a:active { background-position: -63px 0; text-decoration: none; } #navheader #sitenav li#enav-design a:active { background-position: -308px 0; text-decoration: none; } #navheader #sitenav li#enav-contact a:active { background-position: -506px 0; text-decoration: none; } #navheader #sitenav li#enav-hworx a:active { background-position: -584px 0; text-decoration: none; } #navheader.about #sitenav li#nav-about a { background-position: 0 -90px; !important; color: #FFF; } #navheader.gallery #sitenav li#nav-gallery a { background-position: -107px -90px !important; color: #FFF; } #navheader.awards #sitenav li#nav-awards a { background-position: -164px -90px !important; color: #FFF; } #navheader.testimonial #sitenav li#nav-testimonial a { background-position: -218px -90px !important; color: #FFF; } #navheader.contact #sitenav li#nav-contact a { background-position: -428px -90px !important; color: #FFF; } #navheader.eabout #sitenav li#enav-about a { background-position: -63px -90px; text-decoration: none; } #navheader.edesign #sitenav li#enav-design a { background-position: -308px -90px; text-decoration: none; } #navheader.econtact #sitenav li#enav-contact a { background-position: -428px -90px; text-decoration: none; } /* 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; } #epage { 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: #9abf9a; } /* 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; } #threemidright2 { width: 571px; 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; overflow: auto;} #ethreeleftright { width: 264px; height: 350px; padding: 20px; background-color: #9abf9a; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9abf9a', endColorstr='#FFFFFF'); /* for IE */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9abf9a', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#9abf9a), to(#FFF)); /* for webkit browsers */ background: -moz-linear-gradient(top, #9abf9a, #FFF); /* for firefox 3.6+ */ } #ethreemidright { width: 571px; min-height: 350px; height: auto !important; height: 350px; padding: 20px; position: absolute; left: 307px; top: 0; background-color: #9abf9a; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9abf9a', endColorstr='#FFFFFF'); /* for IE */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9abf9a', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#9abf9a), to(#FFF)); /* for webkit browsers */ background: -moz-linear-gradient(top, #9abf9a, #FFF); /* for firefox 3.6+ */ } #ethreemidrighty { width: 616px; min-height: 390px; height: auto !important; height: 390px; position: absolute; left: 304px; top: 0; } /* 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; } #elefthalf{ width: 460px; height: 390px; padding: 0px; background-color: #9abf9a; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9abf9a', endColorstr='#FFFFFF'); /* for IE */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9abf9a', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#9abf9a), to(#FFF)); /* for webkit browsers */ background: -moz-linear-gradient(top, #9abf9a, #FFF); /* for firefox 3.6+ */ } /* 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;} #gallery4 { width: 304px; height: 390px; padding: 0; margin: 0; } #gallery5 { width: 304px; height: 193px; padding: 0; background-color: #333; margin-left: 4px; float: right; } #gallery6 { width: 612px; height: 193px; padding: 0; margin: 0;} #gallery7 { width: 612px; height: 390px; padding: 0; margin: 0; } #gallery8 { width: 304px; height: 193px; padding: 0; background-color: #333; margin-top: 4px;} #gallery9 { width: 304px; height: 390px; padding: 0; background-color: #FFF; float: right; margin-left: 4px;} #gallery13 { float: left; width: 304px; height: 193px; padding: 0; background-color: #333; display:none;} #gallery23 { margin-left:4px; float: left; 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; } #ewelcome { width: 572px; height: 350px; padding: 20px; float: right; margin-left: 4px; background-color: #9abf9a; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9abf9a', endColorstr='#FFFFFF'); /* for IE */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9abf9a', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#9abf9a), to(#FFF)); /* for webkit browsers */ background: -moz-linear-gradient(top, #9abf9a, #FFF); /* for firefox 3.6+ */ } #welcome2 { width: 572px; height: 153px; padding: 20px; background-image: url(http://www.houseworx.co.nz/img/hwbg.gif); background-repeat: repeat-x; background-position: 0 -110px; } #introducing { width: 264px; height: 153px; padding: 20px; background-color: #FFF; background-image: url(../img/new-bg.gif); background-repeat: no-repeat; margin-bottom: 4px; } 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; } .efooter { font-size: 11px; color: #fff; 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;} /* ENVIRO GALLERY */ #gal { width:960px; height:558px; background-image: url(../../img/slideshadow892x558.png); background-repeat:no-repeat; background-position: 38px 0; margin: 0 auto; } #prev {} #slide { width:874px; height:540px; background-image: url(../../gallery/img/es-107p.gif); background-color:#CC0000; margin-top:30px;} .inside {display:inline; } #next {}