@charset "UTF-8"; body { background-image: url(/portfolio/../css/../img/bg.jpg); margin: 0px; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #646464; } .wrap { width: 960px; margin: 0 auto; } .left { float: left; } .right { float: left; }  #navigation { background-image: url(/portfolio/../css/../img/nav-bg.gif); height: 42px; } #navigation .wrap { background: url(/portfolio/../css/../img/contact-us.jpg) top right no-repeat; height: 42px; } #navigation ul { display: block; text-indent: -9999px; list-style-type: none; margin: 0px; padding: 0px; } #navigation ul li{ display: inline; } #navigation a { float: left; background-image: url(/portfolio/../css/../img/nav-sprite.jpg); background-position: 0px 0px; display: block; width: 80px; height: 42px; } #navigation a:hover { background-position: 0px -42px; } #navigation a:active, #navigation a.active { background-position: 0px -84px; } #navigation a#webdesign { background-position: -80px -0px; width: 115px; } #navigation a#webdesign:hover { background-position: -80px -42px; } #navigation a#webdesign:active, #navigation a#webdesign.active { background-position: -80px -84px; } #navigation a#weboptimisation { background-position: -195px -0px; width: 157px; } #navigation a#weboptimisation:hover { background-position: -195px -42px; } #navigation a#weboptimisation:active, #navigation a#weboptimisation.active { background-position: -195px -84px; } #navigation a#portfolio { background-position: -352px -0px; width: 142px; } #navigation a#portfolio:hover { background-position: -352px -42px; } #navigation a#portfolio:active, #navigation a#portfolio.active { background-position: -352px -84px; } #navigation a#contact { background-position: -494px -0px; width: 117px; } #navigation a#contact:hover { background-position: -494px -42px; } #navigation a#contact:active, #navigation a#contact.active { background-position: -494px -84px; }  #header { background-image: url(/portfolio/../css/../img/bokeh.jpg); height: 287px; background-repeat: repeat-x; } #header .wrap { width: 342px; height: 152px; background: url(/portfolio/../css/../img/header-sprite.png); padding: 136px 0px 0px 618px; }  #content { background: #FFF url(/portfolio/../css/../img/content-bg.jpg) repeat-x; padding-bottom: 25px; } #content .wrap { width: 940px; } * html #content .wrap { width: 980px; padding-left: 40px; } #content #intro{ position: relative; width: 938px; height: 153px; margin-bottom: 35px; } #content #introbox { background-image: url(/portfolio/../css/../img/intro-box.jpg); width: 872px; height: 109px; padding: 22px 33px; } #content #introbox h1 { margin: 0px; padding: 0px; font-size: 26px; letter-spacing: -1px; line-height: 1.2em; } #content #introbox p { color: #868686; font-size: 1.6em; padding: 0px; margin: 4px 0px 0px; font-family: Cambria, serif; line-height: 1.5em; } #content a.ourpackages{ background-image: url(/portfolio/../css/../img/our-packages.jpg); width: 169px; height: 35px; position: absolute; top: -35px; right: 25px; display: block; text-indent: -9999px; } #content a.ourpackages:hover{ background-image:url(/portfolio/../css/../img/our-package-hover.jpg); } #content a.ourpackages:active{ background-image:url(/portfolio/../css/../img/our-package-active.jpg); } #content a.back{ background-image: url(/portfolio/../css/../img/back.jpg); width: 169px; height: 35px; position: absolute; top: -35px; right: 25px; display: block; text-indent: -9999px; } #content a.back:hover{ background-image:url(/portfolio/../css/../img/back-hover.jpg); } #content a.back:active{ background-image:url(/portfolio/../css/../img/back-active.jpg); } #content #packagesbox{ background-image: url(/portfolio/../css/../img/webdesign/intro-box.jpg); width: 919px; height: 109px; padding: 22px 19px 22px 0px; position: absolute; top: 0px; left: 0px; } #content #packagesbox .column{ float: left; width: 229px; height: 109px; border-right: #d7d7d7 1px solid; text-shadow: #fff 1px 1px 1px; position: relative; } #content #packagesbox .column.end{ border-right: none; } #content #packagesbox h4{ font-size:1.5em; text-align: center; padding-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #content #packagesbox span{ font-weight: bold; font-size: 1.3em; color: #737373; text-align: center; display: block; padding-top: 3px; } #content #packagesbox span img{ margin: 0px 0px -3px 2px; } #content #packagesbox span.price{ color: #0e7ca3; font-size: 3.4em; font-weight: bold; margin-top: 7px; } .trigger { } .popup { position: absolute; width: 168px; height: 83px; background-image: url(/portfolio/../css/../img/popup.png); z-index: 50; padding: 20px 15px; text-align: center; color: #FFF; text-shadow: #1695c3 1px 1px 1px; top: -110px; left: 33px; } .popup span{ font-size: 15px; font-weight: bold; color: #FFF!important; margin: 3px 0px; } .popup p{ font-size: 12px; } .popup a.order{ background-image: url(/portfolio/../css/../img/order.jpg); width: 79px; height: 19px; display: block; text-indent: -9999px; margin: 0 auto; margin-top: -5px; } .popup a.order:hover{ background-image: url(/portfolio/../css/../img/order-hover.jpg); } .popup a.order:active{ background-image: url(/portfolio/../css/../img/order-active.jpg); } #content .left, #content .right{ width: 418px; padding: 0px 30px 20px 20px; } #content .left p, #content .right p{ font-size: 1.3em; line-height: 1.5em; } #content h2.sjl{ padding: 8px 0px 20px 45px; background: url(/portfolio/../css/../img/sjl.gif) top left no-repeat; } #content .right h2.website{ padding: 8px 0px 20px 45px; background: url(/portfolio/../css/../img/websitedesign-icon.gif) top left no-repeat; } #content a.quote{ background-image: url(/portfolio/../css/../img/quote-sprite.jpg); width: 299px; height: 45px; display: block; text-indent: -9999px; margin-top: 20px; } #content a.quote:hover{ background-position: 0px -45px; } #content a.quote:active{ background-position: 0px -90px; } #content .left ul, #content .left ol, #content .right ul, #content .right ol{ font-size: 1.3em; padding: 0px 0px 15px 25px; margin: 0px; } #content .left li, #content .right li{ padding: 0px 0px 6px 0px; } #content ol.numbers{ background: url(/portfolio/../css/../img/ol-bg.gif) 0px 16px no-repeat; list-style-type: none; margin: -6px 0px 10px; } #content ol.numbers li{ padding: 16px 0px 0px; margin: 0px; line-height: 1.3em; font-family: Cambria, serif; font-style: italic; font-size: 1.1em; }  #wizard{ background-image: url(/portfolio/../css/../img/form-bg.jpg); width: 262px; height: 245px; float: left; padding: 15px 40px; overflow: hidden; position: relative; } #wizard h3{ font-size: 2em; padding: 17px 0px 0px 30px; } #wizard fieldset, #wizard form { border:none; padding: 0px; margin: 0px;} #wizard label { display:block; text-indent: -9999px; font-size: 1px;} #wizard .formstyle, #wizard textarea{ width:242px; padding:10px 8px; font-size: 1.2em; border:solid 1px #cacaca; margin-top: 3px; color: #828383; font-family: Cambria, serif;} #wizard .formstyle{ background-image: url(/portfolio/../css/../img/form-bg.gif); } #wizard textarea{ background-image: url(/portfolio/../css/../img/textarea-bg.gif); height: 57px; } #wizard .formstyle:focus, #wizard textarea:focus{ border-color: #adadad; } #wizard .prev, #wizard .next { margin-top: 6px; width: 103px; height: 34px; display: block; text-indent: -9999px;} #wizard .prev:hover, #wizard .next:hover { } #wizard .prev { float:left; background-image: url(/portfolio/../css/../img/webform-back.gif); } #wizard .next { float:right; background-image: url(/portfolio/../css/../img/webform-proceed.gif); } #wizard .send{ background-image: url(/portfolio/../css/../img/webform-send.gif); border: none; margin-top: 6px; width: 103px; height: 34px; float: right; cursor: pointer; } .error,.callbackerror{ color: #F00; text-indent: 0px!important; font-size: 12px!important; margin-top: 2px; } #message{ width: 262px; height: 245px; } #message p{ font-size: 1.3em; padding: 6px 0px 0px 30px; } #message img{ margin: 25px 0px 0px 50px }  #testimonials{ background-image: url(/portfolio/../css/../img/testimonials-bg.jpg); width: 494px; height: 225px; float: right; padding: 15px 45px 30px; margin-top: 3px; position: relative; } #testimonials h3{ font-size: 2em; padding: 17px 0px 0px 30px; } #testimonials #slider { width: 494px; height: 185px; overflow: hidden; } #testimonials ul { margin: 0px; padding: 0px; list-style: none; } #testimonials ul li { width: 494px; height: 165px; float: left; font-size: 20px; font-family: Cambria, serif; line-height: 1.5em; color: #868686; padding-top: 25px; font-style: italic; } #testimonials ul li span{ display: block; margin-top: 26px; font-size: 14px; font-family: "Lucida Sans Unicode", sans-serif; text-align: right; font-style: normal; } #testimonialprev a, #testimonialnext a{ background-image: url(/portfolio/../css/../img/testimonial-btn.png); width:45px; height:45px; position:absolute; left:-7px; top:98px; z-index:5000; display:block; text-indent: -9999px; } #testimonialnext a{ background-position: -45px 0px; left: 547px; }  #packages{ width: 100%; background-image: url(/portfolio/../css/../img/packages-bg.jpg); background-repeat: repeat-x; height: 310px; margin-bottom: 30px; padding-top: 25px; } #packages .wrap{ width: 960px; } #packages .left, #packages .right{ padding: 0px 20px 0px 0px; width: 450px; position: relative; } #packages .web-design-image { float: left; margin-top: 10px; } #packages ul { float: right; list-style-type: none; width: 175px; padding: 0px; margin: 0px 0px 0px; } #packages ul li{ border-bottom: #CCC 1px dashed; padding: 0px 0px 10px; display: block; margin: 10px 0px 0px; } #packages h3{ font-size: 2.0em; text-shadow: 0px 2px 2px #FFF; color: #5a5a5a; } #packages .price{ position: absolute; top: 25px; left: 190px; }  #services{ background-image: url(/portfolio/../css/../img/our-service.jpg); background-position: 0px 17px; background-repeat: no-repeat; width: 938px; height: 295px; padding-top: 64px; margin: 0px 0px 47px; overflow: hidden; position:relative; } #services .call-us{ position: absolute; top: 32px; right: 0px; font-size: 1.8em; color: #0e7ca3; font-family: "Lucida Sans Unicode", sans-serif; letter-spacing: -1px; } #services-right{ width: 700px; height: 295px; float: right; } #services-right ul{ padding: 0px; margin: 0px; list-style-type: none; } #services-right ul li{ width: 700px; height: 275px; float: left; } #services-right .left{ width: 219px; padding: 45px 0px 0px 5px; } #services-right .left h3{ padding: 0px; } #services-right .left span{ font-size: 1.4em; color: #6a6a6a; display: block; padding-bottom: 14px; } #services-right .right{ background-image: url(/portfolio/../css/../img/services-wd-bg.jpg); background-repeat: no-repeat; background-position: 22px 41px; width: 425px; height: 106px; padding-top: 108px; } #services-right .right ol{ padding: 6px 0px 0px; margin: 0px; list-style-type: none; } #services-right .right li{ width: 155px; height: 41px; padding: 0px 0px 0px 57px; font-weight: bold; font-size: 0.9em; text-shadow: #fff 1px 1px 1px; margin: 0px; } #services-right .right.seo{ background-image: url(/portfolio/../css/../img/services-seo-bg.jpg); } #services-right .right.ecommerce{ background-image: url(/portfolio/../css/../img/services-ecom-bg.jpg); } #services-right .left.contact{ width: 265px; margin-left: 40px; padding-top: 40px; } #services-right .right.contact{ width: 335px; background-image: url(/portfolio/../css/../img/services-contact-bg.jpg); padding-top: 92px; height: 136px; background-position: -30px 10px; } #services-right label{ display: block; text-indent: -9999px; font-size: 1px; } #services-right .formstyle, #services-right textarea{ width:242px; padding:10px 8px; font-size: 1.2em; border:solid 1px #cacaca; margin-top: 3px; color: #828383; font-family: Cambria, serif;} #services-right .formstyle{ background-image: url(/portfolio/../css/../img/form-bg.gif); } #services-right textarea{ background-image: url(/portfolio/../css/../img/textarea-bg.gif); height: 57px; } #services-right .formstyle:focus, #services-right textarea:focus{ border-color: #adadad; } .button{ background-image: url(/portfolio/../css/../img/services-send.jpg); width: 220px; height: 39px; border: none; margin: 5px 0px 0px 38px; cursor: pointer; } #services-right #message{ width: 300px; margin: 0 auto; text-align: center; display:block; padding-top: 40px; } ol#control { margin:0px 0px 0px; padding:0; height:295px; width: 207px; float: left; list-style-type: none;} ol#control li a { display: block; width: 174px; height:59px; background-image: url(/portfolio/../css/../img/services-sprite.jpg); text-decoration:none; padding: 15px 0px 0px 33px; } ol#control li.current a,ol#control li.current a:hover { cursor: default; background-position: -207px 0px; } ol#control li a:hover { background-position: -414px 0px; } ol#control li a:active { background-position: -621px 0px; } ol#control li#control2 a { background-position: 0px -74px; height: 57px; } ol#control li#control2.current a,ol#control li#control2.current a:hover { background-position: -207px -74px; } ol#control li#control2 a:hover { background-position: -414px -74px; } ol#control li#control2 a:active { background-position: -621px -74px; } ol#control li#control3 a { background-position: 0px -146px; height: 57px; } ol#control li#control3.current a,ol#control li#control3.current a:hover { background-position: -207px -146px; } ol#control li#control3 a:hover { background-position: -414px -146px; } ol#control li#control3 a:active { background-position: -621px -146px; } ol#control li#control4 a { background-position: 0px -220px; height: 61px; } ol#control li#control4.current a,ol#control li#control4.current a:hover { background-position: -207px -220px; } ol#control li#control4 a:hover { background-position: -414px -220px; } ol#control li#control4 a:active { background-position: -621px -220px; }  #footer { background: url(/portfolio/../css/../img/footer-bg.jpg) repeat-x; height: 418px; } #footer .wrap{ background-image: url(/portfolio/../css/../img/footer.jpg); height: 307px; width: 960px; background-repeat: no-repeat; } #footer a{ color: #eaeaea; text-decoration: none; } #footer a:hover{ color: #00b2da; } #footer .column{ width: 225px; float: left; padding: 33px 15px 0px 0px; position: relative; height: 230px; } #footer .column h4{ color: #fbfbfb; font-size: 1.4em; text-shadow: #222 1px 0px 1px; } #footer .column ul{ padding: 0px; margin: 10px 0px; list-style-type: none; color: #eaeaea; font-size: 1.2em; line-height: 1.5em; } #footer .column ul li{ margin-bottom: 3px; } #footer .column.news ul li{ margin-bottom: 7px; } #footer #twitter_div li { font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.6em; display:block; } #footer #twitter_div li span{ font-family: Arial, Helvetica, sans-serif; display:block; font-size: 0.9em; font-style: normal; margin-top: 15px; font-size: 0.9em; } #footer .column #faq { width: 170px; height: 130px; position: relative; overflow: hidden; margin: 5px 0 0 15px; text-align: center; } #footer .column #faq li { width: 170px; height: 130px; position: relative; overflow: hidden; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.6em; } #footer .column #faq p { position: absolute; left: 40px; top: 98px; font-weight: bold; padding: 0px; margin: 0px; font-size: 1.2em; font-weight: normal; color: #fbfbfb; } #faqnext a, #faqprev a{ background-image: url(/portfolio/../css/../img/faq-left.jpg); width: 21px; height: 21px; position: absolute; top: 169px; left: 23px; z-index:1000; display: block; text-indent: -9999px; } #faqnext a{ background-image: url(/portfolio/../css/../img/faq-right.jpg); left: 150px; } #footer #sitemap{ clear: both; padding-top: 60px; color: #c2c2c2; text-align: center; font-size: 1.1em; } #footer #sitemap ul{ padding: 0px; margin: 0px 0px 15px; list-style-type: none; } #footer #sitemap li{ display: inline; margin: 0px 10px; text-transform: uppercase; } #footer #sitemap a{ color: #c2c2c2; } #footer #sitemap a:hover{ color: #00b2da; }  h1,h2,h3,h4{ color: #0e7ca3; font-family: "Lucida Sans Unicode", sans-serif; margin: 0px; padding: 10px 0px; font-weight: normal; line-height: 1.2em; } h2{ font-size: 2em; letter-spacing: -1px; } h3{ font-size: 1.9em; letter-spacing: -1px; } p{ margin: 0px; padding: 0px 0px 14px; line-height: 1.5em; } a{ outline: none; color: #646464; } a:hover{ color: #0e7ca3; } a:active{ color: #0e7ca3; text-decoration: none; } a img{ border: none; }  .clear { clear: both; height: 40px; } #portfoliolink{ position: absolute; left: -9px; top: 243px; width:96px; height: 73px; z-index: 3; } @charset "UTF-8"; #header .wrap.webdesign{ background-image: url(/portfolio/../css/../img/webdesign/header.png); width: 321px; height: 149px; padding: 139px 0px 0px 639px; } #header .wrap.contact{ background-image: url(/portfolio/../css/../img/contact/header.png); width: 331px; height: 152px; padding: 136px 0px 0px 629px; } #header .wrap.weboptimisation{ background-image: url(/portfolio/../css/../img/seo/header.png); width: 286px; height: 152px; padding: 136px 0px 0px 674px; } #header .wrap.portfolio{ background-image: none; width: 940px; height: 278px; padding: 10px 10px 0px 10px; } #header .wrap.blog{ background-image: url(/portfolio/../css/../img/blog/header.png); width: 286px; height: 145px; padding: 143px 0px 0px 674px; } #header .wrap.branding{ background-image: url(/portfolio/../css/../img/branding/header.png); width: 282px; height: 148px; padding: 140px 0px 0px 678px; } #header .wrap.misc{ background-image: url(/portfolio/../css/../img/misc-header.png); width: 282px; height: 148px; padding: 140px 0px 0px 678px; } #header .wrap.wordpress{ background-image: url(/portfolio/../css/../img/webdesign/header-wordpress.png); width: 321px; height: 149px; padding: 139px 0px 0px 639px; } #header .wrap.magento{ background-image: url(/portfolio/../css/../img/webdesign/header-magento.png); width: 321px; height: 149px; padding: 139px 0px 0px 639px; } #content #introbox { background-image: url(/portfolio/../css/../img/webdesign/intro-box.jpg); width: 872px; height: 99px; padding: 32px 33px 22px; margin-bottom: 35px; } #content #introbox.weboptimisation{ background-image: url(/portfolio/../css/../img/seo/intro-box.jpg); width: 476px; height: 100px; padding: 32px 433px 22px 33px; } #content #introbox.weboptimisation p{ font-size: 1.8em; } #content #introbox.portfolio{ margin-top: 100px; } #content #introbox h1 { font-size: 2.2em; } #content .left h2.works{ padding: 8px 0px 20px 45px; background: url(/portfolio/../css/../img/webdesign/works.jpg) top left no-repeat; } #content .left h2.experts{ padding: 8px 0px 20px 45px; background: url(/portfolio/../css/../img/seo/star.jpg) top left no-repeat; } #content .left h2.wordpress{ padding: 8px 0px 20px 45px; background:url(/portfolio/../css/../img/webdesign/wordpress-h2.jpg) top left no-repeat; } #content .right h2.plus { padding: 8px 0px 20px 45px; background: url(/portfolio/../css/../img/webdesign/plus-h2.jpg) top left no-repeat } #content .right h2.clock{ padding: 8px 0px 20px 45px; background: url(/portfolio/../css/../img/webdesign/clock.jpg) top left no-repeat; } #content .right h2.process{ background-image: url(/portfolio/../css/../img/webdesign/our-process.gif); background-repeat: no-repeat; height: 18px; width: 130px; margin-top: 10px; display: block; text-indent: -9999px; } #content .right h2.cog{ padding: 8px 0px 20px 45px; background: url(/portfolio/../css/../img/seo/cog.jpg) top left no-repeat; } #content h2.magento{ padding: 8px 0px 20px 45px; background: url(/portfolio/../css/../img/webdesign/magento.jpg) top left no-repeat; } #content .left.portfolio{ width: 320px; } #content .right.portfolio{ width: 520px; } #content .left ul { list-style-type:none; margin:0px; padding:0px; } #process{ background-image: url(/portfolio/../css/../img/webdesign/process-bg.gif); width: 392px; height: 136px; margin: 10px 0px 0px 0px; padding: 20px 35px 10px; position: relative; } #process #slider{ width: 392px; height: 136px; overflow: hidden; } #process ul{ padding: 0px!important; margin: 0px; list-style-type: none; } #process li{ width: 392px; height: 136px; overflow: hidden; float: left; padding: 0px; margin: 0px; } #process li.live{ background: url(/portfolio/../css/../img/webdesign/rocket.jpg) 315px 73px no-repeat; } #process li h3{ padding: 0px 0px 6px; margin: 0px; font-size: 1.2em; } #process li p{ font-size: 13px!important; } #process li span{ display: block; text-align: right; margin: 10px 80px 0px 0px; font-weight: bold; } #processleft a, #processright a{ background-image: url(/portfolio/../css/../img/testimonial-btn.png); width:45px; height:45px; position:absolute; left:-17px; top:58px; z-index:5000; display:block; text-indent: -9999px; } #processright a{ background-position: -45px 0px; left: 437px; } #seotips{ background-image: url(/portfolio/../css/../img/seo/testimonials-bg.jpg); width: 494px; height: 225px; float: right; padding: 15px 45px 30px; margin-top: 3px; position: relative; overflow: hidden; } #seotips h3{ font-size: 2em; padding: 17px 0px 0px 0px; } #seotips p{ padding: 6px 0px 10px; font-size: 1.3em; } #seotips #slider { width: 449px; height: 135px; overflow: hidden; margin: 0px 25px 0px 20px; } #seotips #slider.portfolio{ margin-top: 25px; } #seotips #slider.portfolio p{ font-size: 15px; font-style: normal; } #seotips ul { margin: 0px; padding: 0px; list-style: none; } #seotips ul li { width: 449px; height: 125px; float: left; font-family: Cambria, serif; line-height: 1.5em; color: #868686; padding-top: 10px; } #seotips #slider p{ font-size: 14px; line-height: 20px; padding-top: 2px; } #seotips #slider h4{ font-size: 16px; font-style: normal; padding: 0px; margin: 0px; } #seotips span.contactseo{ display: block; font-size: 12px; font-family: "Lucida Sans Unicode", sans-serif; color: #767676; } #seoleft a, #seoright a{ background-image: url(/portfolio/../css/../img/testimonial-btn.png); width:45px; height:45px; position:absolute; left:7px; top:128px; z-index:5000; display:block; text-indent: -9999px; } #seoright a{ background-position: -45px 0px; left: 527px; } #header.portfolio { background-image: url(/portfolio/../css/../img/bokeh.jpg); height: 316px; background-repeat: repeat-x; background-color: #e0e0e0; position: relative; } #carousel { width: 940px; margin: 0 auto; height: 281px; position: absolute; top: 20px!important; } #carousel ul { margin: 0; padding: 0; position: relative; left: -940px; width: 9999px; } #carousel li { display:inline; float:left; height: 281px; overflow: hidden;} .carousel-top { background-image: url(/portfolio/../css/../img/portfolio/carousel-top.png); background-position: top center; height: 315px; position: absolute; z-index: 9999; top: 43px; left: 0px; width: 100%; display: block; } #container { width: 100%; background: #282828; display: block; overflow: hidden; } .textholder { z-index: 99999; position: absolute; top: 220px; padding-left: 225px; font-size: 1.3em; color: #CCC; } .textholder strong{ position: absolute; top: 4px; } .textholder a { background-image: url(/portfolio/../css/../img/portfolio/view-website.png); width: 122px; height: 24px; display: block; text-indent: -9999px; position: absolute; top: 0px; left: 760px; } .textholder a { *background-image: none; } .textholder a:hover { background-image: url(/portfolio/../css/../img/portfolio/view-website-hover.png); } .textholder a:active { background-image: url(/portfolio/../css/../img/portfolio/view-website-active.png); } .blackbg{ background-image: url(/portfolio/../css/../img/portfolio/textholder-bg.png); background-repeat: no-repeat; width: 940px; height: 81px; top: 180px; position: absolute; z-index: 9999; } #recentprojects{ background-image: url(/portfolio/../css/../img/seo/testimonials-bg.jpg); width: 508px; height: 223px; float: right; padding: 17px 40px 30px 36px; margin-top: 3px; position: relative; overflow: hidden; } #recentprojects .thumb{ width: 115px; height: 80px; margin: 5px; background-image: url(/portfolio/../css/../img/portfolio/thumb-bg.jpg); float: left; border: #CCC 1px solid; } #recentprojects h3{ padding: 12px 0px 10px 45px; background: url(/portfolio/../css/../img/portfolio/star.jpg) top left no-repeat; color: #666; text-shadow: #fff 1px 0px 1px; }  #contactform { border:none; padding: 0px; margin: 10px 0px 0px 25px;} #contactform label { font-size: 13px; padding-top: 3px; } #contactform .formstyle, #contactform textarea{ width:242px; padding:10px 8px; font-size: 13px; border:solid 1px #cacaca; margin-top: 3px; color: #828383; font-family: Cambria, serif;} #contactform .formstyle{ background-image: url(/portfolio/../css/../img/form-bg.gif); height: 16px; width: 245px; } #contactform textarea{ background-image: url(/portfolio/../css/../img/textarea-bg.gif); height: 77px; background-repeat: no-repeat; background-color: #f5f5f5; width: 245px; } #contactform .formstyle:focus, #contactform textarea:focus{ border-color: #adadad; } #contactform input[type=button]{ background-image: url(/portfolio/../css/../img/webform-send.gif); border: none; margin-top: 6px; width: 103px; height: 34px; float: right; } #contactform .error{ padding-top: 3px; display: block; }  .portfolio-dark { width:582px; height:272px; background-image:url(/portfolio/../css/../img/webdesign/portolfio-dark.jpg); float:right; position:relative; overflow:hidden; } .portfolio-light { width:582px; height:272px; background-image:url(/portfolio/../css/../img/webdesign/portfolio-light.jpg); position:absolute; top:0px; left:0px; } a.portfolio-button { width:119px; height:108px; position:absolute; top:54px; right:139px; background-image:url(/portfolio/../css/../img/webdesign/portfolio-button.png); background-repeat:no-repeat; } a.portfolio-button:hover { background-image:url(/portfolio/../css/../img/webdesign/portfolio-button-hov.png); } a.portfolio-button:active { background-image:url(/portfolio/../css/../img/webdesign/portfolio-button-active.png); } .wordpress-link { width:232px; height:91px; position:absolute; top:30px; right:-147px; z-index:9999; background-image:url(/portfolio/../css/../img/webdesign/looking-wordpress.png); text-indent:-9999px; } .magento-link { width:232px; height:87px; position:absolute; top:120px; right:-147px; z-index:9999; background-image:url(/portfolio/../css/../img/webdesign/looking-magento.png); text-indent:-9999px; } p.quote{ font-family: Cambria, serif; line-height: 1.5em; font-size: 1.5em!important; } .clearall{ clear: both; } h4.onoff{ font-size: 1.6em; margin-top: 10px; } h4{ font-size: 1.6em; } h5{ font-size: 1.4em; margin: 5px 0px 5px 0px; padding: 0px; } h6 { font-size:1.2em; font-weight:normal; color:#0e7ca3; margin:0px 0px 7px 0px; }  #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading {  position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay {  position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(/portfolio/../css/../img/fancybox/fancy_title_over.png); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url(/portfolio/../css/../img/fancybox/fancybox-x.png); background-position: 0px -40px; color: #FFF; } #fancybox-title-right { padding-left: 15px; background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url(/portfolio/../css/blank.gif); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible;  } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url(/portfolio/../css/../img/fancybox/fancybox-x.png); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url(/portfolio/../css/../img/fancybox/fancybox-y.png); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(/portfolio/../css/../img/fancybox/fancybox-x.png); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url(/portfolio/../css/../img/fancybox/fancybox-y.png); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url(/portfolio/../css/../img/fancybox/fancybox.png); background-position: -40px -122px; }  #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/portfolio/../css/../img/fancybox/fancy_title_over.png, sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }