/*! 
 * CSS Document 
 * @author Yin Li yin.li@rosetta.com
 * @date: Monday Jun 27, 2011
 */

/* Zero Out
---------------------------------------- */
div, img, body, a, h1, h2, h3, h4{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
/* Remove outline of links in FF */
a:active, a:focus{outline:0}
img{border:0;}
sup { line-height:0px; }
a { color: #CC0000; }

/* clearfix hack (mostly for ie/ie6) */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Structure
---------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	text-align: center;
	background: #D8D4C3 url(../../images/casestudies-bg.jpg) repeat-x;
}
.wrap {
	width: 994px;
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
}

/* very top: logos + links */
.head {
	overflow: hidden;
	height: 86px;	
}
.head h1 span, .head h2 span {
	position: relative;
	display:none;	
}
.head h1 {
	float: left;
	width: 218px;
	height: 80px;
	top: 0px;
	background: url(../../images/casestudies-head-left.png) 0 0 no-repeat;	
}
.head h2 {
	float: right;
	width: 117px;
	height: 41px;
	background: url(../../images/casestudies-head-right.png) 0 0 no-repeat;	
	top: 0px;
	position: relative;
}
.head h2 a {
	width: 132px;
	height: 45px;
	text-decoration:none;
	cursor:pointer;
	display:block;
}
.foot {
	text-align:center;
	color:#8f8b76;
	font-size:11px;
	padding-bottom:30px;
}
/* content area */
.content-top {
	width: 994px;
	height: 9px;
	background: url(../../images/casestudies-content-top.png) 0 0 no-repeat;
}
.content-btm {
	width: 994px;
	height: 15px;
	background: url(../../images/casestudies-content-btm.png) 0 0 no-repeat;
}
.content-outer {
	background: url(../../images/casestudies-content-bg.png) repeat-y;
	padding: 0px 8px;
}
.content-inner {
	background: url(../../images/casestudies-content-inner-bg.gif) 0 0 no-repeat;
}
.content-inner-btm-cap {
	width: 978px;
	height: 98px;
	background: url(../../images/casestudies-content-inner-btm.jpg) 0 0 no-repeat;
}
/* 3 columns of content */
/* left */
.col-l {
	float: left;
	width: 185px;
	min-height:300px;
	height:auto;
	height:300px;
	background: url(../../images/casestudies-pdf.png) 29px 45px no-repeat; 
}
.col-m {
	float: left;
	width: 496px;
}
.col-r {
	float: left;
	width: 256px;
	margin: 85px 23px 0 16px;
	padding:0;
}
/* middle column - headlines */
.col-m .intro-headline{
	padding: 0;
	font-size:30px;
	color:#666;
	letter-spacing:-2px;
	line-height:50px;
	text-transform:uppercase;
}
.col-m .headline {
	padding: 0;
	margin:-10px 0 0 0;
	font-size: 48px;
	line-height: 63px;
	color: #666;
	zoom: 1;
	z-index: 2;
	position: relative;
	letter-spacing: -2px;	
}
.col-m .headline span { 
	font-size: 50%;
	line-height: 50%;
	vertical-align: middle;
}
/* middle column - copy area */
.col-m .copy-main {
	margin-top: -14px;
	min-height: 300px;
	padding: 20px 12px;
	color: #666;
	border: 1px solid #CFCFCF;
	background: url(../../images/casestudies-copy-bg-tile.png);
	z-index:1;
}
.col-m .copy-main h2 {
	border-bottom: 1px solid #CFCFCF;
	font-size: 20px;
	padding-top: 10px;
	margin-bottom: 15px;
}
/* copy area */

.copy-main p{
	padding: 0;
	margin: 0;
}
.collapsable {
	color: #CC0000;
	font-size: 14px;
	line-height:17px;
	padding-left: 18px;
	background: url(../../images/plusminus.png) 0 1px no-repeat;
	cursor: pointer;
	margin: 0 0 10px 0;
}
/* for jquery opening */
h3.open {
	background-position: 0 -15px;	
}
.csection {
	display: none;
	padding: 0 18px 10px 30px;	
}
/* formatting */
.csection .company, .csection .blurb, .csection .quote{
	font-size: 12px;
	margin-left:3px;
}
.csection .company{
	font-weight:bold;
	line-height:24px;
}
.csection .blurb{
	margin-bottom:10px;
}

.csection .quote{
	margin-right:40px;
	padding-bottom:20px;
	color:#333333;
}
.csection .quote .lquote, .csection .quote .rquote {
	display:inline-block;
	margin:0;
	padding:0;
	}
.csection .quote .lquote {
	height:15px;
	width:19px;
	background: url(../../images/casestudies-lquote.gif) no-repeat;
	vertical-align:top;
}

.csection .quote .rquote{
	height:14px;
	width:20px;
	background: url(../../images/casestudies-rquote.gif) no-repeat;
	vertical-align:bottom;
}

.csection .dl{
	margin: 10px 0 0 0;
	height:29px;
	width:114px;
}
.csection .dl img{
	display:block;
	border:none;
}
.csection .bt, .csection .wr, .csection .susan { margin-left:5px; }
.csection .bt{
	background: url(../../images/casestudies-logo-bt.png) right 40px no-repeat;
}
.csection .wr{
	background: url(../../images/casestudies-logo-wr.png) right 28px no-repeat;
}
.csection .susan{
	background: url(../../images/casestudies-logo-susan.png) right 40px no-repeat;
}

/* right */
.col-r .right-main{
	background: url(../../images/casestudies-r-bg.png) ;
	border:1px solid #cfcfcf;
	padding: 8px;
}
.right-main h2{
	color:#666666;
	font-size:18px;
}
.right-main ul{
	background: url(../../images/casestudies-phone.jpg) left 2px no-repeat;
	margin:7px 0 0 3px;
	padding:0 0 8px 53px;
}
.right-main li{
	display:block;
	padding:0;
	font-size:11px;
	list-style:none;
}
.right-main li.intro{
	color:#666666;
}
.right-main li.link{
	color:#cc0000;
	margin-left:3px;
	padding-left:7px;
	background: url(../../images/casestudies-r-arrow.gif) center left no-repeat;
}
.right-main li.link a{ text-decoration:none; }