/*
	FUZZ PRODUCTIONS (c) 2010
	------------------------------------
	CASE STUDY STYLE SHEET
	
	USEAGE:
	STYLES FOR ALL CASE STUDIES, COLORS WILL PROB BE DYNAMIC (OR OVERRIDES) SO LEAVE THEM OUT FOR NOW
	
	------------------------------------	
	REFERANCE: 
	COLORS
	Orange- #fb4f14;
	YOrange- #f99522;
	Fuschia- #e71d5f;
	Green - #39b700;
	Blue - #005cff;
	Lt Gray - #bebebe; 
	Dk Gray = #989898;
		
*/
/*=======================================================================================================*/
/*	COLOR SWAP STYLES	*/
/*=======================================================================================================*/
body.web #wrapper #header #navTop li a.active,body.web #wrapper #header .height_fix #navBottom li a.active,body.web #wrapper #header .height_fix #navBottom li a:hover,body.web #wrapper #content #content_internal #case_study_extras h1{
	color:#9ec435 !important;
}
body.mobile #wrapper #header #navTop li a.active,body.mobile #wrapper #header .height_fix #navBottom li a.active,body.mobile #wrapper #header .height_fix #navBottom li a:hover,body.mobile #wrapper #content #content_internal #case_study_extras h1{
	color:#4eaff5 !important;
}
/*=======================================================================================================*/
/*	STYLES	*/
/*=======================================================================================================*/



.case_study_title{
	float:left;
	width:100%;
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size:32px;
	letter-spacing:1px;
	font-weight: normal;
	padding:0 0 15px !important;
}

.colFull{
	float:left;
	margin-bottom:15px;
	margin-top:11px;
}

h1.web{
	color:#9EC435;
}

h1.mobile{
	color:#4EAFF5;
}

h1.social{
	color:#D20E68;	
}


h2.testimonial{
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size:32px;
	letter-spacing:1px;
	font-weight: normal;
}

h2.web{
	color:#9EC435 !important;
}

h2.mobile{
	color:#4EAFF5 !important;
}

h2.social{
	color:#D20E68 !important;	
}

#case_study_slider{
	float:left;
	width:572px;
	height:352px;
	position:relative;
}

#case_study_slider.blue{
	height:522px;
}

#case_study_slider_rel{
	left:0;
	overflow:auto;
	position:absolute;
	top:0;
	width:572px;
	height:352px;
}

.blue #case_study_slider_rel{
	height:522px;
}

#case_study_slider_rel ul{
	background:#FFFFFF none repeat scroll 0 0;
	left:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	position:absolute;
	top:0;
	width:99999px;
}
#case_study_slider_rel ul li{
	float: left;
	width: 870px;
	display: block;
}
#start-stop{display:none;}
.arrow{display:none;}
#thumbNav{
	float:left;
	z-index:9999;
	position:absolute;
	bottom:-35px;
}
#thumbNav a{
	float:left;
	margin-left:0;
	margin-right:5px;
	text-align:center;
	text-indent:1px;
	width:18px;
	height:18px;
	padding-top:1px;
	color: #686868;
	border:1px solid #686868;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#thumbNav a.cur{
	background:#686868;
	color:#fff;
}
.case_study_panel{

}
.case_study_image{
	
}
#case_study_extras{
	clear:none;
	float:left;
	margin:0;
	padding:0 0 0 25px;
	width:250px;
}

#case_study_extras em{
	color:#686868;
	float: left;
	font-family:helvetica, arial, sans-serif;
	font-size:13px;
	font-style:normal;
	letter-spacing:0.2px;
	word-spacing:0.8px;
}

p.author{
	float: left;
	font-family:'FlamaBasic',Helvetica,Arial,sans-serif;
	font-size:15px;
	margin:5px 0 0;
	text-align:left;
	margin:20px 0 0;
}

.bigQuote{
	font-family:helvetica, arial, sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:bold;
}

#case_study_text{
	float:left;
	margin:0 0 25px;
	width:auto;
}
	#case_study_text p{
		color:#777777;
		font-size:13px;
		letter-spacing:0.5px;
		line-height:19px;
		margin-bottom:10px;
	}
	
	#case_study_text p.long_desc a{
		float:right;
		margin-left:20px;
		margin-top:10px;
	}
	
	#appStore{
		float:left !important;
		margin-left:0 !important;
	}
	
	.CNN{
		float:left !important;
	}
	
	a#launch_link.blue{display:none;}

#case_study_back{
	clear:both;
	float:left;
	width:870px;
	margin:25px;
}
#case_study_back_link{
	float:left;
	margin: 4px 0 0 0;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 18px;
	background: url('../images/back_arrow.jpg') no-repeat center left;
}

#case_study_spacer{
	float:left;
	width:870px;
	height:40px;
}


/*=======================================================================================================*/
/*	SLIDER	*/
/*=======================================================================================================*/


.yorange #thumbNav a{
	border:1px solid #9EC435;
	color:#9EC435;
}

.yorange #thumbNav a.cur{
	background:#9EC435 none repeat scroll 0 0;
	color:#FFFFFF;
}

.blue #thumbNav a{
	border:1px solid #4EA9EC;
	color:#4EA9EC;
}

.blue #thumbNav a.cur{
	background:#4EA9EC none repeat scroll 0 0;
	color:#FFFFFF;
}

.fuschia #thumbNav a{
	border:1px solid #D20E68;
	color:#D20E68;
}

.fuschia #thumbNav a.cur{
	background:#D20E68 none repeat scroll 0 0;
	color:#FFFFFF;
}