@charset "UTF-8";

#container_home {
	background:	url(../uploads_b/templates/bkgd_repeat_portfolio.jpg) repeat-x !Important;	
}

#bkgd {
	background:	url(../uploads_b/templates/bkgd_visual_portfolio.jpg) no-repeat !Important;
}

#top_spacer {	
	height:		206px !Important;
}

/* -------------------------------- */
/* Portfolio List Page              */
/* -------------------------------- */

#thumbnail_spacer {
	height: 	980px;
	height:		auto !important;
	min-height:	980px;
	margin:		30px 0px 0px 49px;
	position:	relative;
	width:		960px;
	z-index:	2;
}

#thumbnail_container {
	height: 	980px;
	height:		auto !important;
	min-height:	980px;
	/* margin:	30px 0px 0px 49px; */
	position:	relative;
	width:		960px;
	/* z-index:	2; */
}

.thumbnail_box {
	display:	block;
	float:		left;
	height: 	224px;
	width:		318px;
}

.thumbnail_box h2 {
	display:	block;
	height: 	141px;
	width:		282px;
}

.thumbnail_box a {
	background:	#FFF;
	border:		4px solid #dbdbdb;
	display:	block;
	height: 	133px;
	margin:		0px 0px 11px;
	width:		278px;
}

.thumbnail_box h1 {
	color:		#8c9b9e;
	font-size:	17px;
	font-style:	normal;
	font-weight:400;
	height: 	20px;
	margin:		0px;
	padding:	0px;
	width:		284px;
}

.thumbnail_box p {
	color:		#6b6b6b;
	font-size:	13px;
	font-style:	italic;
	font-weight:400;
	margin:		0px;
	padding:	0px;
	width:		284px;
}

/* -------------------------------- */
/* Portfolio Node Page              */
/* -------------------------------- */

#nav_back {
	display:	block;
	height:		30px;
	position:	relative;
	text-align:	right;
	width:		971px;
	z-index:	2;
}

#portfolio {
	background:	#ffffff;
	cursor:		pointer;
	border:		4px solid #dbdbdb;
	height:		504px;
	margin:		0px 0px 0px 49px;
	position:	relative;
	width:		914px;
	z-index:	2;
}

#slowmotion_header {
	background:	#749620;
	border:		4px solid #dbdbdb;
	height:		584px;
	margin:		0px 0px 0px 49px;
	position:	relative;
	width:		914px;
}

#slowmotion_header h1 {
	color:			#647612;
	font-family: 	ff-cocon-web-pro,sans-serif;
	font-size:		22px;
	font-style: 	normal;
	font-weight:	400;
	margin:			12px 0px 8px;
	padding:		0px 0px 0px 40px;
}

#slowmotion_header p {
	color:			#a0b54b;
	font-family: 	ff-cocon-web-pro,sans-serif;
	font-size:		14px;
	font-style:		italic;
	font-weight:	400;
	line-height:	17px;
	letter-spacing:	normal;
	padding:		0px 40px;
}

/* -------------------------------- */
/* Serial Scroll                    */
/* -------------------------------- */


#slideshow {
	height:		504px;
	overflow:	hidden;
	position:	relative;
	width:		914px;
}

#slideshow ul {
	height:		504px;
	list-style:	none;
	margin:		0;
	padding:	0;
	position:	relative;
	width:		9000px;
}

#slideshow li {
	float:		left;
	height:		504px;
	margin:		0;
	padding:	0;
	position:	relative;
	width:		914px;
}

#portfolio_nav {
	display:	block;
	margin:		0px 0px 0px 49px;
	padding:	8px 0px 8px;
	position:	relative;
	text-align:	center;
	width:		922px;
	z-index:	2;
}

#portfolio_nav ul {
	list-style:	none;
}

.d5_nav_points_current {
	background: url(../uploads_b/templates/nav_white_dot_current.png) no-repeat center center;
	display:	inline;
	margin:		0px 1px;
	padding:	0px;
}

.d5_nav_points {
	background: url(../uploads_b/templates/nav_white_dot.png) no-repeat center center;	
	display:	inline;
	margin:		0px 1px;
	padding:	0px;
}

.d5_nav_points a {
	cursor:		pointer; 
	margin:		0px;
	padding:	0px;
}

.d5_nav_points a:hover {
	background:  url(../uploads_b/templates/nav_white_dot_current.png) no-repeat center center;
}

.d5_nav_points a:active {
	background:  url(../uploads_b/templates/nav_white_dot.png) no-repeat center center;
}


/* -------------------------------- */
/* Cycle                            */
/* -------------------------------- */

#slideshow_cycle {
	height:		504px;
	overflow:	hidden;
	position:	relative;
	width:		914px;
}

#slideshow_cycle a img {
	cursor:		pointer;
}

#slideshow_nav a {
	background:		url(../uploads_b/templates/nav_white_dot.png) no-repeat center center;
	margin:			0px;
	padding:		3px;
}

#slideshow_nav a:hover {
	background:		url(../uploads_b/templates/nav_white_dot_on.png) no-repeat center center;
}

#slideshow_nav a.activeSlide {
	background:		url(../uploads_b/templates/nav_white_dot_current.png) no-repeat center center;
}

#slideshow_nav a:focus {
	outline: none;
}

/* -------------------------------- */
/* Scrollable Panels                */
/* -------------------------------- */

.scrollable {
	display:	block;
	height:		504px;
	margin:		0px;
	overflow:	hidden;
	padding:	0px;
	position:	relative;
	width:		914px;
}

.scroll_items {
	width:		20000em;
	position:	absolute;
}

.panel {
	float:		left;
}

/* -------------------------------- */
/* Scrollable Nav                   */
/* -------------------------------- */

#portfolio_navi {
	display:	block;
	margin:		0px 0px 0px 49px;
	padding:	8px 0px;
	position:	relative;
	width:		922px;
	z-index:	2;
}

.navi {	
	display:	block;
	height:		14px;
	margin:		0 auto;
	padding: 	0px;
	/*width:	168px;*/
}

.navi a {
	background: url(../uploads_b/templates/nav_white_dot_all.png) 0 0 no-repeat;
	display:	block;
	float:		left;
	font-size:	1px;
	height:		8px;
	margin:		3px;
	padding: 	0px;
	width:		8px;
}

.navi a:hover {
	background-position:	-12px 0px;      
}

.navi a.active {
	background-position:	-24px 0px;     
}

a.browse {
	cursor:		pointer;
	display:	block;
	float:		left;
	font-size:	1px;	
	height:		20px;	
	margin:		0px;
	padding: 	0px;	
	width:		21px;
}

a.right {
	background: url(../uploads/d5_template/home/home_scroll_next.png) 0 0 no-repeat;
}

a.right:hover {
	background-position: -21px 0px;
}

a.right:active {
	background-position: -42px 0px;
} 

a.left {
	background: url(../uploads/d5_template/home/home_scroll_prev.png) 0 0 no-repeat;
} 

a.left:hover {
	background-position: -21px 0px;
}

a.left:active {
	background-position: -42px 0px;
}

/* -------------------------------- */
/* Portfolio Text                   */
/* -------------------------------- */

#portfolio_text {
	margin:		0px 0px 0px 49px;
	padding:	0px 0px 90px;
	position:	relative;
	width:		922px;
	z-index:	2;
}

#portfolio_text h1 {
	color:			#8c9b9e;
	font-size:		32px;
	font-weight:	300;
	margin:			0px 0px 6px 0px;
}

#portfolio_text h3 {
	background:	url(../uploads_b/templates/video_bkgd.gif) repeat;
	border:		4px solid #dbdbdb;
	margin:		20px 0px 20px;
	padding:	20px 0px;
	position:	relative;
	text-align: center;
	z-index:	2;
}

#portfolio_text p {
	color:			#666;
	font-size:		14px;
	font-style:		italic;
	font-weight:	400;
	line-height:	20px;
}