/* important to leave in */
/* for lightbox galleries */
.hidden{
	display:none;
	position:absolute;
	top:-6000px;
}
/* for old IE */
a img{
	border-width:0;
}
/* end important to leave in */

html,body,
p,ul,li,h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	line-height:1;
}
ul,li{
	list-style:none;
}
a{
	color:#000000;
	outline:0;
}
a:focus,
a:hover{
	text-decoration:none;
}
body{
	background:#ffffff;
	color:#000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:100%;
}
#wrapper{
	width:980px;
	padding:68px 10px;
	margin:auto;
}
#sidebar{
	float:left;
	width:305px;
	text-transform:uppercase;
}
#content{
	margin-left:305px;
	margin-bottom:150px;
}
div.clearall{
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}
#content h2,
#content p{
	font-size:81.25%;
	line-height:1.4;
}
#content p{
	margin-bottom:1.4em;
}
#content p.imagemain{
	margin-bottom:0;
}
p.quote{
	text-transform:uppercase;
	line-height:1.4;
	padding:10px 0 15px 0;
	border-bottom:1px solid #C7C7C7;
	margin-bottom:25px;
}
p.quote span.byline{
	font-weight:bold;
}
div.colleft,
div.colright{
	width:320px; /* will be 300 if total content width is brought back from 672 to 632 */
}
div.colleft{
	float:left;
}
div.colright{
	float:right;
}

#content h2{
	text-transform:uppercase;
}
#content h3{
	font-size:81.25%;
	font-weight:bold;
}
#content ul li{
	font-size:81.25%;
	line-height:1.4;
}
#content ul{
	margin-bottom:1.4em;
}
#stockists,
#contact,
#press{
/*	padding-top:42px; */
}
#content{
	padding-top:42px;
}




h1,
div.sitetitle{
	height:27px;
	line-height:27px;
	margin-bottom:15px;
}
h1 img,
div.sitetitle img{
	display:block;
}
#nav li ul{
	display:none;
	margin-bottom:5px;
}
#nav li.grandparent ul,
#nav li.parent ul{
	display:block;
}
#nav li.parent ul li ul,
#nav li.grandparent ul li ul{
	display:none;
}
#nav li.grandparent ul li.parent ul{
	display:block;
}
#nav li a{
	color:#666;
	text-decoration:none;
}
#nav li.current a,
#nav li a:focus,
#nav li a:hover{
	color:#000000;
}
#nav li{
	line-height:1.25em;
}
#nav li li{
	font-size:75%;
	line-height:1.66em;
	padding-left:5px;
}
#nav li li li{
	font-size:100%;
}

#thumbs li{
	float:left;
	padding-right:1px;
	padding-bottom:1px;
}
#thumbs li a{
	display:block;
	background:url(/img/plus.png) #000000 no-repeat center;
}
#thumbs li img,
#thumbs li a img{
	display:block;
}
#thumbs li a:hover img{
	opacity:.5;
}
body.press #thumbs li a img{
	max-width:335px;
	height:auto;
}

#thumbs li{
	position:relative;
}
#thumbs li a{
	text-decoration:none;
}
#thumbs li span{
	position:absolute;
	left:0;
	top:0;
	display:block;
	height:116px;
	width:90%;
	background:rgba(0,0,0,.5);
	color:white;
	font-family:Arial, sans-serif;
	font-size:140%;
	line-height:1.2;
	text-transform:uppercase;
	text-align:center;
	padding:95px 5% 0 5%;
	opacity:0;
}
#thumbs li span.lines2{
	height:127px;
	padding-top:84px;
}
#thumbs li span.lines3{
	height:138px;
	padding-top:73px;
}
#thumbs li span.lines4{
	height:149px;
	padding-top:62px;
}
#thumbs li:focus span,
#thumbs li:hover span,
#thumbs li:active span{
	opacity:1;
}
#home #thumbs{
	padding-left:8px;
}
#home #thumbs li{
	padding-right:8px;
	padding-bottom:8px;
}
#home #thumbs li a img{
	max-width:100%;
	height:auto;
}
#home #thumbs li span.overlay{
	display:block;
	width:300px;
	height:200px;
	padding:0;
}
#home #thumbs li span.overlay span{
	position:static;
	display:table-cell;
	vertical-align:middle;
	width:290px;
	height:200px;
	padding:0 5px;
	font-size:36px;
	font-weight:bold;
}
#home #thumbs li a:hover img{
	opacity:1;
}
#home #thumbs li span.overlay{
	opacity:1;
	background:transparent;
}
#home #thumbs li span.overlay span{
	opacity:0.4;
	background:transparent;
}
#home #thumbs li:focus span.overlay span,
#home #thumbs li:hover span.overlay span,
#home #thumbs li:active span.overlay span{
	opacity:1;
	transition : all .5s ease-in;
	-o-transition : all .5s ease-in;
	-moz-transition : all .5s ease-in;
	-webkit-transition : all .5s ease-in;
}
#home{
	width:1240px;
	max-width:100%;
	text-align:center;
	text-transform:uppercase;
	padding:150px 0 100px 0;
	margin:auto;
	overflow:hidden;
}
#home h1{
	margin-bottom:40px;
}
#home h1 img{
	display:inline;
}
#home ul{
/*	opacity:0; */
}
#home:hover ul{
/*
	opacity:1;
	-o-transition : all 1s ease-in;
	-moz-transition : all 1s ease-in;
	-webkit-transition : all 1s ease-in;
*/	
}
#home ul li a:hover{
	color:#000000;
}
@media (max-width:1290px){
	#home{
		width:1048px;
	}
	#home #thumbs li{
		width:252px;
	}
	#home #thumbs li span.overlay{
		width:252px;
		height:168px;
	}
	#home #thumbs li span.overlay span{
		width:242px;
		height:168px;
		font-size:30px;
	}
}
@media (max-width:1080px){
	#home{
		width:928px;
	}
	#home #thumbs li{
		width:222px;
	}
	#home #thumbs li span.overlay{
		width:222px;
		height:148px;
	}
	#home #thumbs li span.overlay span{
		width:212px;
		height:148px;
		font-size:26px;
	}
}
@media (max-width:976px){
	#home{
		width:788px;
	}
	#home #thumbs li{
		width:252px;
	}
	#home #thumbs li span.overlay{
		width:252px;
		height:168px;
	}
	#home #thumbs li span.overlay span{
		width:242px;
		height:168px;
		font-size:30px;
	}
}
@media (max-width:821px){
	#home{
		width:698px;
	}
	#home #thumbs li{
		width:222px;
	}
	#home #thumbs li span.overlay{
		width:222px;
		height:148px;
	}
	#home #thumbs li span.overlay span{
		width:212px;
		height:148px;
		font-size:26px;
	}
}
@media (max-width:742px){
	#home{
		width:528px;
	}
	#home #thumbs li{
		width:252px;
	}
	#home #thumbs li span.overlay{
		width:252px;
		height:168px;
	}
	#home #thumbs li span.overlay span{
		width:242px;
		height:168px;
		font-size:30px;
	}
}
@media (max-width:562px){
	#home{
		width:468px;
	}
	#home #thumbs li{
		width:222px;
	}
	#home #thumbs li span.overlay{
		width:222px;
		height:148px;
	}
	#home #thumbs li span.overlay span{
		width:212px;
		height:148px;
		font-size:26px;
	}
}
@media (max-width:502px){
	#home{
		width:384px;
	}
	#home #thumbs li{
		width:180px;
	}
	#home #thumbs li span.overlay{
		width:180px;
		height:120px;
	}
	#home #thumbs li span.overlay span{
		width:170px;
		height:120px;
		font-size:20px;
	}
}
@media (max-width:404px){
	#home{
		width:300px;
	}
	#home #thumbs{
		padding-left:0;
	}
	#home #thumbs li{
		width:300px;
		padding-right:0;
	}
	#home #thumbs li span.overlay{
		width:300px;
		height:200px;
	}
	#home #thumbs li span.overlay span{
		width:290px;
		height:200px;
		font-size:36px;
	}
}
@media (max-width:352px){
	#home{
		width:252px;
	}
	#home #thumbs li{
		width:252px;
	}
	#home #thumbs li span.overlay{
		width:252px;
		height:168px;
	}
	#home #thumbs li span.overlay span{
		width:242px;
		height:168px;
		font-size:30px;
	}
}
@media (max-width:300px){
	#home{
		width:222px;
	}
	#home #thumbs li{
		width:222px;
	}
	#home #thumbs li span.overlay{
		width:222px;
		height:148px;
	}
	#home #thumbs li span.overlay span{
		width:212px;
		height:148px;
		font-size:26px;
	}
}
