@charset "utf-8";
/* Created: 06/02/09 */

/* Josh & Louis */

/* set the font for the site */
* { 
    margin:0px;
	padding:0px; 
	font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Console", "sans-serif";
}

/* set the colours for the text and background */

html
{
	overflow-y:scroll
}

body, html {
    color:#000;
	background:#fff url(../images/headerBg.jpg) top center repeat-x;
	font-size: 13px; 
	line-height:1.4em
	font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Console", "sans-serif";
}

/* -- Defaults for headings, bulletpoints form required and paragraphs -- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */

ol, ul, li {
	list-style:disc;
    margin-left: 15px;
}

img {
   border: none;
}

H1, H2, H3, H4, H5, H6 {
	font-size:20px;
	color:#FFF;
	font-weight:300;
	padding:0px 0px 0px 0px;
	line-height:1.2em
}

H1.heading {
	height: 35px;
	position: relative;
	padding:0px;
	margin:0px;
}

H1.headingTaller {
	height: 298px;
	position: relative;
}
	
H1.heading span, H1.headingTaller span {
	position: absolute;
	width: 100%;
	height: 100%;
}

.ourStory-quote { background:transparent url(../images/headings/ourStory-quote.gif) no-repeat }

.column1 {
	width:47%;
	padding-right:3%;
	float:left
}

.columnFull {
	width:100%;
	float:left
}

.column2 {
	width:207px;
	border-left:1px solid #bfbfbf;
	float:left
}

.column3 {
	width:544px;
	float:left
}

.column2 p {
	padding:10px 13px 0px 13px
}

H1 { overflow: hidden; }

H2 {
	font-size:16px;
}

H3 {
	font-size:15px;
}

H4 {
	font-size:14px;
}

H5 {
	font-size:12px;
}

H6 {
	font-size:11px;
}


p {
	padding:10px 0px 0px 0px;
}

a {
	text-decoration:none;
	color:#fff;
	outline: none;
	-moz-outline-style: none;
}

a:hover {
	color:#cccccc;
}

input, select {
	font-size:11px;
	width:190px;
	border:0px;
	}

td {
	padding:2px;
	}
/* -- END Defaults -- */

/* This holds the content, change it's width to whatever is needed */

#main {
	width:960px;
	display: block;
	background:none;
	margin:0px auto;
}

.content {
	width:960px;
	display: block;
	background:#000;
	margin:0px auto;
	min-height:1000px;
	height:1000px;
	color:#fff;
	line-height:1.4em
}

.content .inner {
	padding:118px 0px 0px 55px
}

.content#ourStory {
	background:#000 url(../images/ourStory.jpg) top right no-repeat;
}

#contactInnerWrapper {
	background:#000 url(../images/contact.jpg) top right no-repeat;
}

#contactWrapper a, #contactWrapper a:visited {
	color:#fff;
}

#contactWrapper a:hover {
	color: #ccc;
}

#availabilityInnerWrapper {
	background:#000 url(../images/availability.jpg) top right no-repeat;
}

.aLeftHeading {
	width: 100px;
	float:left;
	clear:none;
}

.aRightInfo {
	width: 300px;
	padding-left:160px;
	float:left;
}

#termsInnerWrapper {
	background:#000;
}

.aTermsHeading {
	width: 100px;
	float:left;
	clear:none;
}

.aTermsInfo {
	padding-left: 10px;
	padding-right: 60px;
}

#subscribeInnerWrapper {
	padding: 30px;
}

#subscribeLeft {
	float: left;
	width: 38%;
	margin-top: 10px;
	padding-right: 20px;
}

#subscribeRight {
	float: left;
	width: 58%;
}

.subscribeInput {
	background-color: #d3d3d3;
	padding: 5px;
}

.subscribeInputButton {
	width: 86px;
	height: 34px;
}

.availabilityQuote {
	width: 426px;
	font-size: 26px;
	line-height: 30px;
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	padding-top: 10px;
	padding-bottom: 10px;
}

.content .inner .right {
	width:220px;
	float:left;
}

.content .inner .centre {
	width:30px;
	float:left
}

.content .inner .left {
	width:260px;
	float:left
}

/* The main header, insert image in here */
#header {
    display: block;
	height:148px;
	width:960px;
	text-align:center;
	clear:both
}

#header img {
	margin-top:41px;
}

#header img a {
	border:0px;
}


/* begin: menu */

#menu {
	height:39px;
	width:960px;
	background:transparent url(../images/menuBg.png) top center no-repeat;
}

#menu #home, #menu #collections, #menu #ourStory, #menu #availability, #menu #contact, #menu #subscribe {
	width:144px;
	height:39px;
	float:left
}

#menu #collections 	{ width:178px }
#menu #ourStory 	{ width:151px }
#menu #availability	{ width:174px }
#menu #contact 		{ width:137px }
#menu #subscribe 	{ width:176px }

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

#home a {
	height:39px;
	width:144px;
	display:block;
	background:transparent url(../images/menu.gif) no-repeat 0px 0px;
}

#home a:hover, #homeWrapper #home a {
	background:transparent url(../images/menu.gif) no-repeat 0px -39px;
}

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

#collections a {
	height:39px;
	width:178px;
	display:block;
	background:transparent url(../images/menu.gif) no-repeat -144px 0px;
}

#collections a:hover, #collectionsWrapper #collections a {
	background:transparent url(../images/menu.gif) no-repeat -144px -39px;
}

#menuTopBlock {
	z-index:20;
	position:relative;
}

/* JOSH - This bit changes the dropdowns for the font and line spacing of the menu items */
#menuTopBlock a{
	text-align:center;
	padding:20px;
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	color:#CCC;
	font-size:16px;
	line-height:1.4em;
	display:block;
	font-weight:300;
}

#menuTopBlock a:hover{
	color:#FFF;
}

#menuTopBlock b{
	text-align:center;
	display:block;
	color:#FFF;
	font-size:14px;
	padding:0px 0px 0px 0px;
}

.dot {
	background:transparent url(../images/dot.gif) center center no-repeat;
	width:100%;
	height:3px
}

#collectionsTop {
	width:178px;
	height:148px;
	z-index:10;
	position:absolute;
	display:none;
	background:#000;
	left:144px;
	
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;		
}

/* JOSH - Bottom dropdown of Collections */
#collectionsBottom {
	width:178px;
	height:1000px;
	z-index:10;
	position:absolute;
	display:none;
	background:#000;
	left:144px;
	top:187px;
	border-left:1px solid #222;
	border-right:1px solid #222;
	
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
}

#ourStoryTop {
	width:151px;
	height:148px;
	z-index:10;
	position:absolute;
	display:none;
	background:#000;
	left:322px;
	
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
}

/* JOSH - Bottom dropdown of Our Story */
#ourStoryBottom {
	width:151px;
	height:1000px;
	z-index:10;
	position:absolute;
	display:none;
	background:#000;
	left:322px;
	top:187px;
	border-left:1px solid #222;
	border-right:1px solid #222;
	
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;	
}

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

#ourStory a {
	height:39px;
	width:151px;
	display:block;
	background:transparent url(../images/menu.gif) no-repeat -322px 0px;
}

#ourStory a:hover, #ourStoryWrapper #ourStory a {
	background:transparent url(../images/menu.gif) no-repeat -322px -39px;
}

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

#availability a {
	height:39px;
	width:174px;
	display:block;
	background:transparent url(../images/menu.gif) no-repeat -473px 0px;
}

#availability a:hover, #availabilityWrapper #availability a {
	background:transparent url(../images/menu.gif) no-repeat -473px -39px;
	color: #ccc;
}

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

#contact a {
	height:39px;
	width:137px;
	display:block;
	background:transparent url(../images/menu.gif) no-repeat -647px 0px;
}

#contact a:hover, #contactWrapper #contact a {
	background:transparent url(../images/menu.gif) no-repeat -647px -39px;
}

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

#subscribe a {
	height:39px;
	width:176px;
	display:block;
	background:transparent url(../images/menu.gif) no-repeat -784px 0px;
}

#subscribe a:hover, #subscribeWrapper #subscribe a {
	background:transparent url(../images/menu.gif) no-repeat -784px -39px;
}

/* end: navbar */



#content {
	padding:36px 47px 36px 57px;
	background:#FFF;
	clear:both
}

/* footer */
#footer {
	clear:both;
	background:#fff url(../images/footerBg.jpg) bottom center repeat-x;
	/*height:414px;*/
	height:130px;
	width:100%;
}

/*===========================================*/
.collectionMainPart {
	
}
	.collectionMainPartLeft {
		float:left;
		width: 372px;
	}
		.collectionMainPartHeading {
			display:block;
			margin-top: 20px;
			margin-bottom: 10px;
		}
		.collectionMainPartButton {
			display:block;
			margin-top: 20px;			
		}
	.collectionMainPartRight {
		float:left;		
	}
	.collectionMainPartLine {
		clear:both;
	}

/*===========================================*/
	
.indexLine {
	margin-top: 50px;
	clear:both;	
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}

/*===========================================*/
	
.pressClubMenuItem {
	display:block;
	color:#aaa;
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	font-size:16px;
}

.pressClubMenuItem:hover {
	color:#fff;
}

.pressClub {

}
	.pressClubMenu {
		padding-top: 12px;
		width: 170px;
		float: left;
	}
		
		.pressClubMenu p {
			padding-bottom: 5px;
		}
	
		.pressClubMenuItem {
			padding-bottom: 5px;
		}
		.pressClubMenuItem{
		
		}
	.pressClubLine{
	
	}
	.pressClubMain{
		width: 270px;
		float: left;
		margin-bottom: 200px;
	}
		.pressClubMain h2{
			font-family: "Garamond", "Adobe Garamond", "Times New Roman";
			font-size: 22px;
		}
	.pressClubImage{
		padding-top: 40px;
		margin-left: 50px;
		width: 140px;
		float: left;	
	}
/*===========================================*/

/* JOSH - change styles for collections text */
.collectionOriginaleLeft, .collectionCheckerboardLeft, .collectionPetitItem  {
	line-height: 1.4em;
}

.collectionCheckerboardLeft {
	width: 352px;
	float:left;
}
.collectionCheckerboardRight {
	width: 608px;
	height: 947px!important;
	background-image: url(../images/collections/checkerboard-main-image.jpg);
	float:left;
}
.collectionCheckerboardRightItem {
	position: absolute;
	width: 170px;
	margin-left: 40px;
}
.collectionCheckerboardRightItem h3{
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	font-size: 22px;
	font-weight: bold;
	color:#000;
}
.collectionCheckerboardRightItem p{
	
}
	#collectionCheckerboardRightItem1{
		top: 808px;
	}
	#collectionCheckerboardRightItem2{
		top: 1104px;
	}
	#collectionCheckerboardRightItem3{
		top: 1384px;
	}
	
#collectionCheckerboardH1 {
	margin-top: 34px;
}

#collectionCheckerboardText {
	width: 280px;
}

#collectionCheckerboardText p {
	margin-bottom: 10px;
	margin-top: 10px;
}

/*===========================================*/

.collectionOriginaleLeft {
	width: 352px;
	float:left;
}
.collectionOriginaleRight {
	width: 608px;
	height: 947px!important;
	background-image: url(../images/collections/originale-main-image.jpg);
	float:left;
}
.collectionOriginaleRightItem {
	position: absolute;
	width: 180px;
	margin-left: 30px;
}
.collectionOriginaleRightItem h3{
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	font-size: 20px;
	font-weight: bold;
	color:#000;
}
.collectionOriginaleRightItem p{
	
}
	#collectionOriginaleRightItem1{
		top: 720px;
	}
	#collectionOriginaleRightItem1 h3{
		color: #444;
	}	
	
	#collectionOriginaleRightItem2{
		top: 1020px;
	}
	#collectionOriginaleRightItem2 h3{
		color: #d93990;
	}	
	
	#collectionOriginaleRightItem3{
		top: 1300px;
	}
	#collectionOriginaleRightItem3 h3{
		color: #d0a714;
	}	
	
#collectionOriginaleH1 {
	margin-top: 34px;
}

#collectionOriginaleText {
	width: 280px;
}

#collectionOriginaleText p {
	margin-bottom: 10px;
	margin-top: 10px;
}

/*===========================================*/

.collectionPetitItem {
	width:960px;
	height:292px;
	padding: 16px;
}

.collectionPetitItem h2 {
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	font-size: 36px;
	font-weight: bold;	
}

.collectionPetitItem h3 {
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	font-size: 22px;
	font-weight: bold;	
}

.collectionPetitItem h4 {
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	font-size: 36px;
	color: #D0679F;
	font-weight: regular;	
}

.collectionPetitItem h5 {
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	font-size: 36px;
	color: #353535;
	font-weight: regular;	
}

.collectionPetitItem h6 {
	font-family: "Garamond", "Adobe Garamond", "Times New Roman";
	font-size: 36px;
	color: #5889C1;
	font-weight: regular;	
}

.collectionPetitItem p {
	width: 250px;
	margin-right: 20px;
	float:left;
}

.collectionPetitItemButtons {
	clear:both;
	padding-top: 20px;
}

.collectionPetitItemButtons img {
	float: left;
	margin-right: 10px;
}

#collectionPetitItemPink {
	background-image: url(../images/collections/petit-pink.jpg);
	background-repeat: no-repeat;
}
#collectionPetitItemWhite {
	background-image: url(../images/collections/petit-white.jpg);
	background-repeat: no-repeat;	
}
#collectionPetitItemBlue {
	background-image: url(../images/collections/petit-blue.jpg);
	background-repeat: no-repeat;	
}