@font-face {
	font-family: OmnesRegular;
	src: url('/assets/fonts/Omnes.eot');
	src: local('/assets/fonts/Omnes'), local('/assets/fonts/Omnes'), url('/assets/fonts/Omnes.woff') format('woff'), url('/assets/fonts/Omnes.ttf') format('truetype');
}

/*
@font-face {
	font-family: OmnesRegular;
	src: url('/assets/fonts/Omnes.eot');
	src: local('/assets/fonts/Omnes'), local('/assets/fonts/Omnes'), url('/assets/fonts/Omnes.woff') format('woff'), url('/assets/fonts/Omnes.ttf') format('truetype');
}
*/
/* GENERIC */
body{
	font-family:lucida sans unicode, lucida grande, verdana, arial, helvetica, sans-serif;
  font-family:OmnesRegular, lucida sans unicode, lucida grande, verdana, arial, helvetica, sans-serif;
	font-size:20px;
	background-color: #e6e6e6;
	color: #666666;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;	
}
 
h1{font-size:17px;color:#333;padding:15px 5px 5px 0px;font-weight:normal;}
h3{font-size:20px;font-weight:normal;padding:15px 5px 10px 0;letter-spacing:0.5px;}
h3.intro{font-size:29px;
font-weight:normal;
line-height:31px;
padding:15px 5px 10px 0;}
p{padding:0 0 10px 0;} 
a{text-decoration:none;color:#666;}
a:hover, a.active{border-bottom:2px solid #84cec3;}
a:active{color:#333;}

.hide{display:none;}
.show{display:block;}
 
#wrapper{
	width:980px;
	margin:0 auto;	
	clear:left;
	overflow:hidden;
}
/* 
#wrapper_mask{
	position:fixed;
	height:100%;
	width:100%;	
	top:0px;
	left:0px;
	z-index:0;
}
*/ 
.column{
	width:245px;
	float:left;
}
 
/* MODULES */ 
.module{
	position:relative;
	width:225px;
	margin:10px;
	_margin:5px;
	float:left;	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	z-index:1;
	overflow:hidden;
	cursor:pointer;
}

.module a.moduleLink{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	cursor:pointer;
}

.module a.moduleLink:hover{
	border:none;
	z-index:0;
}

.moduleContent{
	width:205px;
	background-color:#f9f9f9;	
	padding:10px 10px 10px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

/* MODULE STATES */
.masked{
	opacity:.20;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 */
	filter: alpha(opacity=20);					/* IE6 & 7 */
}

.masked .csIndicator{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);					
}
 
.hover{
	background-color:#d3d6d3;
	opacity:1;		
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);			
}  

/* AJAX ERROR */
div.error{	
	background-color:#FFFFFF;
	padding:10px;
	width:300px;
	height:140px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-100px 0 0 -150px;
	z-index:100;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

div.error h1{
	background: transparent url(/img/warning.png) no-repeat top left;
	padding:0 0 0 55px;
	height:45px;
	line-height:40px;
}

div.error p{
	margin-top:10px;
	text-align:center;
}
/* CASE STUDY */
#case_study_wrapper{
	position:absolute;	
	width:715px;
	height:auto;
	z-index:100;
	top:0;
	left:0;
}

.caseStudy{
	position:absolute;	
	padding:20px;			
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#f9f9f9;
	width:675px;
	z-index:10;
	-moz-box-shadow:3px 4px 10px #C0C0C0;
	-webkit-box-shadow:3px 4px 10px #C0C0C0;
	box-shadow:3px 4px 10px #C0C0C0;
}
 
#cs_indicator{
	background: transparent url(/img/indicator.gif) repeat top left;
	position:absolute;	
	width:100px;
	height:100px;
	top:50%;
	left:50%;
	margin:-55px 0 0 -50px;
}

.moduleContent h1{font-family:OmnesRegular, lucida sans unicode, lucida grande, verdana, arial, helvetica, sans-serif;}
 
.caseStudy h1{
	font-family:OmnesRegular, lucida sans unicode, lucida grande, verdana, arial, helvetica, sans-serif;	
	font-size:50px;
	font-weight:normal;
	color:#84cec3;
	line-height:45px;	
	text-transform: uppercase;
	padding-top:0px;
}

.caseStudy h1#heading img{margin:0;}

.caseStudy a.close{
	float:right;
	display:block; 
	height:39px; 
	width:222px;	
	background:transparent url(/img/casestudy_close_sprite.png) no-repeat top left;
	text-indent:-10000px;
}
 
.caseStudy a.close:hover{
	background-position: bottom left;
	border-bottom:none;
}

.caseStudy .pagination{padding:55px 0 30px;height:20px;}
.caseStudy .pagination a{
  float:left;
  font-size:15px;
  margin-right:65px;
}
.caseStudy .player{display:block;width:675px;height:380px;margin-top:20px; background-color:#FFF;clear:both;}
.caseStudy .player:hover{border-bottom:none;}
.caseStudy .player img{margin-top:0px;}

.caseStudy img{
	margin-top:20px;
}



.caseStudy .caseStudyCopy .singleCol p, .caseStudy .caseStudyCopy .doubleCol p, .caseStudy .caseStudyCopy .tripleCol p{
	/*
  text-align:left;
	padding:10px 0;
  */
  padding:5px 2px 15px;
  
  letter-spacing:1px;
  line-height:26px;

  text-align:left;
}
/*
.caseStudy .caseStudyCopy .singleCol strong, .caseStudy .caseStudyCopy .doubleCol strong, .caseStudy .caseStudyCopy .tripleCol strong{
  color:#84CEC3;
}*/

.caseStudy .caseStudyCopy{
	margin-top:10px;
  clear:both;
}

.caseStudy .caseStudyCopy ul{
	margin-bottom:20px;
}

.caseStudy .caseStudyCopy .singleCol div{}
.caseStudy .caseStudyCopy div.left {margin-right:10px;}
.caseStudy .caseStudyCopy div.center {margin:0 10px;}
.caseStudy .caseStudyCopy div.right {margin-left:10px;}

.caseStudy .caseStudyCopy .doubleCol div{
	float:left;
	width:327px;	
}
.caseStudy .caseStudyCopy .tripleCol div{
	float:left;
	width:211px;	
}