/* css by digital garden */ /* author: dennis grossmann */ /* last revision: 01-11-2007 */ /* global formatting */ @import "base.css"; @import "dropline.css"; /* layout containers */ #wrap { width: 1080px; margin: 0 auto; position:relative;} #container { width: 945px; margin-left:0; position:relative; top:60px; padding-bottom:40px; background: url(../images/white.png) no-repeat 0px 150px;} #header { height: 185px; z-index:800;} #navigation { padding: 10px;} #wrapper { float: left; width: 700px;} #wrapperfolio { float: left; width: 930px;} #folio { width: 660px; clear: none; padding: 0 0 0 0; min-height: 500px; height: auto !important; height: 500px; float: right;} #content { width: 405px; clear: none; padding: 0 25px 0 0; min-height: 500px; height: auto !important; height: 500px; float: right;} #sidebar { width: 251px; float: left; } #sidebar2 { float: right; width: 235px; } #footer { clear: both; padding: 20px 10px 0 270px; margin-bottom:50px; height: 65px; font-size:11px; color:#bbb; } #footer a { color:#bbb; } #wrapper-slim { float: left; width: 680px;} #content-slim { width: 360px; clear: none; padding: 0 50px 0 0; min-height: 500px; height: auto !important; height: 500px; float: right;} #sidebar2-wide { float: right; width: 265px; text-align:right; position:relative; right:20px; } #wrapperfull { float: left; width: 930px;} #contentfull { width: 650px; clear: none; padding: 0 10px 60px 0; float: right;} #wrapperhalf { float: left; width: 943px; border-right:solid 1px #eeeeee; border-left:solid 1px #eeeeee} #wrapperhalf-clients { float: left; width: 943px; border-right:solid 1px #eeeeee; border-left:solid 1px #eeeeee} #contenthalf { width: 550px; clear: none; padding: 0 123px 0 0; float: right;} #contenthalf-clients { width: 685px; clear: none; padding: 0 0 0 0; float: right; } /* layout containers */ body { background: url(../images/bg-body.jpg) no-repeat top center #fff; } #bordercontrol { background: url(../images/bg-container.png) repeat-y; z-index:100; height:auto } #footer { background: url(../images/bg-footer.png) no-repeat bottom center; } #animation { margin-left: 1px; width:100px; } div#overlayanimation { position: absolute; top:-60px; left:20px; z-index:20; } div#overlay { position: absolute; top:-60px; left:520px; z-index:20; } div#birds { position: absolute; top:-150px; left:0px; z-index:10; } div#birds2 { position: absolute; top:70px; left:-100px; z-index:10; } div#overlay-ivy { position: absolute; top:-60px; left:580px; z-index:20; } div#overlay-frog { position: absolute; top:-60px; left:320px; z-index:20; } div#overlay-bfly { position: absolute; top:-60px; left:320px; z-index:20; } div#logo { position: absolute; top: 10px; left: 10px; z-index:900; padding:0; margin:0; } div#background { position: absolute; top:0; left:0; height:300px; width:100%;} #sidebar2 h4 { padding:0 0px;} #sidebar2 ul { padding:0 0px;} blockquote span { display:none; } /* HEADLINES */ blockquote.h-about-our-partners { background: url(../images/h-about-our-partners.png) no-repeat; height:30px; width:400px; } blockquote.h-about-our-people { background: url(../images/h-about-our-people.png) no-repeat; height:30px; width:400px; } blockquote.h-about-our-process { background: url(../images/h-about-our-process.png) no-repeat; height:30px; width:400px; } blockquote.h-about-overview { background: url(../images/h-about-overview.png) no-repeat; height:30px; width:400px; } blockquote.h-contact { background: url(../images/h-contact.png) no-repeat; height:30px; width:300px; } blockquote.h-corporate-identity { background: url(../images/h-corporate-identity.png) no-repeat; height:30px; width:500px; } blockquote.h-folio-website { background: url(../images/h-folio-website.png) no-repeat; height:30px; width:400px; } blockquote.h-helping-your-business-grow { background: url(../images/h-helping-your-business-grow.png) no-repeat; height:30px; width:400px; } blockquote.h-online-marketing { background: url(../images/h-online-marketing.png) no-repeat; height:30px; width:400px; } blockquote.h-folio-website { background: url(../images/h-folio-website.png) no-repeat; height:30px; width:400px; } blockquote.h-portfolio { background: url(../images/h-portfolio.png) no-repeat; height:30px; width:500px; } blockquote.h-portfolio-charity { background: url(../images/h-portfolio-charity.png) no-repeat; height:30px; width:400px; } blockquote.h-portfolio-communications { background: url(../images/h-portfolio-communications.png) no-repeat; height:30px; width:400px; } blockquote.h-portfolio-engineering-construction { background: url(../images/h-portfolio-engineering-construction.png) no-repeat; height:30px; width:400px; } blockquote.h-portfolio-finance-insurance { background: url(../images/h-portfolio-finance-insurance.png) no-repeat; height:30px; width:400px; } blockquote.h-portfolio-photography-health-beauty { background: url(../images/h-portfolio-photography-health-beauty.png) no-repeat; height:30px; width:400px; } blockquote.h-portfolio-professional-services { background: url(../images/h-portfolio-professional-services.png) no-repeat; height:30px; width:400px; } blockquote.h-portfolio-retail-consumer { background: url(../images/h-portfolio-retail-consumer.png) no-repeat; height:30px; width:400px; } blockquote.h-portfolio-sport { background: url(../images/h-portfolio-sport.png) no-repeat; height:30px; width:400px; } blockquote.h-portfolio-transportation-infrastructure { background: url(../images/h-portfolio-transportation-infrastructure.png) no-repeat; height:30px; width:500px; } blockquote.h-portfolio-travel { background: url(../images/h-portfolio-travel.png) no-repeat; height:30px; width:400px; } blockquote.h-seo-sem { background: url(../images/h-seo-sem.png) no-repeat; height:30px; width:400px; } blockquote.h-usability { background: url(../images/h-usability.png) no-repeat; height:30px; width:400px; } blockquote.h-websites-design-and-grow { background: url(../images/h-websites-design-and-grow.png) no-repeat; height:30px; width:400px; } blockquote.h-cms { background: url(../images/h-cms.png) no-repeat; height:30px; width:400px; } blockquote.h-casestudy { background: url(../images/h-some-we-grew-earlier.png) no-repeat; height:30px; width:330px; } blockquote.h-service-website { background: url(../images/h-building-the-perfect-website.png) no-repeat; height:30px; width:400px; } /* GOOGLE MAPS */ #map img.gmnoprint, #map div span, #map div a { display: none; } #map div img.gmnoprint, #map div div a, #map div.gmnoprint { display: inline; } /* IVY CMS */ #contentfull h3 { color:#666; } ul.ivyfeatures { list-style:none; margin:0; width:500px;} .ivyfeatures li { padding-bottom:15px;} .ivyfeatures li img { float:left; padding:0 20px 0px 0;} .ivyfeatures h2 { display:inline; color:#8cc641; font-size: 14px;} ul.ivyoptional { list-style:none; margin:0; width:500px; padding-bottom:30px; height:300px} .ivyoptional li img { float:left; padding:0 10px 0 0; } .ivyoptional li { width:300px; float:left; padding-right:10px;} .ivyoptional h4 { color:#8cc641; display:inline;} img#ivy-box { float:right; padding:0 0 20px 20px;} /* PORTFOLIO FILTER */ form#portfoliofilter { margin: 0 0 20px 0;} #portfoliofilter select { border:solid 1px #999; margin: 0 0 0 10px;} #foliolist { width:650px; } #foliolist h2 { margin:0; color:#8cc641; } #foliolist h3 { margin:0; color:#404040; font-weight:normal; } #foliolist li { float:left; width: 305px; margin:0 15px 10px 0; height:340px; } #foliolist-marketing { width:650px; } #foliolist-marketing h2 { margin:0; color:#8cc641; } #foliolist-marketing h3 { margin:0; color:#404040; font-weight:normal; } #foliolist-marketing li { float:left; width: 305px; margin:0 15px 50px 0; height:400px; } #foliolist-identity { width:650px; } #foliolist-identity h2 { margin:0; color:#8cc641; } #foliolist-identity h3 { margin:0; color:#404040; font-weight:normal; } #foliolist-identity li { float:left; width: 305px; margin:0 15px 50px 0; height:220px; } span.comingsoon {color:#8cc641;} /* GENERAL */ HR { clear:both; width: 645px;color: #ccc; line-height: 1px;margin: 0px;padding: 0px; outline: none;} a.freequote { background: url(../images/btn_free_quote.jpg) top no-repeat; width: 113px; height: 34px; text-indent:-2000px; display: block; float: left;} a.freequote:hover { background-position: left -34px;} a:focus { outline: none;} a#diagram { background: url(../images/btn_diagram.png) no-repeat top; width: 224px; height: 103px; overflow: hidden; text-indent: -2000px; display: block; margin-top: 60px;} a#diagram:hover { background-position: left -103px;} #map2 { background: url(../images/bg_map.jpg) no-repeat; width: 379px; height: 442px; margin-top: 27px;} #content-slim #map2 iframe { margin: 11px 0 0 12px; width: 357px; height: 420px;} span.green { color: #8cc641; font-weight: bold; font-size: 16px;} .clients { height:125px; width:125px; float:left; border:solid 1px #e2e2e2; margin:9px 9px 0 0} /* Get quotation box */ .contact_details { background: url(../images/bg_info.gif) no-repeat center; width: 245; height: 226px;} .contact_details p.info { margin-left: 30px; text-align: left;} p#tel { font-size: 22px; font-weight: bold; color: #8cc641;} #quotation { background: url(../images/bg_get_quotation.jpg) no-repeat; width: 245px; height: 192px; margin: 85px 0 0 10px; padding: 50px 20px 10px 15px;} #quotation p { text-align: left; margin-right: 25px;} #sidebar2-wide a.submit_quote { background: url(../images/btn_free_quote.jpg) top no-repeat; width: 113px; height: 34px; text-indent:-2000px; display: block; margin-left: 90px;} #sidebar2-wide a.submit_quote:hover { background-position: left -34px;} /* Contact box */ .contact_details2 { background: url(../images/bg_info2.gif) no-repeat left; width: 210px; height: 155px;} .contact_details2 p.info { margin-left: 15px; text-align: left;} #sidebar2 a.submit_quote { background: url(../images/btn_free_quote.jpg) top no-repeat; width: 113px; height: 34px; text-indent:-2000px; display: block; margin: 33px 0 0 15px;} #sidebar2 a.submit_quote:hover { background-position: left -34px;} a#diagram2 { background: url(../images/btn_diagram2.gif) no-repeat top; width: 210px; height: 103px; overflow: hidden; text-indent: -2000px; display: block; margin-top: 30px;} a#diagram2:hover { background-position: left -103px;} /*ie6 fix */ * html .contact_details { background-position: top 20px; margin-top: 20px; !important;} * html .contact_details p.info { margin-top: -20px; margin-left: 40px;} * html .contact_details p#tel { margin-top: 10px;} * html .contact_details p#map img { margin-top: 20px 0 0 30px; padding-left: 20px;} * html .contact_details p#map a { margin-top: 10px;} * html #quotation { margin: 105px 0 0 0; padding: 50px 0 10px 0;} * html #quotation p { margin: 0 30px 0 15px;} * html #sidebar2-wide a.submit_quote { margin: 15px 15px 0 0; cursor: pointer;} * html #map2 { width: 347px; height: 410px;}