/* CSS Document */

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

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

a:hover{
	color:#FFFFFF;	
}

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:945px;
	z-index:999;
	position:relative;
}

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

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

#logo h1{
	float:left;
}

#logo h1 a{
	text-indent:-999em;
	width:289px;
	height:46px;
	display:block;
	background:url(../images/logo.png) 0 0 no-repeat;
	overflow:hidden;	
}

#primary-navigation{
	float:right;
	padding:0;
}

#primary-navigation ul{
	float:left;
	padding:48px 0 0 0;
}

#primary-navigation ul li{
	float:left;
	background:url(../images/divider-nav.gif) left 3px no-repeat;
	padding:0 9px 0px 9px;
	position:relative;
}

#primary-navigation ul li.first{
	background:none;
	padding:0 9px 3px 0;
}

#primary-navigation ul li.last{
	padding:0 0 0 9px;	
}

#primary-navigation ul li a{
	font-size:14px;
	color:#777777;
}

#primary-navigation ul li a:hover,
#primary-navigation ul li a.active{
	color:#FFFFFF;
}

/* Sub Navigation */

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

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

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

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

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

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

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

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

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

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

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

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

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


#panel-content-container{
	margin: 0 auto 0 auto; 
	text-align:left;
	width:945px;
	position:relative;
}

#panel-content{
	float:left;
	width:100%;
	padding:14px 0 0 0;
}

#panel-content div.left{
	float:left;
	width:50%;
	padding:4px 0 0 0;
}

#panel-content div.right{
	float:right;
	width:50%;
}

#panel-content #mini-carousel{
	float:right;
	padding:0 0 8px 0;
	height:28px;
}

ul.mini-carousel{
	margin:0 0 10px 0;
}

ul.mini-carousel li{
	float:left;
	padding:4px 0 0 0;
}

ul.mini-carousel li a {
	/*text-indent:-999em;*/
	display:block;
	width:24px;
	height:24px;
	padding:0 0 0 5px;
	background:url(../images/thumb-mini.gif) top center no-repeat;
	margin:10px 0 0 0;
}

ul.mini-carousel li a:hover span img{
	display:none;
}

ul.mini-carousel li a span{

}

ul.mini-carousel li a.active,
ul.mini-carousel li a:hover{
	width:40px;
	height:40px;
	background:url(../images/mini-glow.png) 0 0 no-repeat;
	margin:-3px -3px 0 -3px;
	padding:0;
}

ul.mini-carousel li a.active span,
ul.mini-carousel li a:hover span{
	background:url(../images/thumb-mini-hover.gif) 6px 26px no-repeat;
	padding:20px;
}

#panel-content #breadcrumb ul{
	float:right;
	clear:both;
	padding:15px 0 0 0;
}

#panel-content #breadcrumb ul li{
	float:left;
	color:#818181;
	font-weight:bold;
	font-size:14px;
	padding:0 9px 0 9px;
	background:url(../images/divider-crumb.gif) left 3px no-repeat;
}

#panel-content #breadcrumb ul li.download-link{
	padding:0 20px 0 9px;
	padding:0 0 0 9px;
}

#panel-content #breadcrumb ul li.item-number{
	padding:0 9px 0 0;
	background:none;
}

#panel-content #breadcrumb ul li.first{
	background:none;
}

#panel-content #breadcrumb ul li a{
	color:#757575;
	font-weight:normal;
}

#panel-content #breadcrumb ul li a:hover{
	color:#FFFFFF;	
}

#panel-content h2{
	color:#504e4d;
	font-size:25px;
	padding:0 0 16px 0;
	margin:0;
}

#panel-content ul li.show-info{
	padding:5px 0 0 0;	
}

#panel-content ul li.show-info a{
	color:#636363;	
	font-size:14px;
	background:url(../images/icon-show-info.gif) left 1px no-repeat;
	padding:0 0 0 22px;
	cursor:pointer;
}

#panel-content ul li.show-info a:hover{
	color:#FFFFFF;
}

#panel-content ul li.show-info a.open{
	background:url(../images/icon-show-info-hover.gif) left 1px no-repeat;
}

#middle-content-container{
	margin: 0 auto 0 auto; 
	text-align:left;
	width:945px;
	position:relative;
}

#middle-content{
	float:left;
	width:100%;
	height:595px;
}

#middle-content-fade-left,
#middle-content-fade-right{
	float:left;
	width:35px;
	height:695px;
	position:absolute;
	top:151px;
	z-index:999;
	left: -70px;
}

#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:946px;
}

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

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

div.portfolio-details{
	float:right;
	padding:545px 5px 0 0;
	/*width:190px;*/
	width:160px;
}

div.portfolio-details h2{
	float:right;
	text-align:right;
	padding:0 0 5px 0;
	font-size:14px;
	width:100%;
}

div.portfolio-details p.portfolio-details{
	float:right;
	text-align:right;
	clear:both;
	width:100%;
	padding:0 0 2px 0;
	margin:0;
	color:#9d9d9d;
	font-size:14px;
}

div.portfolio-details p.stylist{
	float:right;
	text-align:right;
	clear:both;
	width:100%;
	padding:12px 0 0 0;
	margin:0;
	color:#FFFFFF;
	font-size:14px;
}

#footer-container{
	float:left;
	clear:both;
	width:100%;
	height:66px;
	padding:0 0 290px 0;
	background:url(../images/bg-footer.gif) top left repeat-x;
}

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

#footer{
	float:left;
	width:910px;
	display:inline;
}

#footer ul{
	float:left;
	padding:14px 0 0 0;	
}

#footer ul li{
	color:#7b7b7b;
	font-size:14px;
}

#footer ul li.copyright{
	width:500px;
}

#footer ul.footer-nav{
	float:right;
	padding:14px 0 0 0;	
}

#footer ul.footer-nav li{
	float:left;	
	background:url(../images/divider-footer.gif) left 4px no-repeat;
	padding:0 12px 0 12px;
}

#footer ul li.first{
	background:none;
	padding:0 12px 0 0;	
}

#footer ul li.last{
	padding:0 0 0 12px;	
}

#footer ul li a{
	color:#616161;
	font-size:14px;
}

#footer ul li a:hover,
#footer ul li a.active{
	color:#FFFFFF;
}

/* About Us Lightbox */

#overlay{
	float:left;
	background:#000000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
}

#about-box{
	position: absolute;
	top: 15%;
	left: 15%;
	width: auto;
	height: auto;
	padding:95px 140px 95px 140px;
	background:url(../images/bg-about.png) top left no-repeat;
	z-index:1002;
}

div.about-box-content{
	float:left;
	display:none;
	position:relative;
}

div.about-box-content ul.close{
	top:0;
	right:-20px;
	position:absolute;
}

div.about-box-content ul.close li a{
	color:#FFFFFF;
	background:url(../images/about-close.gif) top left no-repeat;
	width:15px;
	height:20px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

div.about-box-content div.left{
	float:left;
	width:355px;
	padding:0 50px 0 0;
}

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

div.about-box-content div.right{
	float:left;
	padding:70px 0 0 0;
}

div.about-box-content p{
	color:#FFFFFF;
	font-size:13px;
	
}

div.about-box-content ul.downloads{
	padding:10px 0 0 0;	
}

div.about-box-content ul.downloads li{
	padding:0 0 12px 0;	
}

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

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

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

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

/* Testimonials Lightbox */

#overlay{
	float:left;
	background:#000000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
}

#testi-box{
	position: absolute;
	top: 15%;
	left: 15%;
	width: 600px;
	height: auto;
	padding:95px 140px 95px 140px;
	background:url(../images/bg-about.png) top left no-repeat;
	z-index:1002;
}

div.testi-box-content{
	float:left;
	display:none;
	position:relative;
}

div.testi-box-content ul.close{
	top:0;
	left:595px;
	position:absolute;
}

div.testi-box-content ul.close li a{
	color:#FFFFFF;
	background:url(../images/about-close.gif) top left no-repeat;
	width:15px;
	height:20px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

div.testi-box-content div.left{
	float:left;
	width:460px;
	padding:0 0 0 0;
}

div.testi-box-content div.left p.glamour{
	background:url(../images/logo-glamour.gif) top right no-repeat;
	width:610px;
}

div.testi-box-content div.left p.elle{
	background:url(../images/logo-elle.gif) top right no-repeat;
	width:610px;
}

div.testi-box-content div.left p.vogue{
	background:url(../images/logo-vogue.gif) top right no-repeat;
	width:610px;
}

div.testi-box-content div.left h2{
	font-size:28px;
	padding:0 0 14px 0;
	text-indent:-999em;
	background:url(../images/title-testimonial.gif) top left no-repeat;
	width:210px;
	height:42px;
	
}

div.testi-box-content div.right{
	float:left;
	padding:70px 0 0 0;
}

div.testi-box-content div.left p.quote{
	font-weight:bold;
	padding:0 0 15px 0;
}

div.testi-box-content p{
	color:#FFFFFF;
	font-size:13px;
}

div.testi-box-content ul.downloads{
	padding:10px 0 0 0;	
}

div.testi-box-content ul.downloads li{
	padding:0 0 12px 0;	
}

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

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

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

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

/* Carousel Nav Arrows */

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

ul.carousel-nav li a{
	color:#FFFFFF;
	width:72px;
	height:238px;
	text-indent:-999em;
	display:block;
	overflow:hidden;
}

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

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

/* Jabberwokie Logo Footer */

div.jabberwokie-logo{
	float:left;
	width:100%;
	padding:55px 0 0 0;
}

div.jabberwokie-logo ul li a{
	color:#FFFFFF;
	width:145px;
	height:55px;
	text-indent:-999em;
	display:block;
	background:url(../images/icon-jabberwokie.gif) top left no-repeat;
}