/*:: Hero ------------------------------------- */ #hero h4{padding-top:40px; font-size:2.125em; /* 34 / 16 */ text-align:right; color:#fff; margin-right:7px;} /*:: Slides ------------------------------------- */ #hero .slide{display:none; margin-top:-61px; padding-top:61px;} #hero .slide .wrapper{position:relative; height:430px; padding-top:45px;} #hero .slide.on{display:block;} #hero .slide h3{color:#fff; font-size:60px;} #hero .slide p{width:570px; font-size:14px; line-height:20px; margin-top:10px; position:relative; z-index:100;} #hero .slide a.tunneler{font-size:15px; margin-top:16px; text-decoration:none; float:left; position:relative; z-index:100;} #hero .slide a.tunneler:hover{color:#fff !important;} /* - cade - */ #hero #cade{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-cade-bg.png) no-repeat bottom center; color:#fff;} #hero #cade p{width:830px;} #hero #cade a.tunneler{color:#fff;} #hero #cade img{position:absolute; bottom:0; right:0;} /* - wristband - */ #hero #wristband{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-wristband-bg.png) repeat-x top left; color:#fff;} #hero #wristband p{width:750px;} #hero #wristband a.tunneler{color:#c8a156;} #hero #wristband #dudes{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-wristband-dudes.png) no-repeat bottom center;} /* - flanners - */ #hero #flanners{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-flanners-bg.png) no-repeat center bottom; color:#d5d5d5;} #hero #flanners p{width:760px;} #hero #flanners a.tunneler{color:#d5dc91;} #hero #flanners img{position:absolute;} #hero #flanners #Speakers{left:20px; bottom:0;} #hero #flanners #TV{right:23px; bottom:20px;} #hero #flanners #BluRay{left:277px; bottom:46px;} /* - alverno presents - */ #hero #alvernoPresents{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-alvernoPresents-bg.png) repeat-x bottom left; color:#fff;} #hero #alvernoPresents p{width:660px;} #hero #alvernoPresents a.tunneler{color:#fff;} #hero #alvernoPresents #flowers{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-alvernoPresents-flowers.png) repeat-x bottom left;} #hero #alvernoPresents img{position:absolute;} #hero #alvernoPresents #Asmina{right:0; bottom:120px;} #hero #alvernoPresents #Bee{right:125px; bottom:180px;} /* - alverno presents 2010 - */ #hero #ap2010{background:url(images/slide-ap2010-bg.png) no-repeat bottom center; color:#fff;} #hero #ap2010 p{width:660px;} #hero #ap2010 p a{color:#f4ef80; text-decoration:none;} #hero #ap2010 p a:hover{color:#fff; text-decoration:underline;} #hero #ap2010 a.tunneler{color:#fff; background:url(images/slide-ap2010-star.gif) no-repeat left center; padding-left:20px;} #hero #ap2010 img{position:absolute; right:0; bottom:0;} #hero #ap2010 img#dancers{right:0;} #hero #ap2010 img#jams{left:60px;} #hero #ap2010 .ap-logo{position: absolute; background: url(/content/images/ap-logo.png) 0 0 no-repeat; width: 100px; height: 65px; bottom:75px;} /* - swedishamerican - */ #hero #swedishAmerican{background:url(images/slide-sa-bg.png) repeat-x top left; color:#fff;} #hero #swedishAmerican p{width:550px;} #hero #swedishAmerican a.tunneler{color:#fff;} #hero #swedishAmerican #swooshies{background:url(images/slide-sa-swooshies.png) no-repeat top center; padding-top:61px; margin-top:-61px; position:relative;} #hero #swedishAmerican .layercake{bottom:0; width:100%; position:absolute; background-position:center bottom; background-repeat:no-repeat; height:475px;} #hero #swedishAmerican #iphone{background-image:url(images/slide-sa-layercake-one.png);} #hero #swedishAmerican #android{background-image:url(images/slide-sa-layercake-two.png);} #hero #swedishAmerican #blackberry{background-image:url(images/slide-sa-layercake-three.png);} #hero #swedishAmerican .layercake img{position:absolute; bottom:0; left:50%;} #hero #swedishAmerican #iphone img{margin-left:117px;} #hero #swedishAmerican #android img{margin-left:-158px;} #hero #swedishAmerican #blackberry img{margin-left:-434px;} /* - PRSMS - */ #hero #PRSMS{background:url(images/slide-prsms-bg.png) repeat-x top left; color:#fff;} #hero #PRSMS p{width:550px; position:relative; z-index:10;} #hero #PRSMS a.tunneler{color:#fff; position:relative; z-index:10;clear:left; height:21px; line-height:21px; background:url(images/slide-prsms-button.png) no-repeat left top; padding-left:26px;} #hero #PRSMS a.tunneler:hover{background-position:left center;} #hero #PRSMS a.tunneler:active{background-position:left bottom;} #hero #PRSMS a.second{margin-top:8px;} #hero #PRSMS #boxy{background:url(images/slide-prsms-boxy.png) repeat-x bottom left;} #hero #PRSMS img{position:absolute; right:0; bottom:0;} /* - neroli spa - */ #hero #neroli{background:url(images/slide-neroli-bg.png) repeat-x bottom left; color:#fff;} #hero #neroli p{width:610px;} #hero #neroli a.tunneler{color:#fff;} #hero #neroli #clouds .wrapper{background:url(images/slide-neroli-modals.png) no-repeat bottom left;} /* - Marquette - */ #hero #mu{background:url(images/slide-mu-background.png) no-repeat bottom center; color:#fff;} #hero #mu .wrapper{position:relative;} #hero #mu a.tunneler{color:#fc3;} #hero #mu img{position:absolute; bottom:0; left:50%; margin-left:-460px} /* - Blank My Walls - */ #hero #blankmywalls {background:#000 url(images/slide-bmw-wrapper.gif) repeat top left; color:#fff;padding:0;} #hero #blankwrap {background:transparent url(images/slide-bmw-wrap.png) repeat-x top left;width:100%;padding-top:61px;} #hero #blankmywalls .wrapper{position:relative;} #hero #blankmywalls a.tunneler{color:#e3b871;} #hero #blankmywalls img{position:absolute; bottom:0; left:50%; margin-left:-460px} /* - Everbrite - */ #hero #everbritehome{background:#000 url(images/slide-everbrite-bg.jpg) no-repeat center 241px; color:#fff;} #hero #everbritehome p{width:480px;} #hero #everbritehome a.tunneler{color:#fc3;} #hero #everbritehome #clouds .wrapper{background:url(images/slide-neroli-modals.png) no-repeat bottom left;} /* - DAAR Corp */ #hero #daarhome{background:url(images/slide-daar-bg.png) repeat-x 0 0;color:#fff;} #hero #daarwrap{background:url(images/slide-daar-foreground.png) no-repeat center 90px;color:#fff;} #hero #daarhome p{width:430px;} #hero #daarhome a.tunneler{color:#1d9ae6;} /*:: Homepage ------------------------------------- */ /* - Section Titles - */ .homeTitle{font-size:1.875em; /* 30 / 16 */ margin-top:-4px;} .homeTitle a{color:#000;} .homeTitle a:hover{text-decoration:none !important;} .home #content p {width:295px;} /* - Section Subtitles - */ .subHome{font-size:.95em; font-weight:normal; color:#363636; line-height:1.3em; margin-bottom:0.65em;} /* - Optimizer changes - */ #content .homeButton{display:block; height:24px; text-align:center; text-indent:0; border:1px solid #999; line-height:24px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:19px;} #content .homeButton:hover{text-decoration:none; background:#e1e1e1;} /*:: Error Page ------------------------------------- */ #subError{margin-bottom:7px;} #subHelpful{background-image:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/ir-subHelpful.png);} /*:: Images ------------------------------------- */ #content img{float:left; margin:-2px 0 0 -2px;} img.large{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/backdrop-large.gif) no-repeat top left; padding:6px;} img.medium{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/backdrop-med.gif) no-repeat top left; padding:6px;} img.xsmall{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/backdrop-xsmall.gif) no-repeat top left; padding:6px;} img.xxsmall{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/backdrop-xxsmall.gif) no-repeat top left; padding:6px;} img.map{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/backdrop-map.gif) no-repeat top left; padding:7px 7px 14px 7px; margin:-4px 0 15px -2px !important;} /*:: Inside Lightburn ------------------------------------- */ #aboutColumns{float:left; padding:18px 0 20px 0; width:100%;} #content #aboutColumns p{font-size:.875em;} #aboutColumns .col1{padding:30px 0 30px 0; background-repeat:no-repeat; background-position:0 0; height:auto; position:relative;} #aboutColumns .col1 img{position:relative; margin:0; display:none;} /* TODO: Unhide */} #aboutColumns #history img{left:0; bottom:-10px;} #aboutColumns #together p{position:relative; z-index:10;} #aboutColumns #together img{left:3px; bottom:-8px;} #aboutColumns #future img{left:-10px; bottom:0;} #content #photoTitle{font-size:16px; float:left; clear:both; margin-bottom:5px; white-space:nowrap;} #content #aboutFilter{list-style:none; float:right; margin:2px 0 0 0; font-size:12px;} #content #aboutFilter li{float:left; padding-left:10px;} #content #aboutFilter li a.on{cursor:default; color:#363636;} #content #aboutFilter li a.on:hover{text-decoration:none;} /* - About - */ .about .row{margin:1.525em 0 2.4em;} .about .sub{float:left; font-size:4.25em; width:auto; line-height:normal; padding:8px 25px 50px 0;} .ie7 .a1 .sub{width:88px;} .ie7 .a2 .sub, .ie7 .a3 .sub{width:78px;} .about .sub strong{float:left; line-height:1em; /* 68px */} .ie7 .about .sub strong{line-height:72px;} .about .sub span{white-space:normal; font-size:0.2941176470588235em; /* 20 / 68 */ line-height:1.05em; /* 21 / 20 */ float:right; width:15px; text-align:center; margin-left:4px;} .a1 h4.sub{color:#63bc46;} .a2 h4.sub{color:#1f94d2;} .a3 h4.sub{color:#124171;} /* - Team - */ #team{max-width:940px; padding:14px 0 0; clear:both;} #team a{float:left; margin:0; z-index:100; width:20%; height:212px;} #team span{position:relative; display:block; margin:0; height:134px; width:134px; padding:3px; background:white; border:1px solid #d8d8d8; border-radius:3px; box-shadow:0 0 2px rgba(0, 0, 0, .2); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;} #team span img{max-width:100%; float:none; margin:0; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;} #team a:hover span{background-color:white; border-color:#59B9E5; box-shadow: 0 0 5px rgba(31, 148, 210, .5);} #team a:hover span img{opacity:0;} #team a:hover h4{color:#1F94D2;} #team a:hover p{color:#969696;} #team a:active {opacity:0.5;} #team a:hover {text-decoration:none;} #team a h4{padding-top:9px; padding-bottom:0; white-space:nowrap; width:100%; font-size:1em; font-weight:lighter; color:#000; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;} #team a p{font-size:.875em; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;} #team a ul{position:absolute; top:15px; right:15px; width:24px; display:none; margin-left:10px; list-style:none;} #team a ul li{padding-bottom:5px;} #team a ul a{display:block; height:24px; width:24px; background-repeat:no-repeat; background-position:0 0; text-indent:-1000em;} #team a ul a:hover{background-position:0 bottom;} #team .on{-moz-box-shadow:0 0 15px #555; -webkit-box-shadow:0 0 15px #555; box-shadow:0 0 15px #555;} /* Specific Employees */ #team a span .img1, #team a span .img2 {position:absolute;top:3px;left:3px;width:134px;height:134px;z-index:2;} #team a span .img2 {z-index:1;} #team a:hover span .img1 {opacity:0;} #team a:hover span .img2 {opacity:1;} /* :: Portfolio ------------------------------------- */ #portfolio{list-style:none; width:100%; padding-top:7px; float:left;} #portfolio li{float:left; margin:-2px 18px 20px -2px; height:155px; width:21.80851063829787%; /* 205 / 940 */ padding:6px; position:relative; background:white; border:1px solid #d8d8d8; border-radius:3px; box-shadow:0 0 2px rgba(0, 0, 0, .2); transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;} #portfolio li:hover {background-color:white; border-color:#59B9E5; box-shadow: 0 0 5px rgba(31, 148, 210, .5);} html>body #portfolio li{margin:-2px 18px 18px -2px; } #portfolio li img{float:none; margin:0;} #portfolio li h4{height:155px;} #portfolio li h4 a{display:block; height:155px; width:100%;} #portfolio li.large h4, #portfolio li.large h4 a{height:auto;} #portfolio li span{position:absolute; bottom:6px; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-description.png) repeat top left; color:#fff; width:198px; line-height:20px; font-weight:normal; padding-left:7px; font-size:11px; z-index:10;} #portfolio li h4 span{font-size:12px; line-height:30px;} html>body #portfolio li span{bottom:6px;} #portfolio li a:hover{text-decoration:none !important;} #portfolio li div.description{overflow:hidden; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-description.png) repeat top left; height:34px; position:absolute; bottom:17px; width:440px; left:7px;} #portfolio li div.description div.descHolder{padding:10px;} #portfolio li div.description h4.sub{padding:0 0 14px 0; font-size:15px;} #portfolio li div.description h4.sub a{color:#ffffff !important;} #portfolio li div.description p{color:#fff; font-size:1.1em; line-height:1.6em; margin-bottom:1em;} #portfolio li div.description a.tunneler{color:#fff; text-decoration:none; font-weight:bold; line-height:30px; background:#000; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; padding:0 10px; border:1px solid #ccc; margin-top:7px; float:left;} #portfolio li div.description a.tunneler:hover{background:#ccc; color:#000;} #swedishAmerican{background-image:url(images/portfolio/small-swedishAmerican2.jpg);} #HSABank{background-image:url(images/portfolio/small-hsaBank2.jpg);} #flanners{background-image:url(images/portfolio/small-flanners2.jpg);} #kopps{background-image:url(images/portfolio/small-kopps2.jpg);} #wristband{background-image:url(images/portfolio/small-wristband2.jpg);} #optimal{background-image:url(images/portfolio/small-optimal2.jpg);} #healyAwards{background-image:url(images/portfolio/small-healy2.jpg);} #pelican{background-image:url(images/portfolio/small-pelican2.jpg);} #neroli{background-image:url(images/portfolio/small-neroli2.jpg);} #cooperSafety{background-image:url(images/portfolio/small-cooper2.jpg);} #healyPro{background-image:url(images/portfolio/small-healyPro2.jpg);} #alvernoPresents{background-image:url(images/portfolio/small-alvernoPresents2.jpg);} #pjm{background-image:url(images/portfolio/small-pjm2.jpg);} #moore{background-image:url(images/portfolio/small-moore2.jpg);} #eichromStore{background-image:url(images/portfolio/small-eichrom-store2.jpg);} #ap2010{background-image:url(images/portfolio/small-ap20102.jpg);} #bjorns{background-image:url(images/portfolio/small-bjorns2.jpg);} #marquette{background-image:url(images/portfolio/small-marquette2.jpg);} #bmw{background-image:url(images/portfolio/small-bmw2.jpg);} #everbrite{background-image:url(images/portfolio/small-everbrite-2.jpg);} #daar{background-image:url(images/portfolio/small-daar-2.jpg);} #gld{background-image:url(images/portfolio/small-gld-2.jpg);} #heritage{background-image:url(images/portfolio/small-heritage-2.jpg);} #kwgt{background-image:url(images/portfolio/small-kwgt-2.jpg);} #advanceid{background-image:url(images/portfolio/small-advanceid-2.jpg);} #weissblog{background-image:url(images/portfolio/small-weissblog2011-2.jpg);} #weisscco{background-image:url(images/portfolio/small-weisscco-2.jpg);} #ewald{background-image:url(images/portfolio/small-ewald2.jpg);} #gauthier{background-image:url(images/portfolio/small-gauthier2.jpg);} #hoodiePet{background-image:url(images/portfolio/small-hoodiePet2.jpg);} #EUA{background-image:url(images/portfolio/small-EUA2.jpg);} #burgerBoat{background-image:url(images/portfolio/small-burgerBoat2.jpg);} #athea{background-image:url(images/portfolio/small-athea2.jpg);} #ACequip{background-image:url(images/portfolio/small-ACequip2.jpg);} #hellermannTyton{background-image:url(images/portfolio/small-hellermannTyton2.jpg);} #profloss{background-image:url(images/portfolio/small-profloss2.jpg);} #rinceace{background-image:url(images/portfolio/small-rinceace2.jpg);} #rockAmerica{background-image:url(images/portfolio/small-rockAmerica2.jpg);} #kravit{background-image:url(images/portfolio/small-kravit2.jpg);} #generacTool{background-image:url(images/portfolio/small-generac-tool2.jpg);} #cadeMuseum{background-image:url(images/portfolio/small-cade2.jpg);} /* :: Case Study ------------------------------------- */ #controls{list-style:none; float:right; margin-top:-63px; position:relative; z-index:10;} #controls li{float:right; margin-left:6px;} #controls .chameleon{height:20px; width:20px;} #controls .next{background-image:url(images/btn-next.png);} #controls .previous{background-image:url(images/btn-previous.png);} #controls .seeWork{width:50px; background-image:url(images/btn-back.png);} #controls .backToWork{width:130px; background-image:url(images/btn-backToWork.png);} #controls span.chameleon{text-indent:0;} #controls span.chameleon a{display:block; height:20px; width:20px; text-indent:-1000em;} #content p.intro{margin-bottom:31px;} #content .studyInfo{padding-top:14px;} /* - Slideshow - */ #content #slideshow{float:left; margin:17px 0 0 -2px; width:604px; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-slideshow.gif) repeat-y top left;} #content #slideshow img{margin:0; display:none;} #content #slideshow img.on{display:block;} #content #slideshowTop{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-slideshowTop.gif) no-repeat top left;} #content #slideshowBottom{padding:7px 7px 17px 7px; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-slideshowBottom.gif) no-repeat bottom left; position:relative;} #content #slideshowBottom #description{position:absolute; left:7px; bottom:17px; width:590px; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-description.png) repeat top left; color:#fff;} #content #slideshowBottom #description p{line-height:30px; margin-bottom:0; margin-left:12px; font-size:12px;} #content #slideshowBottom #description ul{list-style:none; float:right; margin:0 6px 0 0;} #content #slideshowBottom #description ul li{float:left; border:1px solid #ccc; height:16px; width:16px; text-align:center; margin:6px 0 0 6px; -moz-border-radius:2px; -webkit-border-radius:2px;} #content #slideshowBottom #description ul li a{color:#fff; display:block; width:100%; line-height:16px;} #content #slideshowBottom #description ul li a:hover{text-decoration:none; background:#4b4b4b;} #content #slideshowBottom #description ul li a.current{background:#ccc; color:#000;} /* :: Services ------------------------------------- */ .services #content {padding-top:46px;} .services .row{clear:both;width:820px;margin:0 auto;height:auto;float:none;} #content .s{float:left;padding-bottom:12px;position:relative;margin-right:0;padding-right:3.8%;} #content .s h4{margin-bottom:1.15em;text-align:center;} #content .s h4 img{float:none;} #content .s p{margin-bottom:1.428571428571429em;} #content .s h2{font-size:1.5em;} #content .slist{list-style:none;margin:0;} #content .slist li{line-height:22px;} #content .slist li.last{border-bottom:none;} #content .long{width:220px;margin-right:40px;} #content .s1{background:url(/Content/images/services/green-arrow.gif) 97% 79px no-repeat;} #content .s2{background:url(/Content/images/services/blue-arrow.gif) 97% 79px no-repeat;} #content .s3{padding-right:0;} #content .s4{width:100%;} #content .s1 ul {background:url(/Content/images/services/design-bottom.gif) bottom center no-repeat;} #content .s2 ul {background:url(/Content/images/services/develop-bottom.gif) bottom center no-repeat;} #content .s3 ul {background:url(/Content/images/services/promote-bottom.gif) bottom center no-repeat;} #content .s ul{font-size:.75em;border-top:1px solid #eee;padding-bottom:42px;float:left;width:100%;} #content .s ul li{list-style:none;background:none;padding:2px 0;border-bottom:1px solid #eee;position:relative;} #content .s ul li:after{content:'─';position:absolute;top:2px;right:0;color:#63bc46;} #content .s2 ul li:after{color:#1e91ce;} #content .s3 ul li:after{color:#124171;} #content .s ul li span{padding:16px 15px 16px 16px;color:#aaa;} #content .s ul li:first-child span{padding-left:0;} #content .s ul li span.last{padding-right:0;} #content .certifiedImg {opacity:0.5;display:none;} #content .certifiedImg:hover {opacity:1;} /*:: Form ------------------------------------- */ #content .contactForm {margin-top:1em;} fieldset input, fieldset textarea{font-size:11px; color:#666; border:none; padding:10px 0; overflow:auto; border-top:1px solid #e5e5e5; border-bottom:2px solid #e5e5e5; font-family:'PtSansRegular', Helvetica, Sans-Serif;} fieldset input{width:288px; height:14px; line-height:14px; margin-bottom:8px;} fieldset textarea{width:288px; height:137px; margin:0 0 10px 0;} a#send{background-color:#1F94D2;background-image:url(images/btn-send.png); width:51px; height:20px; float:right; margin:0 2px 0 0;} form#contactform div{position:relative;} form#contactform span{display:block; height:24px;} form#contactform span.error{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-errorTip.png) no-repeat top left; padding-left:14px; position:absolute; left:260px; top:6px; display:none; font-size:.6875em;} form#contactform span.error span{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-errorBody.png) no-repeat top right; white-space:nowrap; line-height:24px; color:#af1616; padding-right:7px; min-width:130px;} form#contactform p.success{color:#34740a; background:#fff; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; margin-bottom:8px; border:1px solid #CECECE;}