/***************************************************

	intrance - WORK PAGE CASE STUDY STYLES 	
	
****************************************************/

/******* INDEX ********
	=project info
	=project screens
	=popup video player
************************/


#project_info {
	float: left;
	width: 305px;
	margin-right: 35px;
}
	#project_info h2 {
		font-size: 23px;
		line-height: 28px;
	}
	#project_info p {
		font-size: 14px;
	}
	#project_info #related_blog_posts {
		margin-top: 50px;
	}
		#project_info #related_blog_posts h3 {
			font-size: 12px;
			font-weight: bold;
			color: #000;
		}
		#project_info #related_blog_posts ul li {
			background: url(../images/common/icons/blt_blog_post.gif) no-repeat;
			padding-left: 20px;	
			margin: 8px 0;
			line-height: 18px;		
		}	
		#project_info #related_blog_posts ul li a {
			color: #00CC33;
			text-decoration: none;
		}
		#project_info #related_blog_posts ul li a:hover {
			text-decoration: underline;
		}
	#project_info p a {
		color: #00CC33;
		text-decoration: none;
	}
		#project_info p a:hover {
			color: #009900;
		}
	
	
	
#project_screens {
	float: left;
	width: 533px;
}
	#project_screens .top {
		height: 10px;
		font-size: 1px;
		background: url(../work_ex_files/bg_image_viewer_top.gif) no-repeat;		
	}
	#project_screens .content {
		background: #f8f8f8;
		border-right: 1px solid #eceaea;
		border-left: 1px solid #eceaea;
		width: 508px;
		padding: 5px 10px 0 10px;
	}
	#project_screens .bottom {
		height: 10px;
		background: url(../work_ex_files/bg_image_viewer_bottom.gif) no-repeat;		
	}
	#project_screens #button_row {
		position: relative;
		width: 508px;
		text-align: center;
		height: 21px;
		margin-bottom: 5px;
	}
		#project_screens #button_row #previous_button {
			width: 58px;
			position: absolute;
			top: -5px;
			left: 0;
		}
		#project_screens #button_row #next_button {
			width: 59px;
			position: absolute;
			top: -5px;
			right: 0;
		}
		#project_screens #button_row #screen_indicators {
			width: 370px;
			font-size: 7px;
		}
			#project_screens #button_row #indicatorMold {
				display: none;
			}
			#project_screens #button_row a {
				margin-top: 8px !important;
				margin-right: 2px;
				width: 6px;
				background: url(../images/common/icons/indicator_dark.gif) no-repeat;				
			}	
			#project_screens #button_row a.active {
				background: url(../images/common/icons/indicator_light.gif) no-repeat;
			}
	#project_screens .screenshot {
		border: 1px solid #dfdfdf;
	}
	#project_screens .video_thumb {
		border: none;
	}
	#project_screens .screenshot.hidden {
		display: none;
	}
	
	
#project_details {
	float: right;
	width: 533px;
	margin-top: 40px;
}
	#project_details h2 {
		font-size: 23px;
		line-height: 28px;
	}
		#project_details ul {
			margin-left: 15px;
		}
			#project_details ul li {
				list-style-type: disc;
				margin-bottom: 5px;
			}
	#project_details .results {
		float: left;
		width: 220px;
		padding: 0 20px;
		margin-right: 20px;
		border-right: 1px solid #ebebeb;
	}
	#project_details .awards {
		width: 252px;
		float: left;
	}
		#project_details .awards h2 {
			text-align: center;
		}
		#project_details .awards .button {
			float: left;
			margin-top: 35px;
		}
		#project_details .awards .carousel_window {
			width: 190px;
			height: 125px;
			overflow: hidden;
			position: relative;
			float: left;
			margin: 0 8px;
		}
		#project_details .awards .carousel_item {
			position: absolute;
			top: 0;
			right: -190px; 
			width: 190px;
		}
			#project_details .awards .carousel_item .award_pic {
				float: left;
				margin-right: 10px;
			}
			#project_details .awards .carousel_item .title {
				display: block;
				float: left;
				width: 85px;
				margin-top: 20px;
				font-size: 12px;
				font-weight: bold;
			}
			#project_details .awards .carousel_item .class {
				display: block;
				float: left;
				width: 85px;
				font-size: 10px;
			}
			#project_details .awards .carousel_item .awarded {
				display: block;
				float: left;
				width: 85px;
				font-size: 11px;
				font-weight: bold;
				margin-top: 5px;
			}
			
	
		.project_article ul {
			list-style:disc;
			margin-left: 20px;
		}
		.project_article ul li {
			margin-left: 17px;
			margin-bottom: 10px;
			line-height: 20px;
		}
		
		.project_article ol {
			margin-left: 20px;
			list-style: decimal;
		}
		
		.project_article ol li {
			margin-left: 20px;
			margin-bottom: 10px;
			line-height: 20px;
	
		}
		
/* ENLARGED SCREENSHOTS */
/*
#fullsize_project_screens {
	background: #f8f8f8;
	width: 508px;
	
	position: absolute;
	visibility: hidden;
	z-index: 500;
}
	#fullsize_project_screens .close_button_row {
		margin-bottom: 10px;
		text-align: right;
	}	
	#fullsize_project_screens #button_row {
		position: relative;
		width: 508px;
		text-align: center;
		height: 21px;
		margin-top: 15px;
	}
		#fullsize_project_screens #button_row #previous_button {
			width: 58px;
			position: absolute;
			top: -5px;
			left: 0;
		}
		#fullsize_project_screens #button_row #next_button {
			width: 59px;
			position: absolute;
			top: -5px;
			right: 0;
		}
		#fullsize_project_screens #button_row #screen_indicators {
			width: 370px;
			font-size: 7px;
		}
		#fullsize_project_screens #button_row a {
			margin-top: 8px !important;
			margin-right: 2px;
			width: 6px;
			background: url(../images/common/icons/indicator_dark.gif) no-repeat;				
		}	
		#fullsize_project_screens #button_row a.active {
			background: url(../images/common/icons/indicator_light.gif) no-repeat;
		}
	#fullsize_screen_container {
	}
	#fullsize_project_screens .screenshot {
		border: 1px solid #dfdfdf;
	}
	#fullsize_project_screens .screenshot.hidden {
		display: none;
	}
*/

	
	
/*********************
	POP UP CONTENT 
**********************/
/*
#popup_content {
	position: absolute;
	visibility: hidden;
}	
#popLayerFade {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;		
}	
#popLayerShadow {
	visibility: hidden;
	position: absolute;
}
	#popLayerShadow .corner {
		position: absolute;
		width: 10px;
		height: 10px;
		background: lime;
		font-size: 1px;
	}
	#popLayerShadow .top, #popLayerShadow .bottom {
		position: absolute;
		height: 10px;
		font-size: 1px;
	}
	#popLayerShadow .left, #popLayerShadow .right {
		position: absolute;
		width: 10px;
	}
	#popLayerShadow .topLeft {
		top: 0;
		left: 0;
	}
	#popLayerShadow .topRight {
		top: 0;
		right: 0;
	}
	#popLayerShadow .bottomRight {
		bottom: 0;
		right: 0;
	}
	#popLayerShadow .bottomLeft {
		bottom: 0;
		left: 0;
	}
	#popLayerShadow .top {
		top: 0;
		left: 10px;
	}
	#popLayerShadow .right {
		top: 10px;
		right: 0;
	}
	#popLayerShadow .bottom {
		left: 10px;
		bottom: 0;
	}
	#popLayerShadow .left {
		top: 10px;
		left: 0;
	}
	#popLayerShadow .center {
		position: absolute;
		top: 10px;
		left: 10px;
	}
*/


/* SITE SPECIFIC STYLES */	
/*
#popup_content {		
	z-index: 500;		
	background: red;		
	width:200px;
	height: 300px;
}
#popLayerShadow {
	z-index: 450;
}

#popLayerFade {
	background: url(../images/common/backgrounds/bg_black_fade.png) !important;
	background: #000;
	z-index: 400;
}
#walkthrough_flash {
	position: absolute;
	visibility: hidden;
	width: 749px;
	height: 476px;
	z-index: 500;
	background: #f5f5f5;
}
	#walkthrough_flash .close_button_row {
		margin-bottom: 10px;
		text-align: right;
	}

#popLayerShadow .topLeft {
	background: url(../images/common/backgrounds/pop_corner_tl.png) no-repeat;	
}
	* html #popLayerShadow .topLeft {
		background: url(../images/blank.gif);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../resources/images/common/backgrounds/pop_corner_tl.png');
	}
#popLayerShadow .topRight {
	background: url(../images/common/backgrounds/pop_corner_tr.png) no-repeat;	
}
	* html #popLayerShadow .topRight {
		background: url(../images/blank.gif);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../resources/images/common/backgrounds/pop_corner_tr.png');
	}
#popLayerShadow .bottomLeft {
	background: url(../images/common/backgrounds/pop_corner_bl.png) no-repeat;	
}
	* html #popLayerShadow .bottomLeft {
		background: url(../images/blank.gif);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../resources/images/common/backgrounds/pop_corner_bl.png');
	}
#popLayerShadow .bottomRight {
	background: url(../images/common/backgrounds/pop_corner_br.png) no-repeat;	
}
	* html #popLayerShadow .bottomRight {
		background: url(../images/blank.gif);
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../resources/images/common/backgrounds/pop_corner_br.png');
	}
#popLayerShadow .top {
	background: #f5f5f5;
	border-top: 1px solid #eaeaea;
}
#popLayerShadow .right {
	background: #f5f5f5;
	border-right: 1px solid #eaeaea;
}
#popLayerShadow .bottom {
	background: #f5f5f5;
	border-bottom: 1px solid #eaeaea;
}
#popLayerShadow .left {
	background: #f5f5f5;
	border-left: 1px solid #eaeaea;
}
*/

/* POP UP VIDEO LAYER */
#popLayerFade {
	background:transparent url(../images/common/backgrounds/bg_popup_fade.png) repeat scroll 0 50%;
	padding-bottom:30px;
	z-index:400;
	position: absolute;
	top: 0;
	left: 0;
	visibility:hidden;
}
	* html #popLayerFade {
		background:#000000 none repeat scroll 0 0;
		opacity:0.8;
	}
	
#popUpVideoPlayer {
	visibility: hidden;
	position: absolute;
	z-index: 500;
	top: -10000000px;
}
	#popUpVideoPlayer .close_button_row {
		text-align: right;
		margin-bottom: 7px;
	}
	
	#popUpVideoPlayer td {
		background: #fff;
	}

	#popUpVideoPlayer .tl {
		height: 10px;
		width: 10px;
		background:transparent url(../images/common/backgrounds/bg_popup_corners.png) no-repeat 0 0;
	}
	#popUpVideoPlayer .tr {
		height: 10px;
		width: 10px;
		background:transparent url(../images/common/backgrounds/bg_popup_corners.png) no-repeat -10px 0;
	}
	#popUpVideoPlayer .bl {
		height: 10px;
		width: 10px;
		background:transparent url(../images/common/backgrounds/bg_popup_corners.png) no-repeat 0 -10px;
	}
	#popUpVideoPlayer .br {
		height: 10px;
		width: 10px;
		background:transparent url(../images/common/backgrounds/bg_popup_corners.png) no-repeat -10px -10px;
	}