/* -------------------------------------------- */ /* (c) Advent Web Solutions */ /* www.adventwebsolutions.co.nz */ /* -------------------------------------------- */ #header, #top, #footer, h1, h2, h4, #panels, #cNav, #send, #contactInfo, #submit, .screenshots, .visitWebsite, .actions a, .size a, .featuredProject a, #temp, #infoBlock, #contactNav{font-size: 0px; text-indent: -9999px; line-height: 0;} /* LAYOUT */ html, body{height: 100%;} #wrapper{position: relative; background: url(/images/container.png) 0 135px repeat-x; width: 100%; min-width: 1000px; min-height: 100%;} #temp{position: absolute; top: 108px; right: 2px; background: url(/images/temp.png) no-repeat; width: 178px; height: 47px;} #header{background: url(/images/header.png) repeat-x; min-width: 1000px; height: 135px;} #top{background: url(/images/top.png) 150px 0 no-repeat; height: 107px;} #logo{float: left; background: url(/images/logo.png) 0 100%;} #logo a{display: block; width: 150px; height: 134px;} #logo a:hover{background: url(/images/logoOn.png) 0 100%;} #nav{float: left; width: 504px; height: 35px; margin-top: 99px;} #nav li, #nav li a{float: left; background-image: url(/images/nav_.png); width: 72px; height: 35px;} .home a{} li.home, .home a:hover{background-position: 0 -35px;} .services a{background-position: -72px 0;} #service .services a, li.services, .services a:hover{background-position: -72px -35px;} .portfolio a{background-position: -144px 0;} #client .portfolio a, li.portfolio, .portfolio a:hover{background-position: -144px -35px;} .about a{background-position: -216px 0;} li.about, .about a:hover{background-position: -216px -35px;} .faq a{background-position: -288px 0;} li.faq, .faq a:hover{background-position: -288px -35px;} .contact a{background-position: -360px 0;} li.contact, .contact a:hover{background-position: -360px -35px} .blog a{background-position: -432px 0;} li.blog, .blog a:hover{background-position: -432px -35px;} #container{overflow: auto; width: 1000px; padding-bottom: 60px;} .block{float: left; position: relative; background: #ffffff url(/images/content.png) repeat-x; width: 495px;} .blockLeft{position: absolute; top: 0; left: 0; background: url(/images/blockLeft.png) no-repeat; width: 14px; height: 63px;} .content{padding: 35px;} .end{position: relative; top: 3px; left: 5px;} .blockRight{position: absolute; top: 0; right: 0; background: url(/images/blockRight.png) no-repeat; width: 14px; height: 63px;} #footer{position: absolute; bottom: 0; background: url(/images/footer.png) repeat-x; width: 100%; min-width: 1000px; height: 29px;} #copyright{float: left; background: url(/images/copyright.png) no-repeat; width: 256px; height: 27px; margin-top: 2px;} /* CONTENT */ .content h1{height: 17px;} h1#adventWebSolutions{background: url(/images/adventWebSolutions.png) no-repeat; width: 210px;} .featuredProject h1{background: url(/images/featuredProject.png) no-repeat; width: 285px; height: 59px;} h1#ourServices{background: url(/images/ourServices.png) no-repeat; width: 122px; margin-bottom: 25px;} h1#contactUs{background: url(/images/contact.png) no-repeat; width: 244px; height: 29px;} h1#FAQ{float: left; background: url(/images/FAQ.png) no-repeat; width: 316px; height: 55px;} .content h2{height: 15px; margin: 0 auto;} #home h2, #portfolio h2, #client h2{height: 25px; margin-top: 15px} h2#ther{background: url(/images/c/ther.png) no-repeat; width: 179px;} h2#king{background: url(/images/c/king.png) no-repeat; width: 174px;} h2#benn{background: url(/images/c/benn.png) no-repeat; width: 121px;} h2#beeb{background: url(/images/c/beeb.png) no-repeat; width: 196px;} h2#hyde{background: url(/images/c/hyde.png) no-repeat; width: 118px;} h2#macl{background: url(/images/c/macl.png) no-repeat; width: 172px;} h2#part{background: url(/images/c/part.png) no-repeat; width: 194px;} h2#ston{background: url(/images/c/ston.png) no-repeat; width: 196px;} h2#back a{display: block; background: url(/images/backToServices.png) no-repeat; width: 94px; height: 11px;} h3{font-weight: normal;} p, .list{color: #3b3b3b; font: 12px/22px Arial, sans-serif; text-align: justify; margin: 15px 0;} strong{font-weight: bold;} blockquote{float: right; background: url(/images/blockquote.png) 0 3px no-repeat; color: #5c5c5c; font: 14px/24px Arial, sans-serif; text-align: justify; font-weight: bold; text-indent: 25px; font-style: italic; width: 150px; margin: 20px 10px 20px 40px;} blockquote img{position: relative; top: 5px; margin-left: 10px;} #about blockquote{float: left; text-align: left; margin: 15px 30px 20px 10px;} em{color: #a71a1c; font-style: italic;} a{color: #a71a1c; text-decoration: none;} a:hover{text-decoration: underline;} /* HOME */ .featuredProject{float: left; background: none; width: 285px; margin: 55px 0 0 154px; padding: 0;} .featuredNav{margin-top: 5px; height: 11px;} .moreAboutThis{float: left;} .moreProjects{float: right;} .moreAboutThis a{display: block; background: url(/images/moreAboutThis.png) no-repeat; width: 111px; height: 11px;} .moreProjects a{display: block; background: url(/images/moreProjects.png) no-repeat; width: 99px; height: 11px;} .moreAboutThis a:hover, .moreProjects a:hover{background-position: 0 -11px;} #home .screenshot{left: -7px; background: url(/images/screenshotHome.png) no-repeat; width: 265px; height: 195px; margin-top: 10px; padding: 20px 18px 0 18px;} #home .screenshots{padding-top: 6px;} #home .visitWebsite{bottom: 21px;} #testimonial{clear: both; width: 650px; margin: 0 auto; padding: 20px 0 27px 0;} #testimonial p{text-align: center; font-style: italic; margin: 0;} #testimonial h3{background: url(/images/testimonialDash.png) 50% 0 no-repeat; font: 12px Arial, Verdana, sans-serif; text-align: center; margin-top: 10px; padding-top: 13px;} /* SERVICES */ #weOffer{background: url(/images/weOffer.png) no-repeat; padding: 7px 0 20px 53px;} #weOffer h2{margin: 0;} h2#design{background: url(/images/design.png) no-repeat; width: 56px;} h2#usability{background: url(/images/usability.png) no-repeat; width: 79px;} h2#onlineMarketing{background: url(/images/onlineMarketing.png) no-repeat; width: 150px;} h2#contentManagement{background: url(/images/contentManagement.png) no-repeat; width: 183px;} h2#multimediaFlash{background: url(/images/multimediaFlash.png) no-repeat; width: 157px;} h2#applications{background: url(/images/applicationDevelopment.png) no-repeat; width: 216px;} .list{line-height: 18px; padding-left: 15px;} .list li{color: #1c1c1c; background: url(/images/list.png) 0 7px no-repeat; padding: 0 0 5px 7px;} #services h3, #service h3{position: relative; left: -15px; display: inline; background: url(/images/bullet.png) 5px 55% no-repeat; border-bottom: 1px dashed #cdcdcd; color: #9bc508; font-family: Verdana, sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 2px 15px;} #services p, #service p{line-height: 18px; margin: 10px 0 15px 0;} /* PORTFOLIO & CLIENT */ #portfolio .main{width: 762px; padding-top: 0px;} #client .main{width: 301px;} #client .content{padding: 0;} #client .desc{background: none; width: 400px; margin: 10px 0 0 25px;} .panel{float: left; border-right: 1px dotted #cfcfcf; width: 200px; height: 210px; margin-bottom: 20px; padding: 15px;} .last{border: 0;} .panel p{color: #5f5f5f; font-size: 11px; line-height: 14px;} .tn{display: block; background: url(/images/tn.png) no-repeat; width: 120px; height: 68px; margin: 0 auto; padding: 7px 7px 0 7px;} .tn:hover{background: url(/images/tnOn.png) no-repeat;} .screenshot{position: relative; background: url(/images/screenshot.png) no-repeat; width: 265px; height: 189px; padding: 18px 18px 0 18px;} .theme{text-align: center; padding: 15px 0;} h4{height: 11px;} h4.theClient{background: url(/images/theClient.png) no-repeat; width: 67px;} h4.whatWeDid{background: url(/images/whatWeDid.png) no-repeat; width: 80px;} #client p{line-height: 18px} /* ABOUT */ #infoBlock{float: left; background: url(/images/logoLarge.png) no-repeat; margin: 55px 0 0 73px;} #infoBlock ul{background: url(/images/software.png) 1px 0 no-repeat; width: 360px; height: 135px; margin-top: 394px; padding-top: 62px;} #infoBlock li{float: left; margin-right: 43px;} #infoBlock a{display: block; width: 28px; height: 30px;} #infoBlock a:hover{border-bottom: 4px solid #a71a1c;} #about .red, .blue, .green{background: url(/images/dotted.png) 0 100% repeat-x; padding-bottom: 1px;} .red{color: #a81a1c;} .blue{color: #4f9cef;} .green{color: #9bc508;} span a{color: inherit; text-decoration: none;} .red a:hover{color: #d34a4c;} .blue a:hover{color: #73b2f6;} .green a:hover{color: #b1d532;} /* FAQ */ #faq #content{padding: 25px; width: 550px} #quickSearch{margin: 16px 0 0 320px;} #search{float: left; background: url(/images/quickSearch.png) no-repeat; border: 0; color: #a81a1c; width: 121px; height: 25px; padding: 4px 0 0 92px;} #submit{display: block; float: left; background: url(/images/search_.png) no-repeat; width: 51px; height: 25px;} #submit:hover{background-position: 0 -25px;} /* CONTACT */ #contact .main{width: 392px;} #contact .main .content{padding: 30px;} form{margin-top: 15px;} #send{display: block; float: left; background: url(/images/send.png) no-repeat; width: 62px; height: 62px;} #send:hover{background: url(/images/sendOn.png) no-repeat;} #name, #email{border: 0; font-size: 12px; width: 180px; margin-left: 5px; padding: 6px 0 15px 80px;} #name{background: url(/images/name.png) no-repeat;} #email{background: url(/images/email.png) no-repeat;} #message{clear: both; background: url(/images/message.png) no-repeat; border: 0; font: 11px/16px Arial, sans-serif; width: 332px; height: 255px; padding: 25px 5px 5px 5px; overflow: auto;} #contactInfo{float: left; background: url(/images/contactInfo.png) no-repeat; width: 313px; height: 118px; margin: 35px 0 0 25px} /*NEW #contact .main{top: 5px; left: 5px; width: 950px;} #contact .blockLeft{background: url(/images/contactLeft.png) no-repeat; width: 10px; height: 310px;} #contact .main .content{background: url(/images/contactBg.png) repeat-x; padding: 80px 0 0 45px; min-height: 310px;} #contact .blockRight{background: url(/images/contactRight.png) no-repeat; width: 365px; height: 43px;} #contactNav{position: absolute; top: 3px; left: 3px;} #contactNav li{float: left; height: 40px;} .enquiry{background-image: url(/images/generalEnquiry.png); background-position: 0 -80px; width: 180px;} .enquiry a{display: block; background-image: url(/images/generalEnquiry.png); width: 180px; height: 40px;} .enquiry a:hover{background-position: 0 -40px;} .quote{background-image: url(/images/requestAFreeQuote.png); background-position: 0 -80px; width: 220px;} .quote a{display: block; background-image: url(/images/requestAFreeQuote.png); width: 220px; height: 40px;} .quote a:hover{ background-position: 0 -40px;} .apply{background-image: url(/images/applyForAJob.png); background-position: 0 -80px; width: 169px;} .apply a{display: block; background-image: url(/images/applyForAJob.png); width: 169px; height: 40px;} .apply a:hover{background-position: 0 -40px;} .info{position: absolute; top: 100px; right: 75px; background: url(/images/info.png) 0 6px no-repeat; color: #807c7c; font: 12px/18px Arial, Verdana, sans-serif; text-align: justify; text-indent: 10px; width: 150px;} form{width: 600px; margin-left: 0px;} form div{position: relative; border-bottom: 1px solid #eaeaea; width: 100%; padding: 15px 15px 15px 45px; overflow: auto;} .stepOne{background: url(/images/stepOne.png) no-repeat;} .stepTwo{background: url(/images/stepTwo.png) no-repeat;} .stepThree{background: url(/images/stepThree.png) no-repeat;} .stepFour{background: url(/images/stepFour.png) no-repeat;} .stepFive{background: url(/images/stepFive.png) no-repeat;} .stepOne, .stepTwo, .stepThree, .stepFour, .stepFive{background-position: 3px 12px;} .error {color: red; line-height: 14px; font-style: italic;} form input, form textarea{float: right; color: #6d6d6d; font-family: Arial, Verdana; font-weight: bold; border: 1px solid #aeaeae; width: 300px; padding: 6px;} form textarea{font-size: 14px; font-weight: normal; height: 150px;} form h3{font-size: 12px; font-family: Arial, Verdana; font-weight: bold; text-transform: uppercase;} .formEnquiry{color: #4f9cef;} .formQuote{color: #4f9cef;} form p{font-style: italic; margin: 0;} */ /* BLOG */ #blog .main{background: none; width: 550px; margin: 40px 0 0 30px;} #blog .content{padding: 0;} #blog .side{float: left; background: none; width: 334px; margin: 80px 0 0 55px/*re-align*/; padding: 0;} * html #blog .side{margin-left: 50px;} #blog .main h1{float: right; height: 19px;} h1#newWebsite{background: url(/images/b/newWebsite.png) no-repeat; width: 198px;} .actions{float: right; clear: right; width: 42px; height: 16px; margin: 4px 0;} * html .actions{width: 50px;} .actions li{float: left; margin-left: 5px;} .actions a{display: block; width: 16px; height: 16px;} .digg a{background: url(/images/digg_.png) no-repeat;} .comments a{background: url(/images/comments_.png) no-repeat; color: #6c6c6c; font: 10px/16px Arial, Verdana, sans-serif; text-indent: -2px; text-align: center; text-decoration: none;} .actions a:hover{background-position: 0 -16px;} .desc{clear: right; background: url(/images/desc.png) 100% 0 no-repeat; padding-top: 18px;} * html .desc{padding-top: 8px;} .desc h2{color: #767676; font: 11px Arial, Verdana, sans-serif; text-align: right; text-indent: 0; margin-bottom: 5px;} .desc strong{color: #9bc508; font-weight: normal; text-transform: uppercase; margin-right: 5px;} .filed .tag{float: right; position: relative; top: -6px; left: 9px;} .filed strong{float: right; position: relative; left: 9px;} .article{} .article .first{color: #a81a1c; font: 18px Arial; text-transform: uppercase;} .tag{float: left; position: relative; top: 3px; left: 0; background: url(/images/tag.png) repeat-x; text-decoration: none; cursor: pointer;} * html .tag{width: 5px;} .tag em{display: block; float: left; background: url(/images/tagLeft.png) no-repeat; color: #fff; font: 10px/24px Arial, Verdana, sans-serif; height: 29px;} .tag span{display: block; background: url(/images/tagRight.png) 100% 0 no-repeat; height: 29px; padding: 0 15px;} .tag:hover{background: url(/images/tagOn.png) repeat-x;} .tag:hover em{background: url(/images/tagLeftOn.png) no-repeat;} .tag:hover span{background: url(/images/tagRightOn.png) 100% 0 no-repeat;} .active .tag, .active .tag:hover{background: url(/images/tagA.png) repeat-x;} .active .tag:hover{cursor: default;} .active .tag em, .active .tag:hover em{background: url(/images/tagLeftA.png) no-repeat;} .active .tag span, .active .tag:hover span{background: url(/images/tagRightA.png) 100% 0 no-repeat;} .size{clear: both; background: url(/images/size.png) 0 100% no-repeat; width: 233px; padding: 10px 0 18px 0;} .size a{display: block; height: 25px; margin: 0 auto;} .size a.more{background: url(/images/more_.png); width: 28px;} .size a.more:hover{background-position: -28px 0;} .size a.less{background: url(/images/less_.png); width: 23px;} .size a.less:hover{background-position: -23px 0;} /* LISTS */ #vNav{float: left; background: url(/images/vNav.png) no-repeat; width: 72px; height: 17px; padding: 8px 4px 0 12px} #vNav li a{float: left; background-image: url(/images/vNav_.png); width: 16px; height: 11px; margin-right: 8px;} .xhtml a{} .xhtml a:hover{background-position: 0 -11px;} .css a{background-position: -16px 0;} .css a:hover{background-position: -16px -11px;} .rss a{background-position: -32px 0;} .rss a:hover{background-position: -32px -11px;} #sNav{float: left; position: relative; left: -12px; background: url(/images/sNav.png) no-repeat; height: 350px; padding: 60px 0 0 3px} #sNav a{display: block; background: url(/images/sNavOff.png) no-repeat; color: #a81a1c; font-size: 10px; font-family: Verdana, Arial; text-transform: uppercase; text-decoration: none; width: 235px; height: 24px; padding: 13px 0 0 35px;} #sNav a:hover{background: url(/images/sNavOn.png) no-repeat;} #sNav li.active a, #sNav li.active a:hover{background: url(/images/sNavActive.png) no-repeat; font-size: 14px; height: 46px; height: 31px; padding: 15px 0 0 40px;} #faqResults{clear: both; margin: 15px 48px 0 0;} #faqResults li{font-family: Arial, sans-serif; margin-left: 48px;} li.status{color: #4f789f; font-size: 14px; text-transform: uppercase; margin: 0 0 15px 65px!important;} li.a{border-top: 1px dotted #9bc508; border-bottom: 1px dotted #9bc508; margin: 10px 0; padding: 10px 0 0 10px;} #faqResults a{color: #a81a1c; font-size: 12px; line-height: 20px; text-transform: uppercase; text-decoration: none; padding-right: 55px;} #faqResults li.q a{background: url(/images/showAnswer.png) 100% 50% no-repeat;} #faqResults li.a a{background: url(/images/hideAnswer.png) 100% 50% no-repeat; padding-right: 51px;} #faqResults p{font-size: 12px; line-height: 14px;} #faqResults .q p{display: none;} #faqResults .a p{display:block} #archive{background: url(/images/archive.png) no-repeat; padding-top: 45px;} * html #archive{width: 100%; overflow: auto;} #archive li{clear: both;} a.item{display: block; float: left; border-bottom: 1px dotted #ffe2e2; color: #a81a1c; font: 11px/30px Arial, Verdana, sans-serif; text-decoration: none; width: 234px; overflow: auto;} a.item strong, a.item em{display: block; float: left; padding: 0 3px;} a.item strong{font-weight: normal; width: 156px;} a.item em{text-align: right; font-style: normal; width: 66px;} a.item:hover{background: #fafafa;} a.item:hover strong, li.active a.item strong{font-weight: bold;} #fNav{position: absolute; top: 2px; right: 0; width: 326px; height: 27px;} #fNav li, #fNav li a{float: left; background-image: url(/images/fNav_.png); height: 27px;} #fNav .home a{width: 39px;} #fNav li.home, #fNav .home a:hover{background-position: 0 -27px; width: 39px;} #fNav .services a{background-position: -39px 0; width: 58px;} #service #fNav .services a, #fNav li.services, #fNav .services a:hover{background-position: -39px -27px; width: 58px;} #fNav .portfolio a{background-position: -94px 0; width: 65px;} #client #fNav .portfolio a, #fNav li.portfolio, #fNav .portfolio a:hover{background-position: -94px -27px; width: 65px;} #fNav .about a{background-position: -159px 0; width: 44px;} #fNav li.about, #fNav .about a:hover{background-position: -159px -27px; width: 44px;} #fNav .faq a{background-position: -203px 0; width: 28px;} #fNav li.faq, #fNav .faq a:hover{background-position: -203px -27px; width: 28px;} #fNav .contact a{background-position: -231px 0; width: 55px;} #fNav li.contact, #fNav .contact a:hover{background-position: -231px -27px; width: 55px;} #fNav .blog a{background-position: -286px 0; width: 35px;} #fNav li.blog, #fNav .blog a:hover{background-position: -286px -27px; width: 35px;} .screenshots{margin: 0 auto; width: 40px; padding-top: 5px;} .screenshots li{float: left; background-repeat: no-repeat; background-position: 50% -7px; width: 10px; height: 7px;} .screenshots a{display: block; background-position: 50% 0; background-repeat: no-repeat; width: 10px; height: 7px;} .screenshots .one a, .one{background-image: url(/images/1.png);} .one, .one a:hover{background-position: 50% -7px;} .screenshots .two a, .two{background-image: url(/images/2.png);} .two, .two a:hover{background-position: 50% -7px;} .screenshots .three a, .three{background-image: url(/images/3.png);} .three, .three a:hover{background-position: 50% -7px;} .screenshots .four a, .four{background-image: url(/images/4.png);} .four, .four a:hover{background-position: 50% -7px;} .visitWebsite{position: absolute; right: 18px; bottom: 16px;} .visitWebsite a{display: block; background: url(/images/visitWebsite.png) no-repeat; width: 56px; height: 7px;} .visitWebsite a:hover{background-position: 0 -7px;} /* MISC */ * html #wrapper{height: 100%;} .wrap{width: 1000px;} *+html #sNav li{float: left; clear: both;} * html #sNav li{float: left; clear: both;} *+html #name, *+html #email{padding: 6px 0 13px 80px;} * html #name, * html #email{padding: 6px 0 13px 80px;} * html #sNav li{float: left; clear: both;} * html .blockRight{right: -1px;} *+html .screenshots{padding-top: 4px;} * html .screenshots{padding-top: 2px;}