@charset "UTF-8";
/* CSS Document */

/************Reset**************/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, fieldset, legend, label, table, header, footer, nav, section {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border: 0;
	
} 


ol, ul { 
	list-style: none; 
}
header, footer, nav, section, article, hgroup, figure {
	display: block;	
}
legend {
	display: none;
}

body { 
	font: 100%/1.5 'Cardo','Helvetica Neue', 'Arial', sans-serif; 	 
	text-align: center;
	color:#999;
}

.top-bar{
	height:6px;
	width:100%;
	background-color:#00cc99;
	position:fixed;	
	overflow:auto;
	z-index:1000;
}

a {
	text-decoration: none;
	color: #7f7f7f;
}

.block-link{
	background-color:#339999;
	color:white;	
}

.block-link:hover{
	background-color:black;
	color:white;	
}


a:hover, a:focus {
	color: #000;
}


h1 {
	font: normal 1.6em/1.3 'Cardo', 'Droid Sans', 'Calibri', 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', 'Arial', sans-serif;
	text-rendering: optimizeLegibility;
	margin-bottom: 0;
	text-shadow: 0 1px 0 #;
	font-weight:500;
}
h2 {
	
	font: 1em 'Cardo', 'LektonBold', 'Droid Sans', 'Calibri', 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', 'Arial', sans-serif;
	
	font-weight: normal;
	margin: 0;
	text-rendering: optimizeLegibility;
	text-shadow: 0 0px 0 #fff;
	
	
	
}
h3 {
	margin: 0;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	text-shadow: 0 1px 0 #fff;
}
p {
	margin: 0 0 1em;
	color:#666;
}

.home-menu{ padding-top:50px;	
}

.home-menu a {color:white;
}

.home-menu h1{ text-transform:uppercase;
}

.home-logo{ display:none;	
}

.home-logo-mobile{ padding-top:30px; display:block;	
}

#footer{
	list-style: inline;
	background-color:black;
	height: 20px;	
	margin-top:0;
	padding-bottom:20px;
	padding-top:10px;
	position:fixed;
	left:0; text-align:center; bottom:0; width:100%;
	margin-top:20px;
	z-index:1000;
}

.intro-float-right{
	float: left;
	margin: 150px 0px 0 10px;
	text-align:center;
	width:250px;

}

.intro-float-left{
	float: left;	
	margin: 150px 0 0 10px;
	text-align:center;
	width:250px;
	
}


.float-left{
	float: left;	
	margin: 0 0 0 100px;
	
}



.float-right{
	float: right;
	margin: 0 100px 0 0;
}




.center{
	padding: 80px 0;
	text-align: center;
	width:70%;
	margin: auto;
}

.product-nav{
	padding: 0px 0;
	text-align: center;
	width:70%;
	margin: auto;
}







#header, #intro, #second{
	width: 100%;
}




.story{
	margin: 0 auto;
	width:100%;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;
	z-index:900;	
}

#top-bar{

	list-style: inline;
	position: fixed;
	background-color:black;
	height: 40px;	
	width:100%;
	margin-top:0;
	padding-bottom:20px;
	z-index:1000;
}




.center hr {
border: 0;
color: #CCC;
background-color: #CCC;
height: 1px;
width: 100%;
text-align: left;
}

.about-text hr {
border: 0;
color: #CCC;
background-color: #CCC;
height: 1px;
width: 100%;
text-align: left;
}

.stockist hr {
border: 0;
color: #CCC;
background-color: #CCC;
height: 1px;
width: 100%;
text-align: left;
}

.center-stockists hr {
border: 0;
color: #CCC;
background-color: #CCC;
height: 1px;
width: 100%;
text-align: left;
}

.center-stockists{
	padding: 0px 0;
	text-align: center;
	width:85%;
	margin: auto;
	
}

.center-collection hr {
border: 0;
color: #CCC;
background-color: #CCC;
height: 1px;
width: 100%;
text-align: left;
}



 html,body {

            	position:relative;

            	height: 100%;

            	width:100%;

            	overflow:auto hidden;

            }
			
			

#toTop 									{z-index:3000; display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:41px; height:41px; border:none; text-indent:-999px; background:url(../images/ui.totop.png) no-repeat left top; }

#toTopHover 							{ background:url(../images/ui.totop.png) no-repeat left -41px; width:41px; height:41px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus 			{ outline:none; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	/************Structure**************/
header[role="banner"] {
	position: relative;
	background: rgba(0, 0, 0, 0.5);  

}


header[role="banner"] > div {
	max-width: 65em;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	position: relative;
	-webkit-animation: fadein 0.4s ease-out 1;
	-moz-animation: fadein 0.4s ease-out 1;
	-ms-animation: fadein 0.4s ease-out 1;
	display:block;
	
}

#header2{
	list-style: inline;
	position:fixed;	
	width:100%;
	z-index:1000;
	
	display:block;
	left:0; text-align:center; bottom:0; width:100%;	
}




#header-blank{
	list-style: inline;
	position:fixed;	
	width:100%;
	height:45px;	
	
	display:block;
	left:0; text-align:center; bottom:0; width:100%;
	
}


header[role="banner"] a:hover, header[role="banner"] a:focus {
	color: #fff;
	background-image: -webkit-radial-gradient(ellipse closest-side, rgba(255,255,255,0.1), rgba(255,255,255,0));
	background-image: -moz-radial-gradient(ellipse closest-side, rgba(255,255,255,0.1), rgba(255,255,255,0));
	background-image: -ms-radial-gradient(ellipse closest-side, rgba(255,255,255,0.1), rgba(255,255,255,0));
	background-image: -o-radial-gradient(ellipse closest-side, rgba(255,255,255,0.1), rgba(255,255,255,0));
}



.logo {
	float: left;
	margin: 0.35em 0 0.25em 0.7em;
}
.logo a, .logo img {
	
	height: 32px;
	
}
.nav-anchors {
	float: right;
	margin-right:60px;
}
.nav-anchors li {
	display: inline-block;
}
.nav-anchors a {
	display: block;
	padding:0.35em 0.7em;
	border-right: 1px solid #999;
}
.nav-anchors a.active {
	color: #fff;
	
}

.nav {
	margin: 0 -1em;
	text-align: center;
	text-transform: uppercase;
	

}

header[role="banner"] .nav {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	clear: left;
	margin-bottom:0px;	
}

.nav li {
	display: inline-block;
	position:relative;
		width: 100%;
	
	
}
.nav li a {
	display: block;
	padding: 1em;
	border-left: 1px solid #999;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
  	-ms-transition: all 0.3s ease-out; 
  	-o-transition: all 0.3s ease-out; 
  	transition:  all 0.3s ease-out;
	color:white;

	
}
.nav li:first-child a {
	border-left: 0;
	
}




#main-image{
	
margin-bottom:1px;


}

.thumb-container{

	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:80px;
	padding-top:50px;
	 overflow: hidden;
	
	
}

.center-stockists{
	padding: 50px 0;
	text-align: center;

	margin: auto;
	
}

.center-collection{
	padding: 0px 0;
	text-align: center;
	margin: auto;
	width:80%
	
}


.pagination {
width:100%;
margin-bottom:80px;

}



.prev{
	padding: 0px 0;
	text-align: center;
	width:30%;
	background-color:white;
	margin: auto;
	float:left;
	display: block; 
	
}
.next{
	padding: 0px 0;
	text-align: center;
	width:30%;
	background-color:white;
	margin: auto;
	float:right;
	display: block; 
	
	
}


.next-button a{
display:block;
width:51px;
height:51px;
background:url(../images/next.png);
float:right;	
	
}

.next-button a:hover{
display:block;
width:51px;
height:51px;
background:url(../images/next.gif);	
	
}

.prev-button a{
display:block;
width:51px;
height:51px;
background:url(../images/previous.png);	
	
}

.prev-button a:hover{
display:block;
width:51px;
height:51px;
background:url(../images/previous.gif);	
	
}



.collection-menu{
	padding: 0px 0;
float:left;
	width:40%;
	background-color:white;



	
	
}


/*****selection*****/	
	
	::selection {
	background: #666; /* Safari */
	color:white;
	}
::-moz-selection {
	background: #666; /* Firefox */
	color:white;
}


/*Hide Search and Nav only if Advanced JS is present*/
.queryselectorall .search, .queryselectorall [role="banner"] .nav {
	display: none;
}






/*WORDPRESS THEME*/

#footer {
	padding:20px;
	text-align:right;
	border-top:1px solid #eee;
	margin:0;
	color:#999;
}

#header {
	border-top:0px solid #;
}

#header .description {
	float:right;
	margin:45px 0 0 0;
	color:#222;
}

#header h1 {
	margin:15px 0 0 0;
	padding:25px 25px 40px 0;
	border-bottom:1px solid #ccc;
}

#wrapper {
	width:90%;
	margin:0 auto;
	
}


.clear {
	clear:both;
}

#content {
	margin:0 0px 0 0 !important;
	margin:0 0px 0 0;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	
	padding:10px 25px 30px 25px;
	text-align:left;
}


#content a:hover {
	color:#000;
}


#content h2 {
	
	font-weight:bolder;
	margin:10px 10px 0px 0;
	
	padding:5px 0 0 0;
	line-height: 30px;
	
}

#content h2 a {
	color:#444;
	text-decoration:none;
	border:none;
	font-weight:bold;
}

#sidebar {
	width:250px;
	float:right;
	padding:10px 10px 30px 10px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#sidebar h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color:#333;
	border-bottom:1px solid #f6f6f6;
	padding:0 0 3px 0;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	padding:3px;
	border-bottom:1px solid #f6f6f6;
}

#sidebar li a {
	color:#333;
	text-decoration:none;
}

#sidebar input {
	width:240px;
	padding:5px;
	background:#fdfdfd;
	color:#444;
	border:1px solid #f6f6f6;
	font:11px Verdana;
}

#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}

#sidebar li a:hover {
	color:#000;
}

p.news {
	padding:10px;
	background:#D7F0B2;
	margin:10px 0;
	color:#537B17;
	border-bottom:2px solid #BCE67D;
	border-top:2px solid #BCE67D;
}

blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee;
}

#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}
#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}


#content h3 {
	margin:10px 0;
	font:160% ;
	color:#222;
}

a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}




.title{	
width:100%;
margin-right:0;	
	display:block;
	float:left;
z-index:100;
}


.details{
	margin-top:10px;
	margin-bottom:10px;
width:150;
display:block;
z-index:200;
float:left;	
margin-left:-25px;
background-color:#F2F2F2;
}

.details p{
font-size:8pt;
margin-bottom:0px;
border-left:1px solid #eee;
border-right:1px solid #eee;
padding-left:15px;
padding-right:10px;
display:block;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}



.read-more{
color:#333;
font-size:;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;


}

.content-body{

display:block;
clear:both;	
margin-bottom:90px;
padding-top:5px;
}

#content img {
	width:100%;
	height:auto;
}



.menu       { line-height:20px; height:30px;  
               overflow:hidden; margin-right:auto; margin-left:auto }
			   
 .menu a     { display:block }
 
 .menu h1 a    { color:white; }
  .menu h1 a:hover    { color:black; }

 .menu p a    { color:white; }
  .menu p a:hover    { color:#444; }

 
 .menu:hover { height:auto; }






.admin-txt {
    display: none;
    position:absolute;
    top:200px;
    left:0px;
    padding-top:15px;
	width:100%;
    background: rgba(225,225,225,0.5);
		
}

.admin-txt a{
    color:white;
		
}

.admin-txt a:hover{
    color:black;
		
}

.admin-txt p, h3 {
    width: 90%;
	margin-left:0px;
	color:black;
	
}

.admin-img {
 border:1px;
 border-color:white;	

width:100%;
height:100%;
}



.blog-title{
margin-left:110px;
margin-bottom:40px;	
	
}

.cat-nav{
width:150px;
float:right;
margin-top:50px;
display:none;	
	
}

.cat-nav-mobile{
display:block;
padding-top:10px;
padding-bottom:20px;

margin:auto;
font-size:85%;	
	
}

#row {
	width:100%;
	display:block;	
	margin-left:auto;
	margin-right:auto;
	overflow: hidden; /* make sure this doesn't cause unexpected behaviour */

}

	.about-text{
	width:85%;
	text-align:center;
	margin:auto;
	padding-top:50px;
	
	clear:both;
	
}

	.couture-text{
	width:85%;
	text-align:center;
	margin:auto;
	padding-top:50px;
	clear:both;
	color:white;
}

 .couture-text p{
	color:white; 
 }

.new-generation-text{
width:85%;
	text-align:center;
	margin:auto;
	padding-top:50px;
	clear:both;
}




.credits-text{
width:85%;
	text-align:center;
	margin:auto;
	padding-bottom:65px;
	clear:both;
	padding-top:55px;
	
}

.stockist{
	width:85%;
	margin:auto;
}