@charset "UTF-8";
/* CSS Document */

/* ---------------- Sliding_THUMBS   START */

.thumbs {
	height: 215px;
	width: 200px;
	clear: none;
	float: left;
	margin: 5px;
	padding: 15px;
	background-color: #FFF;
	
}

.info_slide_panel_text {
	height: 185px;
	width: 170px;
 
}

.box{ 
	height: 215px;
	width: 200px; 
	overflow: hidden;
	position: relative; 
}

.box img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.info_box_dark{ 
	float: left; 
	position: absolute; 
	height: px;
	width: 240px;
	background-color: #111111;
	padding: 15px;
	opacity: .95;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.infofull .info_box_dark {
	left: 0px;
	top: 215px;
}

.thumb_link {
	position: absolute;
	bottom: 20px;
}



/* ---------------- Sliding_RELATED  START */

.info_box_dark_small{ 
	float: left; 
	position: absolute; 
	height: px;
	width: 130px;
	background-color: #111111;
	padding: 15px;
	opacity: .95;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.infofull .info_box_dark_small {
	left: 0px;
	top: 215px;
}

.thumb_link {
	position: absolute;
	bottom: 20px;
}

/* ---------------- Sliding_THUMBS   END */

/* ---------------- Sliding_RELATED  START */



.info_slide_panel_text_related_project {
	height: 110px;
	width: 110px;
 
}

.related{ 
	height: 130px;
	width: 130px; 
	overflow: hidden;
	position: relative; 
}

.related img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.info_related{ 
	float: left; 
	position: absolute; 
	height: px;
	width: 150px;
	background-color: #111111;
	padding: 10px;
	opacity: .95;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.infofull .info_related {
	left: 0px;
	top: 130px;
}

.thumb_link_related {
	position: absolute;
	bottom: 10px;
}

/* ---------------- Sliding_RELATED  END */
/*--------------------------------------------------------*/
/* ---------------- Sliding_HOME_STRIPE PEEK   START */


.home { 
	height: 410px;
	width: 270px; 
	overflow: hidden;
	position: relative; 
}

.info_peek_bg{
	height: 130px;
	width: 270px;
	background-image: url(../home/images/projects_previous/peek_bg.jpg);	 
}

.info_peek_panel_text {
	height: auto;
	width: 240px;
	padding: 15px;
}


.info_home_peek_img{
	float: left;
	position: absolute;
	height: 410px;
	width: 270px;
	}


.infofull .info_home_peek_img{
	left: 0px;
	top: 0px;
}

/* ---------------- Sliding_HOME_STRIPE PEEK   END */
/*--------------------------------------------------------*/