/*:: Hero ------------------------------------- */ #hero h4{padding-top:36px; font-size:34px; text-align:right; color:#fff;} /*:: 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; font-weight:bold;} #hero .slide p{width:570px; font-size:14px; line-height:20px; margin-top:10px;} #hero .slide a.tunneler{font-size:15px; margin-top:16px; text-decoration:none; float:left;} #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;} /* - 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} /* - new years - #hero #newYears{color:#fff;} #hero #newYears .snow{background-repeat:repeat-x; background-color:Transparent; width:100%;} #hero #newYears #snowBack{background-image:url(images/slide-newYears-snow-back.png); background-position:20% 30px;} #hero #newYears #snowMid{background-image:url(images/slide-newYears-snow-mid.png); background-position:120% 100px;} #hero #newYears #snowFront{background-image:url(images/slide-newYears-snow-front.png); background-position:220% 180px;} #hero #hills{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-newYears-background.png) repeat-x 10% bottom;} #hero #newYearsForeground{position:absolute; bottom:0; right:0;} #hero #newYears p#thanks{font-size:10px; position:absolute; right:30px; bottom:30px; color:#7F96AB; text-align:right;} #hero #newYears p#thanks a{color:#7F96AB;}*/ /* - Theatre - #hero #theater{color:#fff; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-theater-bg.png) repeat top left; padding-top:0; margin-top:0;} #hero #theater p{width:450px;} #hero #theater .top{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-theater-top.png) repeat-x top left; padding-top:61px; margin-top:-61px;} #hero #theater .left{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-theater-left.png) no-repeat bottom left;} #hero #theater .right{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-theater-right.png) no-repeat bottom right;} #hero #theater .bottom{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/slide-theater-bottom.png) repeat-x bottom left; position:relative;} #hero #theater a.tunneler{color:#fff;} #hero #theater img#people{position:absolute; bottom:20px; left:140px;} #hero #theater #videoHolder{border:10px solid #000; float:right; margin:-40px 60px 0 0; height:225px; width:400px;}*/ /*:: Homepage ------------------------------------- */ /* - Section Titles - */ .homeTitle{font-size:31px; margin-top:-4px;} .homeTitle a{color:#000;} .homeTitle a:hover{text-decoration:none !important;} /* - Section Subtitles - */ .subHome{font-size:14px; font-weight:normal; color:#000; line-height:20px; padding-bottom:13px;} /* - 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:-2px 0 15px -2px !important;} /*:: Team List ------------------------------------- */ /* - Scott & Andy Mini Profiles - */ #content .profile{float:left; clear:left; width:100%; margin-bottom:10px;} #content .profile.bottom{margin-bottom:28px;} #content .profile img{margin-right:10px;} #content .profile p{margin-bottom:0;} #content .profile p strong{display:block;} /* - The Team's Grid - */ #content #teamGrid{float:left; width:282px;} #content #teamGrid div.miniProfile{float:left; margin:0 5px 5px 0; cursor: pointer; position:relative;} #content #teamGrid div.miniProfile.last{margin-right:0;} #content #teamGrid div.miniProfile .popup{position:absolute; display:none; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-popup.png) no-repeat top left; height:55px; width:140px; padding:6px 0 0 16px;} #content #teamGrid div.miniProfile .popup strong{display:block;} /* :: Portfolio ------------------------------------- */ #portfolio{list-style:none; width:940px; padding-top:7px;} #portfolio li{float:left; margin:-2px 18px 20px -2px; height:155px; width:205px; padding:7px; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-portfolio.gif) no-repeat top left; position:relative;} html>body #portfolio li{margin:-2px 18px 18px -2px; } #portfolio li.large{width:440px; padding-bottom:17px; margin-bottom:8px; height:340px; background-image:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-caseStudy.gif);} #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:7px;} #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);} #sleepingDog{background-image:url(images/portfolio/small-sleepingDog2.jpg);} #HSABank{background-image:url(images/portfolio/small-hsaBank2.jpg);} #alvernoApply{background-image:url(images/portfolio/small-alvernoApply2.jpg);} #cadeMuseum{background-image:url(images/portfolio/small-cade2.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);} #eichrom{background-image:url(images/portfolio/small-eichrom2.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);} #ibw{background-image:url(images/portfolio/small-ibw2.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);} /* :: 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 ------------------------------------- */ #content .serviceWrap{background:white url(/Content/Images/ServicesSteps.gif) 0 0 no-repeat;clear:both;height:auto;float:left;margin:2em 0 0;} #content .service{float:left;padding-bottom:12px;width:915px;position:relative;} #content .service h4{margin:-4px 0 0 40px;float:left;width:105px;height:40px;} #content .service p{float:left;clear:none;width:205px;margin:-3px 40px 0 0;} #content .servicesImg{position:absolute;top:4px;right:0;} #content .servicesList{list-style:none;line-height:16px;margin-bottom:0;float:left;width:165px;} #content .servicesList li{border-bottom:1px solid #ddd;background:url(/Content/Images/ListArrow.gif) 0 9px no-repeat;line-height:25px;text-indent:1.1em;} #content .servicesList li.last{border-bottom:none;} #content .long{width:220px;margin-right:40px;} #content .s1{height:176px;margin-top:6px;} #content .s2{height:163px;width:673px;margin-left:141px;} #content .s3{height:159px;} #content .s4{height:50px;} #content .s4 ul{height:100px;} #content .s4 ul li{display:inline;list-style:none;} #content .s4 ul li span{padding:16px 15px 16px 16px;color:#aaa;} #content .s4 ul li span.last{padding-right:0;} #content .hrfirst, #content .hrlast{height:12px;background:#ddd;position:absolute;right:0;bottom:29px;} #content .hrfirst{width:425px;right:106px;} #content .hrlast{width:551px;right:118px;} #content .certifiedImg {opacity:0.5;position:absolute;top:20px;right:0;} #content .certifiedImg:hover {opacity:1;position:absolute;top:20px;right:0;} #content .toolLogos {background:url(/content/images/ToolLogos.gif) center no-repeat;width:100%;height:40px;clear:both;} /*:: Form ------------------------------------- */ fieldset{background:#e5e5e5; border:1px solid #cecece; padding:9px 9px 11px 9px; -moz-border-radius:5px; -webkit-border-radius:5px;} fieldset input, fieldset textarea{font-size:11px; color:#666666; border:none; background-position:top left; background-repeat:no-repeat; background-color:transparent; overflow:auto;} fieldset input{width:255px; height:14px; line-height:14px; margin-bottom:8px; padding:5px 0 5px 5px; background-image:url(images/bg-input.png);} fieldset textarea{width:250px; height:166px; margin:0 0 10px 0; padding:5px; background-image:url(images/bg-textarea.png); font-family:Arial, Helvetica, Sans-Serif;} a#send{background-image:url(images/btn-send.png); width:51px; height:20px; float:right; margin-right:2px;} 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:0; display:none;} 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;}