/*
@font-face {
	font-family: 'StagBook';
	src: url('/assets/fonts/stag-book-webfont.eot');
	src: local('☺'), url('/assets/fonts/stag-book-webfont.woff') format('woff'), url('/assets/fonts/stag-book-webfont.ttf') format('truetype'), url('/assets/fonts/stag-book-webfont.svg#webfontVkfENmIg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'StagSemibold';
	src: url('/assets/fonts/stag-semibold-webfont.eot');
	src: local('☺'), url('/assets/fonts/stag-semibold-webfont.woff') format('woff'), url('/assets/fonts/stag-semibold-webfont.ttf') format('truetype'), url('/assets/fonts/stag-semibold-webfont.svg#webfontrEcEPb9s') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'StagMedium';
	src: url('/assets/fonts/stag-medium-webfont.eot');
	src: local('☺'), url('/assets/fonts/stag-medium-webfont.woff') format('woff'), url('/assets/fonts/stag-medium-webfont.ttf') format('truetype'), url('/assets/fonts/stag-medium-webfont.svg#webfontoctI70VG') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'OmnesRegular';
	src: url('/assets/fonts/Omnes.eot');
	src: local('☺'), url('/assets/fonts/Omnes.woff') format('woff'), url('/assets/fonts/Omnes.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
/* GENERIC */
body{
  font-family: helvetica, arial, lucida sans unicode, lucida grande, sans-serif;
	/*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:17px;
	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;}
div.hr{height:1px;color:#aeaeae; border-top:1px solid #aeaeae;}
.hide{display:none;}
.show{display:block;}
 
#wrapper{
	width:980px;
	margin:0 auto;	
	clear:left;
	overflow:hidden;
}

.column{
	width:245px;
	float:left;
}
 
/* MODULES */ 
.module{
	position:relative;
	width:225px;
	margin:10px;
	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;
	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: helvetica, arial, lucida sans unicode, lucida grande, sans-serif;
  /*font-family:OmnesRegular, lucida sans unicode, lucida grande, verdana, arial, helvetica, sans-serif;*/
}
 
.caseStudy h1{
	font-family: helvetica, arial, lucida sans unicode, lucida grande, sans-serif;
  /*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 .videoPlayer{display:block;width:675px;height:380px;margin-top:20px; background-color:#FFF;clear:both;}
.caseStudy .videoPlayer:hover{border-bottom:none;}
.caseStudy .videoPlayer img{margin-top:0px;}

.caseStudy .audioPlayer{display:block;width:675px;height:30px;margin-top:20px; background-color:#FFF;margin:20px auto 0;clear:both;}
.caseStudy .audioPlayer:hover{border-bottom:none;}
.caseStudy .audioPlayer img{margin-top:0px;}

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

.caseStudy .flashUpgrade {
  display:block;
  background:url("/img/flash_download.png") no-repeat scroll center 90px #FFFFFF;
  border:1px solid #e6e6e6;
  margin:20px auto;
  padding:20px 100px 90px;
}

.caseStudy .flashUpgrade:hover{border-bottom:1px solid #e6e6e6;}

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

.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;	
}