.case_study{padding-top: 60px; }

.case_study .m2{z-index: 500;}
.case_study .heading, .case_study .banner{z-index: 600;}

.edit_this_page{position: fixed; top: 50px; left: 50%; margin-left: -590px; width: 100px; padding: 10px 0; background: #555; font-size: 14px; text-align: center; color: #fff; opacity:0.5; text-decoration: none;}
.edit_this_page:hover{opacity:1; background: #000;}

.case_study .strip_back .bar{height: 29px; background: #000; position: absolute; top:110px; left: 50%; width: 50%;}

.case_study .m2{float: right; width: 160px; padding-right: 80px; text-align: right; padding-top: 30px; position: relative; padding-bottom: 20px;}
.case_study .m2 a{font-size: 12px; text-transform: uppercase; display: block; padding: 5px 0 6px; color: #09f; text-decoration: none; position: relative;}
.case_study .m2 .arrow{display: block; width: 413px; height: 30px; position: absolute; top:0; right: 360px; background: #fff url(../vendor/images.sw/arrows/left/5/000000.gif) no-repeat right}

.case_study .m2 a:hover{color: #c00;}
.case_study .m2 a.current:hover{color: #ccc;}

.case_study .m2 a span{display: none; position: absolute; top:5px; right: -95px; width: 87px; height: 20px; background: url(../images/who-are-you/dude/case-study-label.gif) no-repeat 0 -24px; text-indent: -99999em;}
.case_study .m2 a:hover span{background-position: 0 0; display: block;}

.case_study .m2 a.current {position: absolute; top:0; right: 0; width: 280px; padding-right: 80px; background: #000; color: #fff;}
.case_study .m2 a.current span{display: none;}


.case_study .heading,
.case_study .banner,
.case_study .content{float: left; padding-left: 80px; padding-bottom: 30px; position: relative;}

.case_study .heading{width: 470px;}
.case_study .banner{width: 550px;}

.case_study .sales_line{padding: 0 80px 20px; clear: both; text-align: center;}

.case_study .content{width: 310px; padding-bottom: 320px; min-height: 560px;}

/* splat etc is with content 'cause it gets biggar */
.case_study .content .paint_splat{position: absolute; top: 100%; right: 0; margin: -411px -365px 0 0; background: url(../images/case-studies/blat-bottom.jpg); width: 374px; height: 451px;}
.case_study .content .paint_rep{width: 6px; background: #09f; height: 100%; position: absolute; right: 0; top:70px; margin: 314px -127px 0 0;}

.case_study .main_image{width: 440px; height: 384px; float: right; padding-right: 80px; position: relative;}
.case_study .main_image .the_frame{background: url(../images/case-studies/picture-frame.png); width: 440px; height: 384px; position: absolute; top:0; left: 0;}

.case_study .main_image .the_image{background: #09f; width: 300px; height: 280px; position: absolute; top:50%; left: 50%; margin:-150px 0 0 -150px; text-align: center;}
.case_study .main_image .the_image img{width: 300px;}