/* *******************************************

Master Stylesheet 
www.nicolefarhi.com
March 2009

Main site / page layout styles only (Use temp.css for competitions etc)

********************************************* */

body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* important to make em = px e.g. 2.0em = 20px, 1.6em = 16px */
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	background: #FFF;
	height: 99.9%;
}

#site-wrap{
	width:1056px;
	min-height: 540px;
	height: auto !important;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	background: #fff;
	padding: 0;
	position: relative;
	overflow: hidden;
}

#container{
	width: 1056px;
	min-height: 560px;
	margin: 0 0 0 0;
	margin-top: 30px;
	background: #fff;
	position: relative;
}

.info-wrap{
	width: 1000px;
	margin: 0 0 0 0px;
	background: #fff;
}


#main-menu{
	width:1056px;
	min-height: 41px;
	margin: auto;
	margin: 0 0 0 0;
	padding: 0;
	margin: auto;
	position: relative;
	z-index: 999;
}

	#main-menu ul{
		padding: 0;
		margin: 0;
		list-style: none;
		}
		#main-menu ul li{
			padding: 0;
			margin: 0;
			list-style: none;
			}	
		#main-menu ul li a{
			display: block;
			padding: 2px;
			margin: 2px;
			font-family: arial, verdana, tahoma;
			font-size: 10px;
			text-decoration: none;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
			}	
		#main-menu ul li a:hover{
			color: #8d8c8c;
			}					


#collection-menu{
	width: 250px;
	min-height: 400px;
	padding: 0;
	display:inline;
	float:left;
	position: relative;
}

	#collection-menu ul{
		width: 250px;
		padding: 0;
		margin: 0;
		list-style: none;
		display:block;
		float:left;
		overflow:hidden;

		}
		#collection-menu ul li{
			padding: 0;
			margin: 0;
			list-style: none;
			}	

#collection-thumbs{
	width: 770px;
	min-height: 450px;
	padding: 0;
	margin-right:10px;
	display:inline;
	float:right;
}

.thumb {
	float: left;
	margin: 0 2px 8px 0;
}

.end {
	margin-right: 20px;
}

.col-right{
	margin-right: 50px;
}

.top {
	position: absolute;
	top: 0px;
}

.bottom {
	position: absolute;
	bottom: 0px;
}

img
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
}

/* main menu for the site */

#main-menu ul, #main-menu ul li, #main-menu ul li a{
	padding: 0;
	margin: 0;
	list-style: none;
}

#main-menu ul li{
	float: left;		
}

#main-menu ul li a{
	float: left;
	padding: 5px 0 0 0;
	overflow: visible;
	height: 0px;
}

/* individual tweaks for each main menu item */

#main-menu li a.collections{
	width: 204px;
	margin-left:0px;
}

#main-menu li a.stockists{
	width: 204px; 
}

#main-menu li a.press{
	width: 140px; 
}

#main-menu li a.news{
	width: 160px; 
}

#main-menu li a.biography{
	width: 190px; 
}

#main-menu li a.contact{
	width: 146px;
	margin-left:10px;	
}


/* collection menu for the site */

#collection-menu ul, #collection-menu ul li, #collection-menu ul li a{
	padding: 0;
	margin: 0;
	list-style: none;
}

#collection-menu ul li{
	float: left;		
}

#collection-menu ul li a{
	float: left;
	display: block;
	height: 32px;
}

/* individual tweaks for each main menu item */

#collection-menu li a.header{
	width: 240px;
}


#collection-menu li a.back{
	width: 240px; 
}

#collection-menu li a.home{
	width: 240px;
}




#collection-menu li a.season, #collection-menu li .season{
	margin-top:40px; 
}

#collection-menu li a.colhome{
	margin-top:79px;
	width: 240px;
}




/* site text areas */

.news{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
	margin: 20px 0 20px 10px;
	width:1000px;
	height:380px;
	padding: 5px 0 5px 0;
	vertical-align: top;
	color:#000;
}

.stockists, .biography, .collection, .contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 20px 0 20px 5px;
	height:380px;
	width:1000px;
	padding: 5px 0 5px 0;
	vertical-align: top;
	color:#000;
}

.collection{
	margin-bottom: 72px;
}

.stockists-box{
	width:160px;
	height: 140px;
	background-color: #fff;
	display:inline;
	margin-right: 20px;
	float: left;
}

.biography-text{
	width:600px;
	padding-top: 50px;
	background: none;
	display:inline;
	float: left;
}

.biography-pic{
	width:300px;
	height: 440px;
	overflow: hidden;
	background: none;
	display:inline;
	float: right;
	text-align: right;
}

.column-left{
	width:600px;
	background: none;
	float: left;
}
.column-img{
	display: block;
}


.column-right{
	width:300px;
	height: 440px;
	overflow: hidden;
	background: none;
	display:inline;
	float: right;
	text-align: right;
}

#ccw-credit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	overflow:auto;
	width:400px;
	height:40px;
	padding-left:5px;
	vertical-align: baseline;
	text-align:right;
	float:right;
	color:#000;
	position: absolute;
	bottom: 75px;
	right: 0px;
}

/* biography image */

#bio-image{
	width:288px;
	height:432px;
	padding-right:12px;
	vertical-align: baseline;
	float:right;
}

/* popups */

.collection_popup {
	width:570px;
	min-height:480px;
	border: #ccc solid thin;
	background-color: #fff;
	padding: 10px;
}

.collection_popup .image {
	width: 360px;
	min-height:480px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	}

.collection_popup .menu {
	width: 210px;
	min-height:480px;
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}

.collection_popup .menu .close{
	width: 100px;
	top: 10px;
	right: 10px;
	position: absolute;
}

.collection_popup .menu .nav{
	width: 190px;
	bottom: 10px;
	right: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: right;
}

.collection_popup .menu .nav .previous, .collection_popup .menu .nav .next{
	width: 80px;
	display: inline;
}
.collection_popup .menu .nav .previous{
	margin-right: 20px;
}


.press_popup {
	width:1024px;
	min-height:644px;
	border: #ccc solid thin;
	background-color: #fff;
	padding: 10px;
}

.press_popup .image {
	width: 320px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	}

.press_popup .image.cover {
	width: 320px;
	height: 416px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	display: inline;
	overflow: hidden;
	}

.press_popup .image.article {
	width: 480px;
	height: 644px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	overflow: hidden;
	}

.press_popup .menu {
	width: 210px;
	min-height:480px;
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
	}

.press_popup .menu .close{
	width: 100px;
	top: 10px;
	right: 10px;
	position: absolute;
}

.press_popup .menu .nav{
	width: 190px;
	bottom: 10px;
	right: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: right;
	}

.press_popup .menu .nav .previous, .press_popup .menu .nav .next{
	width: 80px;
	display: inline;
}
.press_popup .menu .nav .previous{
	margin-right: 20px;
}




.none {
	display: none;
}