@charset "utf-8";



body {

	background-color:#000;

	margin:0;

	padding:0;

	height:100%;

	font:normal 1.2em "Century Gothic", sans-serif;

	color:#FFF;

	text-align:center;

	background:url(/images/portfolio/portfolio-bg.jpg) no-repeat #000;

	background-position:33% 0%;

}

a img { border:none; }



#wrapper {

	width:500px;

	height:99%;	

	margin:1% 0 0 25%;

	text-align:left;

	overflow:visible;

	position:relative;

}

	#title_div { 

		width:500px; 

		padding:.1em 0 .1em 0;

		line-height:1;

		border-left:4px solid #333; 

		border-right:4px solid #333;

		border-top:4px solid #333;

		text-align:center; 

		background:url(/images/portfolio/black_transparent.png) repeat; 

	}

	#showcase { width:508px; padding:20px; background:url(/images/portfolio/black_transparent.png) repeat; position:relative; z-index:99; }

	#showcase img { border-left:4px solid #333; border-right:4px solid #333; border-bottom:4px solid #333; position:relative; z-index:100; }

	

	#loading { text-align:center; margin-top:-100%; position:relative; z-index:200; display:none; }

	#loading img { border:none; }

	

#browse {

	width:22%;

	height:95%;

	position:absolute;

	top:0;

	right:0;

	overflow:auto;

	z-index:100;

}

#browse div {}

#browse ul { list-style:none; }

#browse ul li { float:left; width:110px; }

#browse ul li a img { border:2px solid #333; outline:none; }

#browse ul li a img:hover { border:2px solid #337; }



#play_div { 

	width:11em;

	position:fixed; 

	bottom:0; 

	right:.8em; 

	margin:0 0 .5em 0; 

	border:2px solid #333;

	cursor:pointer;

	background:url(/images/portfolio/black_transparent.png);

}



#play_div:hover { background-color:#666; } 



#footer {

	width:100%;

	height:100px;

	position:fixed;

	bottom:0;

	text-align:left;

	font-size:10px;

	color:#333;

	background:url(/images/portfolio/portfolio_browse-bg.png) bottom repeat-x;

}

#footer p { margin:80px 0 0 20px; }

#footer a { color:#333; text-decoration:none; }



#nav_div {

	width:10em;

	text-align:left;

	margin:2em .8em 0 1em;

	position:absolute;

	top:0;

	left:0;

}

	#nav_div p { font-size:12px; }

	

	#nav_div a:link, #nav_div a:visited {

		padding:.3em .5em;

		background-color:#9aa7ac;

		color:#fff;

		text-decoration:none;

	}

	#nav_div a:hover, #nav_div a:active {

		padding:.4em .6em;

		background-color:#fff;

		color:#9aa7ac;

	}

	

.form_div {

	width:600px;

	margin:5% 0 0 21%;

	background:url(/images/portfolio/black_transparent.png) repeat;

	border:1px solid #333;

	padding:1em;

}