/* Core
-------------------------------------------------------------- */

	@import 'reset.css'; 
	
/* ----------------------------------------------------------- */

html{height: 100%;}
body 
{
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  text-shadow: 0 0 0 #000;
  opacity:  .99;
  height: 100%;
}

h1#title{position: absolute; top: -1000px;}

/* Text elements
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #fff; }

h1 
{ 
	font-size: 17px; 
	line-height: 1; 
	margin-bottom: 1em;
	margin-top: 0px;
	opacity: 0.99; 
}

h2 
{ 
	font-size: 2em; 
	margin-bottom: 0.75em; 
}

h3 
{ 
	font-size: 1.5em; 
	line-height: 1; 
	margin-bottom: 1em; 
}

h4 
{ 
	font-size: 1.2em; 
	line-height: 1.25; 
	margin: 0; 
	font-weight: bold;
	height: 1.25em; 
}

h5 
{ 
	font-size: 1em; 
	font-weight: bold; 
	margin-bottom: 1.5em; 
}

h6 { 
	font-size: 1em; 
	font-weight: bold; 
}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img 
{
  margin: 0;
}

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

address { margin: 0; font-style: normal;}
small	{ font-size: 0.7em; }


/* Links
-------------------------------------------------------------- */

a           { color: #f2f2f2; text-decoration: underline; }


/* Layout
-------------------------------------------------------------- */

#site{width: 800px; margin: 20px auto 0 auto;}

#head 		{ height: 90px; position: relative;}

#content-wrap	{ height: 405px; width: 780px; color: #fff; padding: 9px; border: 1px solid #ccc; position: relative;  }
#content		{ height: 405px; width: 780px; background: #000; overflow: hidden; position: relative; }
.loading		{ background: url('../images/ajax-loader.gif') center center no-repeat;  }

#navigation			 	{ width: 140px; height: 405px; float: left; left: -150px; position: relative; z-index: 3; background: url('../images/background-trans.png'); }
#navigation ul 			{ float: left; margin: 20px 0 0 0; list-style: none; font-size: 13px; opacity: 0.99; }
#navigation ul li 		{ text-align: right; width: 130px; }
#navigation ul li a		{ display: block; width: 130px; height: 18px; opacity: 0.5; padding-bottom: 7px; margin-bottom: 14px;}

#navigation ul li.ui-tabs-selected a { border-bottom: 1px solid #fff; opacity: 1;}
#navigation ul li:hover a{ opacity: 1; cursor: pointer; }
#navigation a			{ color: #fff; text-decoration: none;}

.copy-wrap  	{ float: right; display: inline; width:630px; position: relative; z-index: 3;}
#noscript		{height: 405px;}
.copy			{ margin: 10px 10px 10px 10px; display: inline; padding: 20px 20px 2px 20px; background: url('../images/background-trans.png'); width: 230px; float: right;   }

.ui-tabs-hide {display:none;}

.close-window { position:absolute; right: 20px; top: 20px; opacity: 0.5; cursor: pointer;}

#slider
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 405px;
	width: 780px;
}

#slide-nav 
{
	position:absolute;
	bottom: 0;
	right: 0;
	color: #444;
	font-size: 10px;
	text-align: right;
	margin-right: 10px;
	height: 50px;
}

#slide-nav img
{
	margin-right: 5px;
	opacity: 0.1;
}

#slide-nav img:hover 
{
	opacity: 0.5;
}

#slide-nav p 
{
	clear:left;
	display: none;
}

#phonenumber { display: block; position: absolute; right: 0; bottom: 0px; color: #aaa;}
#copyright   { font-size: 11px; display: inline; float: right; color: #aaa; margin-top: 20px;}
#copyright a { color: #aaa;}
#copyright a:focus, #copyright a:hover { color : #000;}

#runway img {  display: inline; margin:8px; float: left; }
#runway img:hover { cursor:pointer; }
#runway .copy 	  { width: 580px; padding-bottom: 17px; }

#stockist .copy { width: auto; }
#stockist .col {display: inline;  float:left; width: 230px; margin-right: 20px; height: 310px; }
#stockist .col div { height: 120px; margin-top: 20px; }
#stockist .col.last { margin-right: 0;}

#collection .copy 	{ width: 580px; padding-bottom: 17px; }
#collection img 	{ margin:8px;display: inline; float: left;}

#biography .copy { width: 580px;}

/* Lightbox
-------------------------------------------------------------- */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none;}
#lightbox-container-image-box {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background: #fff;
}
#lightbox-container-image { padding: 20px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font-size: 10px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 30px 0;
}
#lightbox-container-image-data {
	padding: 0; 
	color: #333; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 90%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 15px; 
	float: right;
}