/* css by web-bondi */ /* author: daniel dalal */ /* global formatting */ @import "base.css"; @import "dropline.css"; /* layout containers */ #wrap { width: 980px; 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; border-left:solid 1px #EEE;} #sidebar2 { float: right; width: 235px; border-right:solid 1px #EEE;} #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: 830px;} #contenthalf { width: 550px; clear: none; padding: 0 10px 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; } #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: -25px; left: 15px; 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-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/webdesignwithwebondi.png) no-repeat; height:30px; width:400px; } blockquote.h-websites-smr { background: url(../images/smr.png) no-repeat; height:29px; width:163px; } blockquote.h-websites-sst { background: url(../images/sst.png) no-repeat; height:28px; width:150px; } blockquote.h-ivy-cms { background: url(../images/h-ivy-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:#0071bc; 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:#0071bc; 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:#0071bc; } #foliolist h3 { margin:0; color:#404040; font-weight:normal; } #foliolist li { float:left; width: 305px; margin:0 15px 0 0; height:280px; } #foliolist-marketing { width:650px; } #foliolist-marketing h2 { margin:0; color:#0071bc; } #foliolist-marketing h3 { margin:0; color:#404040; font-weight:normal; } #foliolist-marketing li { float:left; width: 305px; margin:0 15px 0 0; height:400px; } #foliolist-identity { width:650px; } #foliolist-identity h2 { margin:0; color:#0071bc; } #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:#0071bc;} /* 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;} #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;} /* 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: #0071bc;} #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;} /*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;} .smart{background-image:url(../images/bgbg.png);width:550px;height:542px;} .smartin{padding:20px 0 20px 20px;} .super{background-image:url(../images/bgbg2.png);width:550px;height:542px;margin-top:10px;} .superin{padding:20px 0 20px 20px; margin-top:10px;} .bb UL { list-style-image:url(../images/bullet.png); } .bb UL LI { display:list-item; list-style-image:url(../images/bullet.png); } .contactus a { background:transparent url(../images/gsn.png) no-repeat 0 0;width:114px;height:31px;display:block;font-size:0;line-height:400px;overflow:hidden;margin-top:10px; }