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


body{
	background:#000 url(/images/bkground_texture.jpg) no-repeat center top;
	padding:0;
	margin:10px;;
	font: 12px Arial, Helvetica, sans-serif;
	color: #505050;
	line-height:17px;
	height:100%;
	min-height:100%;
}
hr{
color:#999;
background-color:#999;
border:0;
height:1px;	
	
}


.floatLeft{
	float:left;	
}

.floatRight{
	float:right;
}

#wrapper{
	background: #FFF;
	width: 1000px;
	margin:auto;
	padding: 0 30px;
}

#wrapper h1{
	width:280px;
	height:150px;
	background:#FFF url(/images/main_logo.jpg) no-repeat left;
	text-indent:-5000px;
	margin-left:20px;
	cursor: pointer; cursor: hand;
}

/*--------------------------------------------------------------------
Navigation Styles
--------------------------------------------------------------------*/

#socialIcons{
	float: right;
	position:relative;
	top: -35px;
	margin-right:15px;
}

#globalheader {
	margin:auto;
	width:960px;
	background-color:#dfdfdf;
	height: 31px;
}

	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			background:#dfdfdf; 
			position:relative;
			z-index:500; 
			margin: 0 8px;
			text-transform:uppercase;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 5px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			text-align:center; 
			color:#000;
		}

		/*
		#nav li a:hover {
			background:#CCC;

		}
		*/
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:180px;
			float:left;
			height:30px;
			padding-top:10px;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:inline;  
			height:15px;
			padding: 8px 5px; 
			color:#666;
		}
		
		/*
		#nav ul a:hover {
			text-decoration:none;	
		}
		*/

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}


/*--------------------------------------------------------------------
Promo Icon Styles
--------------------------------------------------------------------*/

#mainWindow{
	margin:auto;
	margin-top:20px;
	width:960px;
	height:301px;
	position:relative;
	overflow:hidden;
	border:#000 thin solid;
}

#promoHolder{
	position:absolute;
	width:960px;
}

#promoSelect{
	margin:auto;
	margin-top: 20px;
	width:960px;
	height:100px;
	background-color:#dfdfdf;
	padding:15px 0;
}

#iconWindow{
	margin:auto;
	width:771px;
	height:100px;
	position:relative;
	overflow:hidden;
}

#iconHolder{
	position:absolute;
	background-color:#000;
}

#mainPromoButtons{
	float: left;
	position:relative;
	top: -65px;
}

#mainPromoButtons .scrollLeft{
	position:relative;
	left: 45px;
	cursor: pointer; cursor: hand;
}

#mainPromoButtons .scrollRight{
	position:relative;
	left: 850px;
	cursor: pointer; cursor: hand;
}

#aboutme{
	clear:both;
	width: 580px;
	float:left;
	margin: 20px;
}

#contact{
	width: 280px;
	float:left;
	margin: 20px;
	padding-left:20px;
	border-left:#999 1px solid;
}

#footer{
	margin:auto;
	text-align:center;
	width: 980px;
	font-size:10px;
}

#directorreel{
	margin: 20px;
}

#reelHolder{
	margin:auto;
	width:960px;
	background:#000 url(../images/background_reel.jpg) no-repeat center;
	text-align:center;
}

#awardBox{
	margin:auto;
	margin-top: 20px;
	width:960px;
	height:130px;
	background-color:#CCC;
	padding:15px 0;
	text-align:center;
}

#about{
	width: 420px;
	float:left;
	margin: 20px;
}

#awards{
	width: 450px;
	float:left;
	margin: 20px;
	padding-left:20px;
	border-left:#999 1px solid;
}

#contactme{
	margin: 20px;
}

#awardscont{
	width: 960px;
	float:left;
	margin: 20px;
}

#pageNav{
	float:right;	
}

#athleteslist{
	text-align:center;
	padding:10px;
}

#directedworksleft{
	width: 370px;
	float:left;
	margin: 20px;
}

#directedworksright{
	width: 500px;
	float:left;
	margin: 20px;
}

#directedworkscont{
	width: 920px;
	float:left;
	margin: 20px;	
}

#films{
	width: 960px;
	float:left;
	margin: 20px;
}

#iconPageHolder{
	position: relative;
	height: 580px;
	overflow:hidden;
}

#icondisplay{
	position:absolute;
	width: 960px;
	float:left;
	margin: 20px;
}

#icondisplay span{
	float: left;
	width: 240px;
	height:192px;
}

#icondisplay img{
	margin-bottom:5px;
}

#icondisplay div{
	font-weight:bold;
}