div#content-work
{
	
	min-height:							100%;
	width:								100%;
	

}

div#content-work div.content-item
{
background:					#fff url(http://www.mimadrenomedeja.com/img/work-lineup.png) 50% 0 no-repeat;
	width:							100%;
	min-height:						100%;
	margin:							200px auto 0 auto;
	padding:						0 0 200px 0;
}

div#work-wrapper
{

	width:							600px;
	margin:							0 auto 0 auto;
	padding:						140px 0 0 0;
}

div.work-section
{
	clear:							both;
	padding:						30px 0 0 0;
}

div.work-section h2
{
	float:							left;
	font-size:						12px;
	width:							180px;
	padding:						0 20px 0 0;
	line-height:					26px;
	font-weight:					normal;
}

div.work-section ul
{
	width:							400px;
	float:							left;
}

div.work-section li
{
	position:						relative;
	list-style:						none;
	min-height:						26px;
}

div.work-section li a
{
	font-size:						13px;
	color:							#000;
	text-decoration:				none;
	font-weight:					bold;
	display:						block;
	text-indent:					3px;
	min-height:						26px;
	line-height:					26px;
}


div.work-section li a:hover
{
		color:							#fff;
}

div.work-section li a img
{
	xdisplay:						block;
	position:						absolute;
	right:							0;
	bottom:							10px;
	border:							3px solid #222;
	display:						none;
}

div.work-section li a:hover img
{
	display:						block;
}


div#portfolio-detail
{
	position:						fixed;
	top:							0;
	left:							0;
	height:							100%;
	width:							100%;
	overflow:hidden;
	display:						none;
}

div#detail-bg
{
	position:						absolute;
	top:							0;
	left:							0;
	height:							100%;
	width:							100%;
	background:						#fff;
	opacity:						0;
}

div#detail-content
{
	position:						absolute;
	left:							0;
	top:							0;
	width:							100%;
	height:							100%;
}

div#clouds{
	position:						absolute;
	top:							-608px;
	left:							50%;
	width:							404px;
	height:							168px;
	margin:							0px 0 0 -202px;
}

div#fade1{
	position:						absolute;
	top:							0;
	left:							0;
	width:							50px;
	height:							100%;
}

div#fade2{
	position:						absolute;
	top:							0;
	right:							0;
	width:							50px;
	height:							100%;
}

div#detail-nav
{
	position:						absolute;
	left:							0;
	top:							0;
	z-index:						3;
	width:							100%;
	height:							100%;
}

a#close-btn
{
	text-indent:					-9000px;
	overflow:						hidden;
	display:						block;
	position:						absolute;
	top:							25px;
	right:							50px;
	width:							60px;
	height:							60px;

}
a#next-btn{
	text-indent:					-9000px;
	overflow:						hidden;
	display:						block;
	position:						absolute;
	top:							50%;
	right:							-100px;
	width:							100px;
	height:							100px;
	margin:							-50px;
}

a#prev-btn{
	text-indent:					-9000px;
	overflow:						hidden;
	display:						block;
	position:						absolute;
	top:							50%;
	left:							-100px;
	width:							100px;
	height:							100px;
	margin:							-50px;
}

div#detail-masthead
{
	width:							250px;
	margin:							25px 0 25px 100px;
	z-index:						9999;
}

div#detail-masthead h1
{
	font-size:						18px;
	margin:							10px 0 5px 0;
	background:						#fff;
}

div#detail-masthead h2
{
	height:							13px;
	font-size:						13px;
	background:						#fff;
}



div#detail-masthead a
{
	display:						block;
	font-weight:					normal;
	font-size:						13px;
	text-decoration:				none;
	color:							#666;
	margin:							3px 0 0 0;
	padding:						6px 0 0 0;
	height:							13px;
}

div#detail-masthead h2.link a{
	width:							111px;
	height:							13px;
	text-indent:					-900px;
	overflow:						hidden;
	display:						block;
}

div#detail-masthead a:hover
{
	color:							#000;
}

div#detail-items
{
	padding:						0 0 0 0;
	width:							8000px;
}

div.detail-item
{
	margin:							20px
	width:							100%;
	text-align:						center;
}

div.inline-video
{
	margin:							70px 0 0 0;
}

div.video-button
{
	position:relative;
}

a.video_btn
{
	display:						block;
	position:						absolute;
	left:							50%;
	top:							50%;
	margin:							-88px 0 0 -88px;
	width:							177px;
	height:							177px;
}