/* ---------------------------------------------------------- integratePR CSS Last Update: October 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - UTILITY ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { font: 75%/1.25em "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif; color: #555; } .base h1 { } .base h2 { } .base h3 { } .base h4 { } .base p { } a { } a:hover { } blockquote { } .base ul, ol { } .base ul { } .base ol { } .base ul li, .base ol li { } .base li ol { } .base li ul { } /* 03 =LAYOUT ---------------------------------------------------------- */ #container { width: 960px; margin: 0 auto; } body.home ul#navigation { background: url(images/site/bg-navigation.gif); height: 16px; padding: 12px 0; overflow: hidden; position: absolute; top: 595px; left: 0; width: 100%;} body.home ul#navigation li { float: left; display: inline; font-size: 15px; margin: 0 32px; } ul#navigation li a { color: #306; text-transform: uppercase; text-decoration: none;} ul#navigation li a:hover { color: #fff; } body.interior ul#navigation { background: url(images/site/bg-navigation-interior.gif); height: 12px; width: 458px; position: absolute; top: 30px; right: 13px; xoverflow: hidden; padding: 8px 0; z-index: 150;} body.interior #navigation li { float: left; display: inline; font-size: 12px; margin: 2px 12px 0px 15px;} body.interior ul#navigation li a { display: block; } body.interior ul#navigation li ul { background: #f1ecf5; display: none; } body.interior ul#navigation li:hover ul, body.interior ul#navigation li.hover ul { position: absolute; display: inline; left: auto; margin: 0px 0px 0px -18px; padding: 5px 0px 0px 0px; top: 28px; width: 165px; float: left; } body.interior ul#navigation li:hover li a, body.interior ul#navigation li.hover li a { float: left; min-height:20px; display: block; } ul#social-network { margin: 10px; width: 255px;} ul#social-network li { float: left; height: 31px; margin: 0 3px; display: inline; } ul#social-network li a { height: 31px; display: block; text-indent: -9999px; overflow: hidden;} ul#social-network li.wordpress a { background: url(images/site/btn-socialnet-wordpress.png) no-repeat; width: 30px;} ul#social-network li.twitter a { background: url(images/site/btn-socialnet-twitter.png) no-repeat; width: 28px;} ul#social-network li.linkedin a { background: url(images/site/btn-socialnet-linkedin.png) no-repeat; width: 29px;} ul#social-network li.flickr a { background: url(images/site/btn-socialnet-flickr.png) no-repeat; width: 32px;} ul#social-network li.rss a { background: url(images/site/btn-socialnet-rss.png) no-repeat; width: 30px;} ul#social-network li.facebook a { background: url(images/site/btn-socialnet-facebook.png) no-repeat; width: 31px;} ul#social-network li.delicious a { background: url(images/site/btn-socialnet-delicious.png) no-repeat; width: 31px;} body.home ul#social-network { position: absolute; top: 635px; left: 488px;} body.home div.copyright { font-size: 10px; position: relative; top: 175px; text-align: center;} body.interior div.copyright { font-size: 10px; position: relative; text-align: center; z-index: 9999;} body.interior div.copyright-newland { margin-bottom:10px; font-size: 10px; xposition: relative; text-align: left; z-index: 9999;} body.interior div.copyright-new { margin-bottom:10px; font-size: 10px; xposition: relative; text-align: left; z-index: 9999;} body.interior div.copyright-contact { font-size: 10px; position: relative; text-align: center; z-index: 9999; padding:0px 0px 0px 180px; color:#555555;} body.interior div.copyright-thanks { font-size: 10px; position: relative; text-align: center; z-index: 9999; padding:0px 0px 0px 180px; color:#555555;} /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home { background: url(images/site/bg-home-top.png) no-repeat; height: 519px; width: 770px; margin: 40px auto 0; font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 13px; line-height: 18px; position: relative; } #home a.logo { position: absolute; width: 450px; height: 250px; top: 0; left: 0; text-indent: -9999px; overflow: hidden;} #home div.about-us { position: absolute; width: 300px; top: 167px; left: 495px;} #home div.what-we-do { position: absolute; width: 300px; top: 298px; left: 154px;} #home h2 { font-size: 20px; margin-bottom: 15px; text-transform: lowercase;} #home h2 a { color: #306; text-decoration: none;} #home p a.more { color: #8781ad; text-decoration: none; } #home span.green a { font-weight: bold; color: #a8c64d; text-decoration: none;} #home div.blog { position: absolute; width: 300px; top: 360px; left: 575px; } #home div.blog div.entry { margin-bottom: 10px; } #home div.blog div.entry a { text-decoration: none; color: #a1a2a4;} #home div.blog div.entry a:hover { text-decoration: underline; } #home div.blog div.entry span { color: #8781ad; font-weight: bold;} /* 05 =SUBPAGES ---------------------------------------------------------- */ body.interior #container { width: 845px; position: relative; } body.interior #container a.logo { background: url(images/site/img-logo-interior.png) no-repeat; display: block; width: 356px; height: 218px; text-indent: -9999px; overflow: hidden; position: absolute; left: 15px; top: 30px; z-index: 100;} body.interior #content { height: 670px; min-height: 670px; width: 100%; color: #636363; position: relative; top: 50px; z-index: 100;} html>body.interior #content {height:auto} body#about_us.interior #content { background: url(images/site/bg-content-aboutus.png) no-repeat; } body#about_us.interior #content h2 { color: #306; font-size: 26px; position: absolute; left: 405px; top: 75px;} body#about_us.interior #content div.quote { font-family: "Times New Roman", Georgia, serif; font-style: italic; font-size: 18px; line-height: 21px; color: #a1a2a4; width: 375px; position: absolute; left: 405px; top: 110px; } body#about_us.interior #content div.quote p.author { text-align: right; } body#about_us.interior #content p.explanation { position: absolute; top: 265px; left: 150px; width: 355px; font-size: 12.5px; line-height: 18px;} body#about_us.interior #content a.i5s img { position: absolute; left: 150px; top: 450px; } body#services.interior #content { background: url(images/site/bg-content-services.png) no-repeat; } body#services.interior #content div#left { position: absolute; top: 250px; left: 90px; width: 260px;} body#services.interior #content div#left div.quote { font-family: "Times New Roman", Georgia, serif; font-style: italic;font-size: 18px; color: #a1a2a4; line-height: 24px;} body#services.interior #content div#left div.quote p.author { text-align: right; margin-top: 10px;} body#services.interior #content div#right { position: absolute; right: 0px; top: 65px; width: 460px;} body#services.interior #content div#right div.intro { font-size: 14px; line-height: 18px; margin-bottom: 20px;} body#services.interior #content div#right li { list-style-type: disc; font-size: 13px; margin: 10px 0 10px 35px;} body#services.interior #content div#right h3 { font-size: 30px; margin-top: 20px;} body#the_i5s.interior #content { background: url(images/site/bg-content-i5s.png) no-repeat; } body#the_i5s.interior #content div.box { width: 400px; position: absolute; line-height: 15px; font-size: 12px;} body#the_i5s.interior #content h2 { color: #306; font-size: 18px; text-transform: lowercase; } body#the_i5s.interior #content #interest { left: 450px; top: 100px;} body#the_i5s.interior #content #innovation { left: 210px; top: 220px; } body#the_i5s.interior #content #identity { left: 395px; top: 336px;} body#the_i5s.interior #content #imagination { left: 115px; top: 420px;} body#the_i5s.interior #content #influence { left: 395px; top: 515px;} body#bios.interior #content { background: url(images/site/bg-content-bios.png) no-repeat; } body#bios.interior #content h2 { font-size: 26px; color: #306; position: absolute; top: 90px; left: 385px;} body#bios.interior #content p.first { position: absolute; top: 125px; left: 385px; width: 380px;} body#bios.interior #content p.second { position: absolute; top: 265px; left: 275px; width: 385px;} body#bios.interior #content p.third { position: absolute; top: 435px; left: 325px; width: 295px; } body#bios.interior #content p.third span.purple { color: #8781ad; font-weight: bold;} body#bios.interior #content img { position: absolute; top: 363px; left: 83px; z-index: 95;} body#contact.interior #content { background: url(images/site/bg-content-contact.png) no-repeat; } body#contact.interior #content h2 { font-size: 22px; color: #306; position: absolute; top: 108px; left: 490px;} body#contact.interior #content ul#social-network { position: absolute; top: 145px; left: 420px; width: 300px;} body#contact.interior #content ul#social-network li { margin: 0 5px; } body#contact.interior #content div.left { position: absolute; left: 175px; top: 250px; width: 270px; color: #8781ad;} body#contact.interior #content p.italic { font-size: 18px; font-style: italic; font-family: "Times New Roman", Georgia, serif; line-height: 24px; margin-bottom: 25px;} body#contact.interior #content p.italic span.black { color: #636363; } body#contact.interior #content p.italic a { color: #636363; text-decoration: none;} body#contact.interior #content p.italic a:hover { text-decoration: underline; } body#contact.interior #content p.small { margin-bottom: 25px; } body#contact.interior #content p.info { line-height: 18px; } body#contact.interior #content p.info strong { color: #306;} body#contact.interior #content p.info a { color: #8781ad; text-decoration: none;} body#contact.interior #content p.info a:hover { text-decoration: underline; } body#contact.interior #content p.info span.line-2 { display: block; text-indent: 67px;} body#contact.interior #content a.client-login { font-size: 15px; color: #636363; text-decoration: none; display: block; position: absolute; top: 485px; left: 245px;} body#contact.interior #content a.client-login:hover { text-decoration: underline; } /* 06 =UTILITY ---------------------------------------------------------- */ .cufon-loading #navigation li a, .cufon-loading .cufon { visibility: hidden !important;} span.purple { color: #1d1060; font-weight: bold;} span.strong-purple strong { color: #306; } .purple { color: #8781ad; } span.green { color: #dadc56; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /* NEW STYLES */ body#new-services.interior #content { background: url(images/site/bg-content-services-new.png) no-repeat; } body#new-services.interior #content div#left { position: absolute; top: 250px; left: 90px; width: 260px;} body#new-services.interior #content div#left div.quote { font-family: "Times New Roman", Georgia, serif; font-style: italic;font-size: 18px; color: #a1a2a4; line-height: 24px;} body#new-services.interior #content div#left div.quote p.author { text-align: right; margin-top: 10px;} body#new-services.interior #content div#right { position: absolute; right: 0px; top: 65px; width: 460px;} body#new-services.interior #content div#right div.intro { font-size: 14px; line-height: 18px; margin-bottom: 20px;} body#new-services.interior #content div#right li { list-style-type: disc; font-size: 13px; margin: 10px 0 10px 35px;} body#new-services.interior #content div#right li a { color: #8781ad; text-decoration: none; } body#new-services.interior #content div#right h1 { color: #306; font-size: 26px; margin: 0px 0px 5px 0px; line-height:20px;} body#new-services.interior #content div#right h2 { font-size: 20px; margin: 0px 0px 0px 0px; line-height:20px;} body#new-services.interior #content div#right h3 { font-size: 15px; margin: 0px 0px 0px 0px;} body#new-services.interior #content div#right h4 { font-size: 15px; margin: 0px 0px 0px 0px;} body#new-services.interior #content div#right h5 { font-size: 30px; margin-top: 20px;} body#new-services.interior #content div#right p a { color: #8781ad; text-decoration: none; } body#new-services.interior #content div#right p { padding:0px 0px 10px 0px;} body#testimonials.interior #content { background: url(images/site/bg-content-testimonials.png) no-repeat; } body#testimonials.interior #content div#left { position: absolute; top: 250px; left: 90px; width: 260px;} body#testimonials.interior #content div#left div.quote { font-family: "Times New Roman", Georgia, serif; font-style: italic;font-size: 18px; color: #a1a2a4; line-height: 24px;} body#testimonials.interior #content div#left div.quote p.author { text-align: right; margin-top: 10px;} body#testimonials.interior #content div#right { position: absolute; right: 0px; top: 65px; width: 460px;} body#testimonials.interior #content div#right div.intro { font-size: 14px; line-height: 18px; margin-bottom: 20px;} body#testimonials.interior #content div#right li { list-style-type: disc; font-size: 13px; margin: 10px 0 10px 35px;} body#testimonials.interior #content div#right li a { color: #8781ad; text-decoration: none; } body#testimonials.interior #content div#right h1 { color: #306; font-size: 26px; margin: 0px 0px 5px 0px; line-height:20px;} body#testimonials.interior #content div#right h2 { font-size: 20px; margin: 0px 0px 0px 0px; line-height:20px;} body#testimonials.interior #content div#right h3 { font-size: 15px; margin: 0px 0px 0px 0px;} body#testimonials.interior #content div#right h4 { font-size: 15px; margin: 0px 0px 0px 0px;} body#testimonials.interior #content div#right h5 { font-size: 30px; margin-top: 20px;} body#testimonials.interior #content div#right p a { color: #8781ad; text-decoration: none; } body#testimonials.interior #content div#right p { padding:0px 0px 10px 0px;} .styled-form-app { width:250px; color:#8781ad; font-family:Arial, Helvetica, sans-serif; font-size:16px; border:1px solid #8781ad; height:20px; padding:0px 0px 0px 0px; margin-bottom:8px; } .styled-form-area { width:250px; color:#8781ad; font-family:Arial, Helvetica, sans-serif; border:1px solid #8781ad; padding:3px 0px 0px 2px; margin-bottom:5px; font-size:16px; } body#contact-new.interior #content { background: url(images/site/bg-content-contact-new.png) no-repeat; } body#contact-new.interior #content h2 { font-size: 22px; color: #306; position: absolute; top: 108px; left: 490px;} body#contact-new.interior #content ul#social-network { position: absolute; top: 145px; left: 420px; width: 300px;} body#contact-new.interior #content ul#social-network li { margin: 0 5px; } body#contact-new.interior #content div.left { position: absolute; left: 175px; top: 250px; width: 330px; color: #8781ad;} body#contact-new.interior #content p.italic { font-size: 18px; font-style: italic; font-family: "Times New Roman", Georgia, serif; line-height: 24px; margin-bottom: 25px;} body#contact-new.interior #content p.italic span.black { color: #636363; } body#contact-new.interior #content p.italic a { color: #636363; text-decoration: none;} body#contact-new.interior #content p.italic a:hover { text-decoration: underline; } body#contact-new.interior #content p.small { margin-bottom: 25px; } body#contact-new.interior #content p.info { line-height: 18px; } body#contact-new.interior #content p.info strong { color: #306;} body#contact-new.interior #content p.info a { color: #8781ad; text-decoration: none;} body#contact-new.interior #content p.info a:hover { text-decoration: underline; } body#contact-new.interior #content p.info span.line-2 { display: block; text-indent: 67px;} body#contact-new.interior #content a.client-login { font-size: 15px; color: #636363; text-decoration: none; display: block; position: absolute; top:578px; left: 595px;} body#contact-new.interior #content a.client-login:hover { text-decoration: underline; } body#contact-thanks.interior #content { background: url(images/site/bg-content-contact-new.png) no-repeat; } body#contact-thanks.interior #content h1 { color: #306; font-size: 26px; margin: 0px 0px 5px 0px; line-height:20px;} body#contact-thanks.interior #content h2 { font-size: 22px; color: #306; position: absolute; top: 108px; left: 490px;} body#contact-thanks.interior #content ul#social-network { position: absolute; top: 145px; left: 420px; width: 300px;} body#contact-thanks.interior #content ul#social-network li { margin: 0 5px; } body#contact-thanks.interior #content div.left { position: absolute; left: 175px; top: 250px; width: 330px; color: #8781ad;} body#contact-thanks.interior #content p.italic { font-size: 18px; font-style: italic; font-family: "Times New Roman", Georgia, serif; line-height: 24px; margin-bottom: 25px;} body#contact-thanks.interior #content p.italic span.black { color: #636363; } body#contact-thanks.interior #content p.italic a { color: #636363; text-decoration: none;} body#contact-thanks.interior #content p.italic a:hover { text-decoration: underline; } body#contact-thanks.interior #content p.small { margin-bottom: 25px; } body#contact-thanks.interior #content p.info { line-height: 18px; } body#contact-thanks.interior #content p.info strong { color: #306;} body#contact-thanks.interior #content p.info a { color: #8781ad; text-decoration: none;} body#contact-thanks.interior #content p a { color: #8781ad; text-decoration: none; } body#contact-thanks.interior #content p.info a:hover { text-decoration: underline; } body#contact-thanks.interior #content p.info span.line-2 { display: block; text-indent: 67px;} body#contact-thanks.interior #content a.client-login { font-size: 15px; color: #636363; text-decoration: none; display: block; position: absolute; top:578px; left: 595px;} body#contact-thanks.interior #content a.client-login:hover { text-decoration: underline; } body#careers.interior #content { background: url(images/site/bg-content-careers.png) no-repeat; } body#careers.interior #content div#left { position: absolute; top: 250px; left: 90px; width: 260px;} body#careers.interior #content div#left div.quote { font-family: "Times New Roman", Georgia, serif; font-style: italic;font-size: 18px; color: #a1a2a4; line-height: 24px;} body#careers.interior #content div#left div.quote p.author { text-align: right; margin-top: 10px;} body#careers.interior #content div#right { position: absolute; right: 0px; top: 65px; width: 460px;} body#careers.interior #content div#right div.intro { font-size: 14px; line-height: 18px; margin-bottom: 20px;} body#careers.interior #content div#right ul { padding: 0px 0px 10px 0px;} body#careers.interior #content div#right li { list-style-type: disc; font-size: 13px; margin: 10px 0 10px 35px;} body#careers.interior #content div#right li a { color: #8781ad; text-decoration: none; } body#careers.interior #content div#right h1 { color: #306; font-size: 26px; margin: 0px 0px 5px 0px; line-height:20px;} body#careers.interior #content div#right h2 { font-size: 20px; margin: 0px 0px 0px 0px; line-height:20px;} body#careers.interior #content div#right h3 { font-size: 15px; margin: 0px 0px 0px 0px;} body#careers.interior #content div#right h4 { font-size: 15px; margin: 0px 0px 0px 0px;} body#careers.interior #content div#right h5 { font-size: 30px; margin-top: 20px;} body#careers.interior #content div#right p a { color: #8781ad; text-decoration: none; } body#careers.interior #content div#right p { padding:0px 0px 10px 0px;}