/* CSS Document */

body{
	font-size:0.75em;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg-header.gif) top left repeat-x;
}

#outer{
	position:relative;
}

a{
	color:#000000;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
	color:#FFF;
	background:#FF0000;
}


h1, h2, h3, h4{
	padding:0;
	margin:0;
	color:#FFFFFF;
}

h2{
	font-size:14px;
}


ul{
	padding:0;
	margin:0;
}

ul li{
	list-style:none;
}

img{
	border:none;
}

#header-container{
	margin: 0 auto 0 auto; 
	text-align:left;
	width:940px;
	z-index:999;
	position:relative;
}

#header{
	float:left;
	width:100%;
	height:119px;
}

#logo{
	float:left;
	padding:15px 0 0 0;
}

div.nav{
	float:right;
	width:728px;	
}

div.nav ul{
	clear:both;
	float:right;
}

#account-navigation{
	padding:35px 0 30px 0;	
}

#account-navigation li,
#primary-navigation li,
#interact-navigation li{
	float:left;
	background:url(../images/divider-nav.gif) left 1px no-repeat;
	position:relative;
}

#primary-navigation li{
	background:url(../images/divider-primary-nav.gif) left 1px no-repeat;
	padding:0;
}

#account-navigation li.first,
#primary-navigation li.first,
#interact-navigation li.first{
	background:none;
}

#account-navigation li a,
#primary-navigation li a,
#interact-navigation li a{
	padding:0 9px 0 9px;
	font-size:12px;
	color:#646464;
	text-transform:uppercase;
}

#primary-navigation li a{
	color:#121212;
}

#account-navigation li a{
	font-size:11px;	
}

#account-navigation li a:hover,
#interact-navigation li a:hover,
#primary-navigation li a:hover,
#primary-navigation li a.active{
	background:red;
	color:#FFFFFF;
}

/* Sub Navigation */

#primary-navigation ul{
	float:left;
	background:red;
	padding:0;
	position:absolute;
	top:15px;
	left:-999em;
	z-index:999;
	background:url(../images/bg-nav.png) bottom left repeat-y;
	width:259px;
	padding:18px 18px 15px 8px;
}

#primary-navigation li:hover ul{
	left:-8px;
}
#primary-navigation ul li{
	float:left;
	background:none;
	padding:0 0 5px 0;
	width:249px;
}

#primary-navigation ul li a span{
	float:left;
	color:#FFFFFF;
	font-weight:14px;
	padding:10px 0 9px 52px;
}

#primary-navigation ul li a{
	float:left;
	width:250px;
	padding:5px 10px 5px 10px;
}

#primary-navigation ul li a.active,
#primary-navigation ul li a:hover{
	border-right:1px solid #312e2d;
	background:url(../images/nav-hover.gif) top left repeat-x;
}

#primary-navigation ul li.editorial a span{
	background:url(../images/icon-editorial.gif) center left no-repeat;
}

#primary-navigation ul li.music a span{
	background:url(../images/icon-music.gif) center left no-repeat;
}

#primary-navigation ul li.fashion a span{
	background:url(../images/icon-fashion.gif) center left no-repeat;
}

#primary-navigation ul li.backstage a span{
	background:url(../images/icon-backstage.gif) center left no-repeat;
}

#primary-navigation ul li.urban a span{
	background:url(../images/icon-urban.gif) center left no-repeat;
}

#primary-navigation ul li.landscapes a span{
	background:url(../images/icon-landscapes.gif) center left no-repeat;
}

#primary-navigation ul li.portraits a span{
	background:url(../images/icon-portraits.gif) center left no-repeat;
}

#middle-content-container{
	float:left;
	width:100%;
	height:624px;
	overflow:hidden;	
}

#middle-content{
	float:left;
	width:100%;
	height:624px;
	overflow:hidden;
	background:#131212;	
}

#middle-content ul li{
	background:#131212;	
}

#middle-content-fade-left,
#middle-content-fade-right{
	float:left;
	width:100px;
	height:30px;
	position:absolute;
	padding-left: 323px;
	top:-81px;
	z-index:3;
}

#middle-content-fade-left{
	/*background:url(../images/bg-fade-left.png) top left repeat-y;*/
}

#middle-content-fade-right{
	/*background:url(../images/bg-fade-right.png) top left repeat-y;*/
	left:962px;
}

#page-content-container{
	float:left;
	text-align:left;
	width:100%;
	background:#131212;
}

#page-content{
	margin: 0 auto 0 auto;
	width:940px;
	height:604px;
	margin-top:20px;
}

div.portfolio-item, div.gallery-item{
	float:left;
	width:945px;
	height:624px;
	z-index:1;
}

div.gallery-item{
	width:85px;
	height:57px;
}

div.portfolio-item img, div.gallery-item img{
	float:left;
	/*padding:0 0 0 175px*/
	padding:0;
}

#footer-container{
	float:left;
	clear:both;
	width:100%;
	height:200px;
	padding:0;
	background:url(../images/bg-footer.png) top left repeat-x;
	position:absolute;
	bottom:0;
	left:0;
}

#footer-content{
	margin: 0px auto 0 auto; 
	text-align:left;
	width:940px;
	z-index:999;
	position:relative;
}

#footer{
	float:left;
	width:920px;
	display:inline;
	margin-left:10px;
	padding-top:20px;
}

div.copy{
	color:#646464;
	float:left;
	font-size:0.9em;
}

div.copy p{
	padding-top:2px;
	margin-top:0px;
}

div.footer-nav{
	float:right;
}

#interact-navigation{
	float:left;
}

#interact-navigation li a{
	font-size:0.9em;
}

/* About Us */

div#page-content div.left{
	float:left;
	width:650px;
	padding:0 50px 0 0;
}

div#page-content div.left h2{
	font-size:28px;
	padding:0 0 14px 0;
	text-indent:-999em;
	background:url(../images/about-header.png) top left no-repeat;
	width:336px;
	height:42px;
}

div#page-content div.right{
	float:left;
	padding:70px 0 0 0;
}

div#page-content p{
	color:#FFFFFF;
	font-size:13px;
}

div#page-content ul.downloads{
	padding:10px 0 0 0;	
}

div#page-content ul.downloads li{
	padding:0 0 12px 0;	
}

div#page-content ul.downloads li.pdf a{
	color:#FFFFFF;
	background:url(../images/icon-pdf.gif) left 0 no-repeat;
	padding:5px 0 3px 32px;
}

div#page-content ul.downloads li.showreel a{
	color:#FFFFFF;
	background:url(../images/icon-showreel.gif) 4px 0 no-repeat;
	padding:4px 0 3px 32px;
}

div#page-content div.right h3{
	font-size:13px;
	padding:0 0 8px 0;
}

div#page-content div.right ul li{
	font-size:13px;
	color:#FFFFFF;
}

/* Carousel Nav Arrows */

ul.carousel-nav{
	margin:200px 0 0 0;
}

ul.carousel-nav li a{
	color:#FFFFFF;
	width:14px;
	height:621px;
	text-indent:-999em;
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:-1;
	cursor:pointer;
}

ul.carousel-nav li a.prev:hover, ul.carousel-nav li a.prev.active{
	background:url(../images/carousel-prev.png) top left no-repeat;
}

ul.carousel-nav li a.next:hover, ul.carousel-nav li a.next.active{
	background:url(../images/carousel-next.png) top left no-repeat;
}

/* Gallery Styles */

#image-container{
	float:left;
	height:549px;
	width:100%;
	background:#131212;
}

#thumbnail-container{
	float:inherit;
	height:57px;
	width:100%;
	background:#131212;
}

#image-divider{
	float:left;
	height:18px;
	width:100%;
	background:#FFFFFF;
}

div.image{
	width:940px;
	margin:0 auto;
	text-align:center;
}

#thumbnails{
	padding-left:0px;
	max-width:940px;
	margin:0 auto;
	overflow:hidden;
}

#thumbnails ul{
	position:relative;
}

div.divider-title{
	padding-left:420px;
	width:520px;
	text-align:center;
	margin:0 auto;
}

#image-divider ul{
	float:left;
	margin-top:2px;
	color:#5f5f5f;
}

#image-divider ul li{
	float:left;
	font-size:0.9em;
}

#image-divider ul li.prev a{
	background:url(../images/gallery-prev.gif) bottom no-repeat;
	width:4px;
	height:11px;
	text-indent:-999em;
	padding:0 8px;
	display:block;
}

#image-divider ul li.next{
	float:right;
}

#image-divider ul li.next a{
	background:url(../images/gallery-next.gif) bottom no-repeat;
	width:4px;
	height:11px;
	text-indent:-999em;
	padding:0 8px;
	display:block;
}

#thumbnail-container ul{
	float:left;
}

#thumbnail-container ul li{
	float:left;
	margin:0 2px;
}

#thumbnail-container ul li:hover{
	border:2px solid red;
	margin:0 0 0 0;
}