/*Case Study Pages */
.navWrapper {
    float: right;
    margin: -35px 1px 0 -1px !important;
}

#studyWrap {
  	width: 930px;
  	font-family: Lato, Arial, Helvetica, sans-serif;
  	font-weight: normal;
  	font-size: 13px;
  	margin: -232px auto 0;
  	position: relative;
  	display: block;
}

#studyWrap h2 {
  	color: #324544;
  	font-size: 32px;
  	margin: 0 0 8px 0;
  	line-height: 32px;
  	font-weight: bold;
}

#studyWrap h3 {
  	font-size: 32px;
  	margin: 0 0 8px 0;
  	font-weight: bold;
	line-height: 32px;
}

#tabs {
  	height: 134px;
  	margin: 0 auto 12px;
  	background: url(../../../../../springleap/images/case_study/tab_bg.gif) repeat-x 0 0 #7b7b7b;
  	position: relative;
  	display: inline-block; 
  	border-radius: 4px 4px 4px 4px;
  	width: 930px;
}

#tabs .successStories {
	background: url(../../../../../springleap/images/case_study/success_header.png) no-repeat 0 0 transparent; 
	width: 188px; 
	height:42px; 
	display: inline-block; 
	position: absolute; 
	top: -18px; 
	left: 372px;
	text-indent: -9999px;
}


#tabs ul {
  	width: 932px;
  	float: left;
  	margin: 6px 0 0 5px;
  	text-indent: -9999px;
}

#tabs li {
  	float: left;
  	margin: 0 1px 0 0;
}

#tabs li a{
  	width: 183px;
  	height: 124px;
  	display: block;
}

a#stimorol{background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat 0 -126px;}
a#stimorol:hover, a.stimorolSelected {background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat 0 0 !important;}

a#marmite{background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat -185px -126px;}
a#marmite:hover, a.marmiteSelected {background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat -185px 0 !important;}

a#hansa{background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat -370px -126px;}
a#hansa:hover, a.hansaSelected {background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat -370px 0 !important;}

a#nokia{background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat -556px -126px;}
a#nokia:hover, a.nokiaSelected {background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat -556px 0 !important;}

a#lexus{background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat -741px -126px;}
a#lexus:hover, a.lexusSelected{background: transparent url(../../../../../springleap/images/case_study/case_study_nav_sprite.png) no-repeat -741px 0 !important;}


div.caseStudyBody .head {width: 857px; float: left; height: 360px; padding: 25px 0 0 72px; background-color: #fff; background-position: right top; background-repeat: no-repeat;}
#stimorolhead {background-image: url(../../../../../springleap/images/case_study/stimorol/image_stimrol.jpg);}
#hansahead {background-image: url(../../../../../springleap/images/case_study/hansa/image_hansa.jpg);}
#marmitehead {background-image: url(../../../../../springleap/images/case_study/marmite/image_marmite.jpg);}
#nokiahead {background-image: url(../../../../../springleap/images/case_study/nokia/image_nokia.jpg);}
#lexushead {background-image: url(../../../../../springleap/images/case_study/lexus/image_lexus.jpg);}

div.caseStudyBody .head p {width: 250px; line-height: 18px; font-size: 13px; margin: 0 0 27px 0;}

div.caseStudyBody a{outline: 0 none; display: inline-block; text-indent: -9999px;}
div.caseStudyBody a.stimorolviewButton {background: transparent url(../../../../../springleap/images/case_study/view_button.jpg) no-repeat 0 0; width: 169px; height:36px;}
div.caseStudyBody a.lexusviewButton {background: transparent url(../../../../../springleap/images/case_study/lexus/view_button.jpg) no-repeat 0 0; width: 169px; height:36px;}
div.caseStudyBody a.nokiaviewButton {background: transparent url(../../../../../springleap/images/case_study/nokia/view_button.jpg) no-repeat 0 0; width: 169px; height:36px;}
div.caseStudyBody a.marmiteviewButton {background: transparent url(../../../../../springleap/images/case_study/marmite/view_button.jpg) no-repeat 0 0; width: 169px; height:36px;}
div.caseStudyBody a.hansaviewButton {background: transparent url(../../../../../springleap/images/case_study/hansa/view_button.jpg) no-repeat 0 0; width: 170px; height:36px;}


.studyQuote {
    width: 929px;
    float: left;
    height: 157px;
    background: url(../../../../../springleap/images/case_study/quote_bg.jpg) repeat-x scroll left top;
    padding: 21px 0 0 0;
}

p.nokiaQuote {
    background: url(../../../../../springleap/images/case_study/nokia/quote_nokia.gif) no-repeat scroll 0 0;
    width: 596px;
    height: 116px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
}

p.stimorolQuote {
    background: url(../../../../../springleap/images/case_study/stimorol/quote_stimrol.gif) no-repeat scroll 0 0;
    width: 804px;
    height: 122px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
}

p.hansaQuote {
    background: url(../../../../../springleap/images/case_study/hansa/quote_hansa.gif) no-repeat scroll 0 0;
    width: 606px;
    height: 114px;
    display: block;
    text-indent: -9999px;
    margin: 7px auto 0;
}

p.marmiteQuote {
    background: url(../../../../../springleap/images/case_study/marmite/quote_marmite.gif) no-repeat scroll 0 0;
    width: 717px;
    height: 115px;
    display: block;
    text-indent: -9999px;
    margin: 7px auto 0;
}

p.lexusQuote {
    background: url(../../../../../springleap/images/case_study/lexus/quote_lexus.gif) no-repeat scroll 0 0;
    width: 829px;
    height: 96px;
    display: block;
    text-indent: -9999px;
    margin: 20px auto 0;
}


div.caseStudyBody {
    width:929px; 
    margin: 0 auto;  
    border-radius: 5px 5px 0 0;
    -moz-box-shadow: 0 4px 4px #666;
    -webkit-box-shadow: 0 4px 4px #666;
    box-shadow: 0 4px 4px #666;
    display: inline-block;
    height: auto;
}

div.caseStudyBody .banner {
    border-radius: 5px 5px 0 0;
    width:929px; 
    height:151px;
    overflow: hidden;
}

.studyOverview {
    width: 857px;
    float: left;
    height: 474px;
    background: url(../../../../../springleap/images/case_study/overview_bg.jpg) no-repeat scroll right top white;
    padding: 38px 0 0 72px;
}

#stimorolDesigns {
    width: 858px;
    float: left;
    height: 482px;
    background: url(../../../../../springleap/images/case_study/stimorol/designs_stimrol.jpg) no-repeat right top white;
    padding: 30px 0 0 72px;
}

#hansaDesigns {
    width: 858px;
    float: left;
    height: 482px;
    background: url(../../../../../springleap/images/case_study/hansa/designs_hansa.jpg) no-repeat right top white;
    padding: 30px 0 0 72px;
}

#marmiteDesigns {
    width: 857px;
    float: left;
    height: 482px;
    background: url(../../../../../springleap/images/case_study/marmite/designs_marmite.jpg) no-repeat right top white;
    padding: 30px 0 0 72px;
}

#nokiaDesigns {
    width: 857px;
    float: left;
    height: 482px;
    background: url(../../../../../springleap/images/case_study/nokia/designs_nokia.jpg) no-repeat right top white;
    padding: 30px 0 0 72px;
}

#lexusDesigns {
    width: 857px;
    float: left;
    height: 482px;
    background: url(../../../../../springleap/images/case_study/lexus/design_lexus.jpg) no-repeat right top white;
    padding: 30px 0 0 72px;
}

.studyOverview p {
    width: 265px;
    margin: 0 0 31px 0;
}

div.processHeader {
    height: 113px;
    padding: 25px 0 0 0px;
    width: 929px;
    float: left;
    background-color: #f7f7f7;
}

div.processHeaderHansa {
    height: 140px;
    padding: 42px 0 0 0px;
    width: 929px;
    float: left;
    background-color: #f7f7f7;
}

div.processHeaderMarmite {
    height: 140px;
    padding: 42px 0 0 0px;
    width: 929px;
    float: left;
    background-color: #f7f7f7;
}

div.processHeaderNokia {
    height: 140px;
    padding: 42px 0 0 0px;
    width: 929px;
    float: left;
    background-color: #f7f7f7;
}

div.processHeaderLexus {
    height: 140px;
    padding: 42px 0 0 0px;
    width: 929px;
    float: left;
    background-color: #f7f7f7;
}

div.processHeader img {
    float: left;
}

div.processHeaderHansa img {
    margin:0px 63px 0 114px;
    float: left;
}

div.processHeaderMarmite img {
    margin:30px 50px 0 104px;
    float: left;
}

div.processHeaderNokia img {
    margin:10px 50px 0 25px;
    float: left;
}

div.processHeaderLexus img {
    margin:10px 36px 0 94px;
    float: left;
}

div.processHeader p{
    width: 300px;
    float: left;
}

div.processHeaderHansa p{
    width: 250px;
    float: left;
}

div.processHeaderMarmite p{
    width: 245px;
    float: left;
}

div.processHeaderNokia p{
    width: 300px;
    float: left;
}

div.processHeaderLexus p{
    width: 260px;
    float: left;
}


div.processStep1 {
    width: 857px;
    float: left;
    color: white;
    height: 420px;
    background: url(../../../../../springleap/images/case_study/stimorol/1-2_stimrol.jpg) no-repeat right top;
    padding: 60px 0 0 72px;
}

.seeding{
    width: 384px;
    margin:30px 0 0 0;
    display: block;
    height: 120px;
}

.seedingStimorol{
    width: 384px;
    margin: 5px 0 0 0;
    display: block;
    height: 130px;
}

.seedingHansa {
    width: 384px;
    margin: 20px 0 0 0;
    display: block;
    height: 130px;
}

.seedingLexus {
    width: 384px;
    margin: 15px 0 0 0;
    display: block;
    height: 130px;
}

.seedingNokia{
    width: 384px;
    margin: 10px 0 0 0;
    display: block;
    height: 130px;
}

.submissions{
    width: 384px;
    display: block;
    color: #324544;
    margin: 60px 0 0 0;
}

.submissions2{
    width: 384px;
    margin: 68px 0 0 0;
    display: block;
    color: #324544;
}

.submissions3{
    width: 384px;
    margin: 45px 0 0 0;
    display: block;
    color: #324544;
}


div.processStep1 img {
    float: right;
    margin: -169px 0 0 0;
}


div.processStep1 p {
    width: 340px;
}


div.processStep2 {
    width: 858px;
    float: left;
    height: 586px;
    background: url(../../../../../springleap/images/case_study/submissions_bg.jpg) no-repeat scroll 100px 0 #f7f7f7;
    padding: 60px 0 0 72px;
}


div.processStep2 p {
    width: 226px;
}

div.processStep3Stimorol {
    width: 858px;
    float: left;
    color: white;
    height: 721px;
    background: url(../../../../../springleap/images/case_study/stimorol/3-4_stimrol.jpg) no-repeat scroll left top;
    padding: 60px 0 0 72px;
}

div.processStep3Hansa {
    width: 858px;
    float: left;
    color: white;
    height: 721px;
    background: url(../../../../../springleap/images/case_study/hansa/3-4_hansa.jpg) no-repeat scroll left top;
    padding: 60px 0 0 72px;
}

div.processStep3Marmite {
    width: 858px;
    float: left;
    color: white;
    height: 721px;
    background: url(../../../../../springleap/images/case_study/marmite/3-4_marmite.jpg) no-repeat scroll left top;
    padding: 60px 0 0 72px;
}

div.processStep3Nokia {
    width: 858px;
    float: left;
    color: white;
    height: 721px;
    background: url(../../../../../springleap/images/case_study/nokia/3-4_nokia.jpg) no-repeat scroll left top;
    padding: 60px 0 0 72px;
}

div.processStep3Lexus{
    width: 858px;
    float: left;
    color: white;
    height: 721px;
    background: url(../../../../../springleap/images/case_study/lexus/3-4_lexus.jpg) no-repeat scroll left top;
    padding: 60px 0 0 72px;
}

.approval {
    width: 384px;
    display: block;
    color: #ffffff;
    margin: 364px 0 0 0;
    height: 130px;
}

.approval p {
    width:335px;
}

.designersSeed {
    width: 384px;
    display: block;
    color: #324544;
    margin: 68px 0 0 0;
    height: 160px;
}

.designersSeed p {
    width:350px;
}

div.processStep3 {
    width: 858px;
    float: left;
    color: white;
    height: 122px;
    background: url(../../../../../springleap/images/case_study/black_tile_bg.jpg) no-repeat scroll left top;
    padding: 60px 0 0 72px;
}


div.processStep3 p {
    width: 234px;
}


div.processStep3 img {
  	float: right;
  	margin: -172px 0 0 0;
}


div.processStep4 {
  	width: 858px;
  	float: left;
  	height: 175px;
  	background: url(../../../../../springleap/images/case_study/seeding_bg.gif) no-repeat scroll 538px 0px white;
  	padding: 70px 0 0 72px;
}


div.processStep4 p {
  	width: 334px;
}

div.processStep5 {
  	width: 858px;
  	float: left;
  	color: white;
  	height: 199px;
  	background: url(../../../../../springleap/images/case_study/stimorol/5_stimrol.jpg) no-repeat left top;
  	padding: 0 0 0 72px;
}

div.processStep5Longribbon {
  	width: 858px;
  	float: left;
  	color: white;
  	height: 227px;
  	background: url(../../../../../springleap/images/case_study/stimorol/5_stimrol.jpg) no-repeat left top;
  	padding: 0 0 0 72px;
}

.voting {width: 384px; display: block; color: #ffffff; margin: 55px 0 0 0; height: 149px;}

.votingMarmite, .votingNokia, .votingHansa {width: 400px; display: block; color: #ffffff; margin: 45px 0 0 0; height: 149px;}

.votingStim {width: 384px; display: block; color: #ffffff; margin: 35px 0 0 0; height: 149px;}

.votingLexus {width: 384px; display: block; color: #ffffff; margin: 50px 0 0 0; height: 149px;}

.voting p, .votingStim p, .votingMarmite p, .votingHansa p, .votingLexus p {width: 280px;}

p.Nokiavote {width: 400px;}

div.processStep5 p {width: 355px;}

div.winnerStimorol{
  	width: 858px;
  	float: left;
  	color: white;
  	height: 529px;
  	background: url(../../../../../springleap/images/case_study/stimorol/winners_stimrol.jpg) no-repeat left top;
  	padding: 0 0 0 72px;
}
.winner {
    width: 315px;
    display: block;
    color: #1f2b2a;
    margin: 32px 30px 0 0;
    height: 149px;
    float:right;
}

.winner p {
    width: 315px;
        }

div.winnerStimorol .winner, div.winnerStimorol .winner p{
    width: 350px;
}


div.winnerHansa{
  	width: 857px;
  	float: left;
  	height: 501px;
  	background: #f7f7f7 url(../../../../../springleap/images/case_study/hansa/winners_hansa.jpg) no-repeat left top;
  	padding: 0 0 0 72px;
}

div.winnerHansa .winner {
    width: 315px;
    display: block;
    color: #324544;
    margin: 10px 30px 0 0;
    height: 149px;
    float:left;
}


div.winnerMarmite{
  	width: 857px;
  	float: left;
  	height: 501px;
  	background: #f7f7f7 url(../../../../../springleap/images/case_study/marmite/winners_marmite.jpg) no-repeat left top;
  	padding: 0 0 0 72px;
}

div.winnerNokia{
  	width: 857px;
  	float: left;
  	height: 501px;
  	background: #f7f7f7 url(../../../../../springleap/images/case_study/nokia/winners_nokia.jpg) no-repeat left top;
  	padding: 0 0 0 72px;
}


div.winnerLexus{
  	width: 857px;
  	float: left;
  	height: 501px;
  	background: #f7f7f7 url(../../../../../springleap/images/case_study/lexus/winners_lexus.jpg) no-repeat left top;
  	padding: 0 0 0 72px;
}

div.winnerMarmite .winner, div.winnerNokia .winner, div.winnerLexus .winner {width: 315px; display: block; color: #324544; margin: 0px 30px 0 0; height: 149px; float:left;}

div.winnerNokia .winner, div.winnerLexus .winner {margin: 10px 30px 0 0;}

div.winnerMarmite .winner p{width: 210px;}

div.winnerNokia .winner p, div.winnerLexus .winner p{width: 185px;}

.rosetteBottom {
  	background: url(../../../../../springleap/images/case_study/rosette_bottom.png) no-repeat scroll left top;
  	height: 140px;
  	height: 31px;
  	display: block;
  	margin: -30px 0 0 540px;
}

div.production {
  	width: 858px;
  	float: left;
  	height: 501px;
  	background: url(../../../../../springleap/images/case_study/production_bg.gif) no-repeat scroll right bottom white;
  	padding: 30px 0 0 72px;
}

div.production p {
  	width: 234px;
}

.getStarted {
  	margin: 10px 0 120px 0;
 	width: 930px;
 	height: 158px;
  	float: left;
  	background: url(../../../../../springleap/images/case_study/get-started.jpg) no-repeat scroll right bottom white;
}

.getStarted a {
  	background: url(../../../../../springleap/images/how/started_button.png) no-repeat scroll 0 0;
  	width: 248px;
  	height: 51px;
  	float: right;
  	text-indent: -9999px;
  	margin: 65px 127px 0 0;
}

.getStarted a:hover {
  	background-position: 0 -56px;
}