/* -------------------------------------------- */ /* (c) Advent Web Solutions */ /* www.adventwebsolutions.co.nz */ /* -------------------------------------------- */ #logo a, #nav a, #panels strong, #gallery, .pdf, #back, .more a, #copyright, #copyright a, h1, #submit{display: block; font-size: 0px; text-indent: -9999px; line-height: 0;} * html *{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);} html{font-size: 100%;} body{background: #222 url(../images/bg.png) repeat-x; color: #fff; font-size: 62.5%; line-height: 1.3; font-family: Arial, Verdana, sans-serif;} html, body{height: 100%;} #wrapper{position: relative; width: 950px; min-height: 100%; margin: 0 auto;} * html #wrapper{height: 100%;} #logo{float: left; background: url(../images/logoBg.png); width: 271px; height: 143px; padding: 51px 0 0 13px;} * html #logo{background: url(../images/logoBg.gif);} #logo a{background-image: url(../images/logo.png); width: 258px; height: 130px;} #logo a:hover{background-position: 0 -130px;} #top img{float: left; margin-left: 30px;} #nav{clear: both; width: 950px; height: 36px; padding-top: 33px;} * html #nav{margin-top: 31px; padding: 0;} #nav li{float: left; display: inline; height: 38px; margin-left: 1px;} #nav .home{margin-left: 0;} #nav a{height: 36px;} #nav a:hover{background-position: 0 -36px;} #nav .current, #nav .current:hover{background-position: 0 -72px; height: 38px;} .home a{background: url(../images/home.png); width: 80px;} * html .home a{background: url(../images/home.gif);} .melt-images a{background: url(../images/images.png); width: 221px;} * html .melt-images a{background: url(../images/images.gif);} .melt-stills-support a{background: url(../images/stills.png); width: 247px;} * html .melt-stills-support a{background: url(../images/stills.gif);} .melt-studio a{background: url(../images/studio.png); width: 232px;} * html .melt-studio a{background: url(../images/studio.gif);} .melt-contact-and-links a{background: url(../images/contact.png); width: 166px;} * html .melt-contact-and-links a{background: url(../images/contact.gif);} #content{background: #222; border-top: 2px solid #373737; font-size: 1.5em; padding: 45px 0;} #footer{background: url(../images/footer.png) repeat-x; height: 84px; min-width: 950px; width: 100%;} #copyright{position: relative; background: url(../images/copyright.png) 0 25px no-repeat; width: 950px; height: 84px; margin: 0 auto;} #copyright a{position: absolute; top: 31px; left: 375px; width: 126px; height: 13px;} #copyright a:hover{border-bottom: 1px solid #5b5b5b;} #panels{width: 100%; margin: 30px 0 40px 0; overflow: auto;} #panels a{float: left; display: block; background: #282828 url(../images/panel.png) no-repeat; text-decoration: none; width: 280px; height: 397px; padding: 8px;} * html #panels a{background: #282828 url(../images/panel.gif) no-repeat; cursor: pointer;} #panels a:hover{background-color: #2b2b2b;} #panels .stills{margin: 0 31px;} #panels strong{width: 280px; height: 225px; padding: 0;} #panels .images strong{background: url(../images/panelPhotographic.jpg);} #panels .stills strong{background: url(../images/panelStills.jpg);} #panels .studio strong{background: url(../images/panelStudio.jpg);} #panels em{display: block; color: #fff; font-size: 0.9em; font-style: normal; padding: 12px 19px;} #panels .stills em{margin-top: 2em;} #panels .studio em{margin-top: 0.7em;} #gallery{float: left; background: url(../images/gallery.png) no-repeat; width: 274px; height: 167px} #gallery:hover{background-position: 0 -167px;} #gallery strong{display: block; height: 11px; margin: 55px auto; padding: 0;} #melt-images #gallery strong{background: url(../images/photographicServicesGallery.png) no-repeat; width: 138px;} #melt-stills-support #gallery strong{background: url(../images/stillsProductionAgencyGallery.png) no-repeat; width: 188px;} #melt-studio #gallery strong{background: url(../images/studioAndEquipmentHireGallery.png) no-repeat; width: 140px;} .pdf{float: left; clear: left; width: 238px; height: 39px; margin: 25px 0pt 0pt 19px;} .pdf:hover{background-position: 0 -39px;} .pdfStillsSupport{background: url(../images/pdfStillsSupport.png) no-repeat;} .pdfStudio{background: url(../images/pdfStudio.png) no-repeat;} .pdfEquipment{background: url(../images/pdfEquipment.png) no-repeat;} #back{float: left; background: url(../images/back.png) no-repeat; width: 274px; height: 167px;} #back:hover{background-position: 0 -167px;} .more li{float: left; margin: 15px 50px 15px 15px;} .moreStudioHire{background: url(../images/moreStudioHire.png) no-repeat; width: 186px; height: 30px; padding-bottom: 8px;} .moreEquipmentHire{background: url(../images/moreEquipmentHire.png) no-repeat; width: 246px; height: 33px; padding-bottom: 5px;} .more a:hover{border-bottom: 5px solid #282828;} #form{float: left;} fieldset{border: 2px dashed #252525; width: 515px; padding: 25px;} fieldset div{padding-top: 3px;} label{float: left; color: #ed1818; font-size: 0.9em; width: 100px; padding-top: 3px;} #form input, #form textarea{background: #272727; border: 0; color: #fff; font-weight: bold; width: 300px; padding: 5px;} #form textarea{font-size: 0.9em; font-family: inherit; width: 400px; height: 150px; margin: 0;} #form .error{border: 1px solid red} #form #submit{position: relative; top: -2px; background: url(../images/send.png) no-repeat; width: 133px; height: 31px; margin-left: 100px;} * html #form #submit{left: 3px;} #form #submit:hover{background-position: -133px 0; cursor: pointer;} /* ss temp*/ .tabstrip, #OpenIDLoginForm_LoginForm_tab, #Log p{display: none;} #MemberLoginForm_LoginForm_tab{width: 100%; overflow: hidden;} #Remember{margin: 15px 0!important;} #Remember input{width: 16px;;} #Remember label{float: none;} address{float: right; width: 335px;} address p{font-size: 0.8em; margin: 0;} h1{height: 22px; margin: 0 0 10px 305px;} #melt-images h1{background: url(../images/hPhotographicServices.png) no-repeat;} #melt-stills-support h1{background: url(../images/hStillsProductionAgency.png) no-repeat;} #melt-studio h1{background: url(../images/hStudioAndEquipmentHire.png) no-repeat;} #melt-studio-hire h1{background: url(../images/hStudioHire.png) no-repeat;} #melt-equipment-hire h1{background: url(../images/hEquipmentHire.png) no-repeat;} #melt-contact-and-links h1{background: url(../images/hContactUs.png) no-repeat;} #melt-contact-and-links h1.links{clear: both; background: url(../images/hLinks.png) 0 30px no-repeat; padding-top: 30px;} strong{background: #282828; color: #ed1818; font-size: 1.1em; font-weight: bold; padding: 3px;} .red a{color: inherit;} .red a:hover{color: inherit;} p, #content ul{margin: 0 0 1em 305px;} #home p, #melt-contact-and-links h1, #melt-contact-and-links p, #melt-contact-and-links ul{margin-left: 0;} #content ul{line-height: 1.5; padding: 10px 15px;} #content li{background: url(../images/ulli.png) 0 0.4em no-repeat; line-height: 1; padding: 0 0 10px 15px;} em{font-style: italic;} a{color: #fff;} a:hover{color: #ed1818;} .email{position: relative; top: 3px;}