/********** Homepage Carousel *********/
#carousel {
	position:		relative;
	width:			100%;
	height:			420px;
	margin-bottom:	30px;
}
#carousel .project {
	position:		relative;
	float:			left;
	margin:			0;
}
.preview-widget .project-thumb {
	height:			76px;
}
#carousel .project-thumb {
	position:		absolute;
	width:			960px;
	height:			420px;
	z-index:		2;
}
#carousel .project {
	width:			960px;
	height:			475px;
}
#carousel .project-title {
	position:		absolute;
	top:			436px;
	width:			350px;
	padding-top:	2px;
	background:		none;
	color:			black;
	font-size:		20px;
	height:			25px;
	display:		none;
	font-family: 	'BrandonGrotesqueRegular';
	color:			#808080;
}
#carousel .project-title a {
	color:			#808080;
}
#carousel .project-title a:hover {
	color: 			#BE1E2D;
}
#carousel .project-copy {
	position:		relative;
}
#carousel .project-copy-block {
	position:		absolute;
}
#carousel .project-options {
	position:		absolute;
	top:			462px;
	display:		none;
}
#carousel .project-options ul {
	list-style: 	none;
	margin:			0;
	padding: 		0;
}
#carousel .project-options ul li a {
	display:		inline;
	margin-right:	15px;
	font-size:		20px;
	color:			#BE1E2D;
	font-family:	'BrandonGrotesqueRegular';
}
#carousel .project-options ul li a:hover {
	color: 			#000;
}

#carousel .statement p {
	font-size:		36px;
	line-height:	1.3em;
}

/** Project Gallery Carousel **/
#sub-carousel-offset {
	position:		relative;
}
#project-gallery {
	position:		relative;
	width:			100%;
}
#sub-carousel .project {
	position:		relative;
	float:			left;
	margin:			0;
}
#project-gallery .project-thumb {
	width:			240px;
	height:			135px;
}
#sub-carousel .project-title {
	position:		absolute;
	top:				145px;
	background:		none;
	color:			black;
	font-size:		17px;
	height:			25px;
	width:			auto;
	/*display:		none;*/
	font-family: 	'BrandonGrotesqueRegular';
}
#sub-carousel .statement p {
	font-size:		36px;
	line-height:	1.3em;
}

/********** Scrollable *********/
.scrollable {
	float:			left;
	position:		relative;
	overflow:		hidden;
	width: 			100%;
}
#carousel .scrollable {
	height:			490px;
}
.scrollable .items {
	width:			20000em;
	position:		absolute;
	clear:			both;
}
/*.single-project .scrollable .items {
	margin-left:	0;
}*/
#carousel .items > div {
	float:			left;
	width:			960px;
}
#carousel .current-slide {
	opacity:		1.0;
	cursor:			'pointer';
}

/** for sub carousels **/
#sub-carousel .scrollable {
	height:			180px;
}
#sub-carousel .items div {
	float:			left;
	width:			240px;
}


/********** Navigator *****/
/*#carousel-navigator, 
.navigator {
	position:		absolute;
	right:			178px;
	top:			435px;
	z-index:		999;
}*/

/*.single-project #carousel-navigator, .navigator {
	right:			0;
}*/

.navi {
	display:		inline;
}

.navi a {
	margin-top:		4px;
	background:		url(../img/navi-sprite.png) no-repeat;
	width:			12px;
	height:			12px;
	float:			left;
	margin-right:	14px;
}

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

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

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:		url(../img/navi-sprite.png) no-repeat;
	display:		block;
	width:			14px;
	height:			19px;
	margin-right:	14px;
	float:			left;

	cursor:			pointer;
	font-size:		1px;
}

/* right */
a.right 		{ background-position: -30px -15px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px -40px; }
a.right:active	{ background-position:-30px -40px; } 


/* left */
a.left			{ background-position: 0px -15px; margin-left: 0px; } 
a.left:hover  	{ background-position: 0px -40px; }
a.left:active  	{ background-position: 0px -40px; }


/* disabled navigational button */
/*a.disabled {
	opacity:	0.5;	
} */