html {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
background:#FFF;
}

body {
	height:100%;
	width:100%;
	overflow:hidden;
	padding:0;margin:0

}



img { border:0px;


}

p { 

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	}


	
/*------------MAIN CONTENT------------------*/

#home {
		width:946px;
	 	margin-left: auto ;
 		margin-right: auto ;
		margin-top:60px;
	
	}
	


#about {
		width:946px;
		height: 650px;
	 	margin-left: auto ;
 		margin-right: auto ;
		margin-top:20px;	
	}
	
#about_img {
		width:300px;
		margin-left: 50px ;
		float:left;
	
	}

#about_p{
	margin-left:0px;
	margin-top:40px;
	float:left;
	width:410px;		
	}
	
#credits{
	position:relative;
	margin-top: -18px;
		width:200px;
		font-size:11px;
		color:#999;
		
	
	}
	
#credits-lookbook{
	position:absolute;
	top: 675px;
	margin-left:7px;
	margin-top:-5px;
	width:210px;
	font-size:11px;
	color:#999;
	z-index:200;	
	
	}

#home {
		width:900px;
	 	margin-left: auto ;
 		margin-right: auto ;
		
}

	

#credits_home {
		height:125px;
		width:100%;
	    position: fixed;
 		bottom:0px;
		margin-bottom:0px;
		left: 0px;
		z-index:25;
		
			}

#credits_copy{
		width:946px;
		font-size:12px;
	 	margin-left: auto ;
 		margin-right: auto ;
		color: #333;
		text-align:right;
		
	
	}
	
	
#credits_copy a{
		color: #333;
		text-decoration:underline;
		
		
	
	}

#teaser {
	
	width:946px;
	margin-left: auto;
	margin-right: auto;
	margin-top:150px;
	height:400px;
		
	
}

#teaser_links {
		width:300px;
		background: url(../img/reverie_teaser_bcgr.png) no-repeat;
		float:left;
		height:142px;
		padding: 60px 20px;
		
		
}

	
/*------------COLLECTIONS--------*/

#collections {
	width:946px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	height:750px;
		
		
	
	}
	

#collections_left {
		background:url(../img/collections_1.jpg) no-repeat;
		width:472px;
	 	margin-left:0px;
		float:left;
		height:630px;

	
	}
	



#collections_right {
		background:url(../img/collections_2.jpg) no-repeat;
		width:472px;
	 	margin-left:0px;
		float:right;
		height:630px;

	
	}


#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 100px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
}

	.showcase-content-container
	{
		background-color: #fff;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../img/arrows2.png');
		width: 400px;
		height:630px;
		top: 0px;
		cursor: pointer;
		z-index:20;
	}
	
	.showcase-arrow-previous
	{
		left: -60px;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}
	
	.showcase-arrow-next
	{
		right: -56px;
		background-position: -34px 0;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}
	/* Content */
	.showcase-content
	{
		background-color: #fff;
		text-align: right;
	}
		
		.showcase-content-wrapper
		{
			text-align: right;
			height: 630px;
			width: 946px;
			display: table-cell;
			float:right;
		}
		
		
		
		
		
		
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: right;
		
	}
	
		.showcase-button-wrapper span
		{
			
			margin-right: 0px;
			padding: 0px 0px 0px 8px;
			cursor: pointer;
			font-size: 12px;
			
			color: #666;
		}
	
		.showcase-button-wrapper span.active
		{
			text-decoration: underline;
		}
	
	
/*------------LOOKBOOK_GALLERY------------------*/	



div#lookbook_container {
	width:801px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	height:770px;
}



/*------------Publications------------------*/	


#publications {
		width:700px;
	 	margin-left: auto ;
 		margin-right: auto ;
		margin-top:20px;
		height:1250px;
		
		
	
	}
	
#row1 {
		width:946px;
		margin: 0 auto;
	
	
	}
	
#row2 {
		width:946px;
		margin: 20px auto;
		
	
	}
	

	
.item_top {
		width:200px;
		height:360px;
		margin-right:45px;
		margin-top:0px;
		float:left;
		border-bottom: #CCC solid 1px;
	
	}
	
.item_bottom {
		width:200px;
		height:350px;
		margin-right:45px;
		margin-top:40px;
		float:left;
		
	
	}


#title {
		width:200px;
		margin-top: 5px;
		margin-bottom:10px;
		font-size:11px;
	
	}
	
/*------------DOWNL-SPRITE------------*/
#downl
{
  width:101px;
  height:13px;
  text-decoration:none;
  display:block;
  background-image: url(../img/downl.png);
  background-position:0px 0px;
  margin-top:5px;
}
#downl:hover,#downl:active  { background-position:0px 13px; }


/*------------WEBSITE-SPRITE------------*/
#website
{
  width:101px;
  height:13px;
  text-decoration:none;
  display:block;
  background-image: url(../img/view_website.png);
  background-position:0px 0px;
  margin-top:5px;
}
#website:hover,#website:active  { background-position:0px 13px; }



/*------------CLOSE-SPRITE------------*/
#x
{
  width:31px;
  height:31px;
  text-decoration:none;
  display:block;
  background-image: url(../img/x.png);
  background-position:0px 0px;
  margin-top:0px;
  float:right;
}
#x:hover,#x:active  { background-position:0px 31px; }

/*------------EMAIL-SPRITE------------*/
#email_sprite
{
  width:156px;
  height:14px;
  text-decoration:none;
  display:block;
  background-image: url(../img/E.png);
  background-position:0px 0px;
  margin-top:12px;
}
#email_sprite:hover,#email_sprite:active  { background-position:0px 14px; }

/*------------MACIEJ-SPRITE------------*/
#maciej
{
  width:206px;
  height:14px;
  text-decoration:none;
  display:block;
  background-image: url(../img/photo.png);
  background-position:0px 0px;
  margin-top:0px;
}
#maciej:hover,#maciej:active  { background-position:0px 14px; }

	
/*------------FOOTER------------------*/

#footer {
		height:85px;
		width:100%;
		background-color: #FFF;
	    position: fixed;
 		bottom:0px;
		margin-bottom:0px;
		left: 0px;
		border-top: #ccc solid 1px;
		z-index:30;
		
			}
	
#footer_content {
		width:946px;
	 	margin-left: auto ;
 		margin-right: auto ;
		margin-top:25px;
	
		
		
	}



#contact {
position:fixed; 
bottom: 0px; 
left: 0; 
width:100%;
height:185px;
visibility: hidden;
background:#FFF;
z-index:30;
border-top:#CCC solid 1px;
}

#contact_content {
		width:946px;
		font-size:11px;
	 	margin-left: auto ;
 		margin-right: auto ;
	
	}
	
#contact_copy {
	color:#333;
	float:right;
	width:390px;
	height:107px;
	margin-top:0px;
	}

.clear{
	clear:both;
}

#stock {
position:fixed; 
bottom: 0px; 
left: 0; 
width:100%;
height:180px;
visibility: hidden;
background:#FFF;
z-index:30;
border-top:#CCC solid 1px;
}

#stock_content {
		width:946px;
		font-size:11px;
	 	margin-left: auto ;
 		margin-right: auto ;
	
		
	}


#stock_box {
		color: #333; 
		float:right; 
		width:430px;
		height:94px;
		margin-top:5px;
		
		
	}
	
#stock_r {
		width:150px;
		float:right;
		
		
		
	}
	
#stock_l {
		width:150px; 
		padding-right:20px;
		float:left;
		
		
	}

#close {
		width:946px;
	 	margin-left: auto ;
 		margin-right: auto ;
		margin-top:0px;
		margin-bottom:20px;
		
		
		
	}
#like {
		position:fixed; 
		right:30px; 
		bottom:27px; 
		z-index:500	
	
}


/*------------NAVIGATION------------------*/
#logo{
	position:fixed;
	margin-top:5px;
	margin-left:0px;
	float:left;
	height:23px;
	

}


#navigation{
	margin-top:5px;
	float:right;
	margin-right:0px;
	width:auto;

}

#nav {
	list-style:none;
	line-height:0px;
}

#nav li{
	margin-left:0px;
	display: inline;
	
	
}
#nav li a{
	
	height: 17px;
	margin-left:45px;
	float:right;
	text-decoration:none;
	text-indent: -900em;
}


/*-----------SUPERSIZE---------*/

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index:2;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

/*------Boxes-------*/


			
			.boxgrid{ 
				width: 472px; 
				height: 630px; 
				margin:0;
				float:left;
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding:5px; 
					color: #CCC; 
					
				}
				
				.boxgrid a{
					text-decoration:none; 
					
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #262031; 
				height: 630px; 
				width: 470px; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
	top: 630px;
	left: 0;
 				}
 				.caption .boxcaption {
 					top: 0;
 					left: 0;
 				}




/*-------LINKS----------*/


a.collections, a.collections:visited{
text-decoration:none;
background: transparent url(../img/collections.png) no-repeat scroll left top;
width: 88px;
}

a.collections:hover, a.collections:active {
background: transparent url(../img/collections.png) no-repeat scroll left bottom;
text-decoration:none;
width: 88px;
}

a.collections_s, a.collections_s:visited{
text-decoration:none;
background: transparent url(../img/collections.png) no-repeat scroll left bottom;
width: 88px;
}

a.collections_s:hover, a.collections_s:active {
background: transparent url(../img/collections.png) no-repeat scroll left bottom;
text-decoration:none;
width: 88px;
}

a.about, a.about:visited{
text-decoration:none;
background: transparent url(../img/about.png) no-repeat scroll left top;
width:45px;
}

a.about:hover, a.about:active {
background: transparent url(../img/about.png) no-repeat scroll left bottom;
text-decoration:none;
width: 45px;
}

a.about_s, a.about_s:visited{
text-decoration:none;
background: transparent url(../img/about.png) no-repeat scroll left bottom;
width:45px;
}

a.about_s:hover, a.about_s:active {
background: transparent url(../img/about.png) no-repeat scroll left bottom;
text-decoration:none;
width: 45px;
}

a.publications, a.publications:visited{
text-decoration:none;
background: transparent url(../img/publications.png) no-repeat scroll left top;
width: 91px;
}

a.publications:hover, a.publications:active {
background: transparent url(../img/publications.png) no-repeat scroll left bottom;
text-decoration:none;
width:91px;
}

a.publications_s, a.publications_s:visited{
text-decoration:none;
background: transparent url(../img/publications.png) no-repeat scroll left bottom;
width: 91px;
}

a.publications_s:hover, a.publications_s:active {
background: transparent url(../img/publications.png) no-repeat scroll left bottom;
text-decoration:none;
width:91px;
}


a.stockists, a.stockists:visited{
text-decoration:none;
background: transparent url(../img/stockists.png) no-repeat scroll left top;
width:68px;
}

a.stockists:hover, a.stockists:active {
background: transparent url(../img/stockists.png) no-repeat scroll left bottom;
text-decoration:none;
width: 68px;
}

a.stockists_s, a.stockists_s:visited{
text-decoration:none;
background: transparent url(../img/stockists.png) no-repeat scroll left bottom;
width:68px;
}

a.stockists_s:hover, a.stockists_s:active {
background: transparent url(../img/stockists.png) no-repeat scroll left bottom;
text-decoration:none;
width: 68px;
}

a.contact, a.contact:visited{
text-decoration:none;
background: transparent url(../img/contact.png) no-repeat scroll left top;
width: 63px;
}

a.contact:hover, a.contact:active {
background: transparent url(../img/contact.png) no-repeat scroll left bottom;
text-decoration:none;
width: 63px;
}

a.contact_s, a.contact_s:visited{
text-decoration:none;
background: transparent url(../img/contact.png) no-repeat scroll left bottom;
width: 63px;
}

a.contact_s:hover, a.contact_s:active {
background: transparent url(../img/contact.png) no-repeat scroll left bottom;
text-decoration:none;
width: 63px;
}

a.downl, a.downl:visited{
text-decoration:none;
background: transparent url(../img/downl.png) no-repeat scroll left top;
width: 101px;
}

a.downl:hover, a.downl:active {
background: transparent url(../img/downl.png) no-repeat scroll left bottom;
text-decoration:none;
width: 101px;
}


a.x, a.x:visited{
text-decoration:none;
background: transparent url(../img/X.png) no-repeat scroll left top;
width: 31px;
}

a.x:hover, a.x:active {
background: transparent url(../img/X.png) no-repeat scroll left bottom;
text-decoration:none;
width: 31px;
}

a.panel, a.panel:visited{
color: #333;
text-decoration: none;
border-bottom-color: #F93;
border-bottom-style: solid;
border-bottom-width: 1px;

}

a.panel:hover, a.panel:active {
color: #333;
border-bottom-color: #F93;
border-bottom-style: solid;
border-bottom-width: 3px;

}

a.link, a.link:visited{
color: #333;
text-decoration: underline;


}

a.link:hover, a.link:active {
color: #333;
text-decoration: underline;


}


a.link_credits_col, a.link_credits_col:visited{
color: #999;
text-decoration: underline;


}

a.link_credits_col:hover, a.link_credits_col:active {
color: #999;
text-decoration: underline;


}