/* CSS Document */

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

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

a:hover{
		
}

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

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

#logo h1{
	float:left;
}

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

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

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

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

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

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

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

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

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

#middle-content{
	float:left;
	width:100%;
	height:570px;
	position:relative;
}

#middle-content-fade{
	float:left;
	width:35px;
	height:570px;
	background:url(../images/bg-slider.png) top left no-repeat;
	position:absolute;
	top:98px;
	z-index:9999999999;
}

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

div.portfolio-item img{
	float:left;
	padding:0 0 0 35px
}

div.portfolio-details{
	float:right;
	padding:310px 0 0 0;
	width:300px;
}

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;
	margin:15px 0 0 35px;
	display:inline;
	border-top:1px solid #4b4949;
}

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

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

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

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

#footer ul.footer-nav li{
	float:left;	
	background:url(../images/divider-nav.gif) 0 0 repeat-y;
	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;
}