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

* 
{
margin: 0;
padding: 0;
outline: none;
border:0;
}
html
{
	height:100%;
}
body
{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0px;
	background: #222 url(../images/top_bg.png) repeat-x;
	height:100%;
}
#container
{
	position:relative;
	height:100%;
}
#header
{
	position:relative;
	width:990px;
	height:96px;
	background: url(../images/header.jpg) no-repeat;
	margin:0 auto;
}
	#header_nav
	{
	margin:0;
	list-style:none;
	font-size:18px;
	padding:1px 0px;
	color:#ffffff;
	position:absolute;
	top:44px;
	left:696px;
	}
	#header_nav a
	{
		opacity:0.4;filter:alpha(opacity=40);
		color: #fff;
		text-decoration:none;
		margin-right:8px;
	}
	
	#header_nav a:hover
	{
		opacity:0.8;filter:alpha(opacity=80);
		color:#ffffff;
		text-decoration:none;
	}
	
	#header_nav .current
	{
		opacity:0.6;filter:alpha(opacity=60);
		color: #fff;
		text-decoration:none;
		margin-right:8px;
	}
	
#chosen
{
	position:relative;
	width:990px;
	height:248px;
	margin:0 auto;
	padding:0px;
	
}
	#project
	{
		width:460px;
		margin: 18px 0px 0px 30px;
		padding-left:8px;
		min-height:150px;
	}
		#title
		{
			font-size:24px;
			font-weight:bold;
			margin-bottom:8px;
		}
		#desc
		{
			width:460px;
			margin-bottom:20px;
		}
		#link
		{
			width:460px;
		}
	#arrows
	{
		background: url(../images/arrow_nav_bg.jpg) repeat-x;
		height:60px;
		margin: 38px 30px 0px 30px;
		padding:10px 10px;
	}
		#arrows img
		{
			padding-right:4px;
		}
	#screen_overlay
	{
		position:absolute;
		top:-17px;
		left:520px;
		background: url(../images/video_overlay.png) no-repeat;
		height:222px;
		width:452px;
		z-index:10;
	}
	#screen_on
	{
		position:absolute;
		top:7px;
		left:582px;
		height:192px;
		width:326px;
		z-index:9;
	}
	
	#screen
	{
		position:absolute;
		top:-17px;
		left:520px;
		background: url(../images/video_screen.png) no-repeat;
		height:262px;
		width:452px;
		z-index:8;
	}
		#screen_inner
		{
			position:relative;
			width:388px;
			margin: 0 auto;
		}
		#img_nav
		{
			position:absolute;
			top:234px;
			left:26px;
		}
		#img_nav
		{
			position:absolute;
			top:234px;
			left:26px;
		}
		#img_nav a
		{
			opacity:1;filter:alpha(opacity=100);
		}
		#img_nav a:hover
		{
			opacity:0.6;filter:alpha(opacity=60);
		}
		
		#img_nav li
		{
			list-style:none;
			display:inline;
		}
		
	
#footer
{
	position:relative;
	background: url(../images/footer_bg.jpg);
	
}
	#work
	{
		color:#fff;
		padding: 24px 0px 24px 0px;
		width:936px;
		margin:0 auto;
	}
		#work .title
		{
			font-size:24px;
			font-weight:normal;
			opacity:0.4;filter:alpha(opacity=40);
			margin-bottom:0px;
			padding-left:8px;
			font-weight:bold;
		}
		#work ul
		{
			margin:0;
			padding:0;
		}
		#work li
		{
			margin:0;
			list-style:none;
			font-size:20px;
			padding:1px 0px;
			color:#ffffff;
		} 
		#work a
		{
			opacity:0.4;filter:alpha(opacity=40);
			color: #fff;
			text-decoration:none;
			display:block;
			padding:2px 8px;
		}
		#work a:visited
		{
			opacity:0.4;filter:alpha(opacity=40);
			color:#ffffff;
			text-decoration:none;
		}
		#work a:hover
		{
			opacity:0.6;filter:alpha(opacity=60);
			color:#ffffff;
			text-decoration:none;
			background: url(../images/current_selection.png) repeat-x;
		}
		#work  .current
		{
			background: url(../images/current_selection.png) repeat-x;
			opacity:0.6;filter:alpha(opacity=60);
		}
	
	#info
	{
		color:#fff;
		padding: 24px 0px 24px 0px;
		width:936px;
		margin:0 auto;
		display:none;
	}
	
		#info .title
		{
			font-size:24px;
			font-weight:normal;
			opacity:0.4;filter:alpha(opacity=40);
			margin-bottom:0px;
			padding-left:8px;
			font-weight:bold;
		}
		#info .txt
		{
			font-size:20px;
			color:#ccc;
			margin-top:0px;
			padding-left:8px;
			background: url(../images/current_selection.png) repeat-x;
			opacity:0.6;filter:alpha(opacity=60);
		}
		#info ul
		{
			margin:0;
			padding:0;
		}
		#info li
		{
			margin:0;
			list-style:none;
			font-size:20px;
			padding:3px 8px;
			color:#ffffff;
		} 
	
		#info  .current
		{
			background: url(../images/current_selection.png) repeat-x;
			opacity:0.6;filter:alpha(opacity=60);
		}
	
	#contact
	{
		color:#fff;
		padding: 24px 0px 24px 0px;
		width:936px;
		margin:0 auto;
		display:none;
	}
	
		#contact .title
		{
			font-size:24px;
			font-weight:normal;
			opacity:0.4;filter:alpha(opacity=40);
			margin-bottom:0px;
			padding-left:8px;
			font-weight:bold;
		}
		
		#contact .txt
		{
			font-size:20px;
			color:#ccc;
			margin-top:0px;
			padding-left:8px;
			background: url(../images/current_selection.png) repeat-x;
			opacity:0.6;filter:alpha(opacity=60);
		}
		#contact a
		{
	
			color: #ccc;
			text-decoration:none;

		}