a {
	color: inherit;
	text-decoration: none;
}

a:active,
a:focus {
	outline: none;
}

a img {
	border: none;
}

body {
	font-size: 62.5%;
	line-height: 1;
	margin: 0;
	padding: 0;
}

br {
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

embed {
	background: url(images/css/throbber.gif) center center no-repeat;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
	margin: 0;
	padding: 0;
}

li:focus {
	outline: none;
}

object {
	background: url(images/css/throbber.gif) center center no-repeat;
}

p {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#backstageView {
	overflow: hidden;
}

#backstageView h2 {
	left: -9999px;
	position: absolute;
}

#backstageView li {
	float: left;
}

#content {
	position: relative;
}

#footer {
	border-bottom: 1px solid #333;
	clear: both;
	margin: 0 0 90px 16px;
	padding: 44px 0 0 0;
	width: 940px;
}

#footer p {
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin: 0 10px 11px 10px;
	text-transform: uppercase;
}

#header {
	margin: 0 0 -40px 0;
	padding: 96px 0 67px 0;
	background: transparent url('images/css/bg-header.png') left bottom no-repeat;
	position: relative;
	width: 100%;
	z-index: 2;
}

#header a {
	overflow: auto;
}

#header a:focus {
	outline: none;
}

#header .navigation li {
	border-right: 1px solid #999;
	float: left;
	margin: 0 14px 0 0;
	padding: 0 14px 0 0;
}

#header .navigation li a,
#header .navigation li strong {
	background: transparent url('images/css/sprite-navigation.png') left top no-repeat;
	display: block;
	height: 15px;
	text-indent: -9999px;
}

#header .navigation  {
	overflow: hidden;
	margin: 0 0 0 337px;
}

#header .navigation .biography a,
#header .navigation .biography strong {
	background-position: 0 -30px;
	width: 112px;
}

#header .navigation .biography a:focus,
#header .navigation .biography a:hover,
#header .navigation .biography strong {
	background-position: 0 -45px;
}

#header .navigation .collections a,
#header .navigation .collections strong {
	background-position: 0 0;
	width: 131px;
}

#header .navigation .collections a:focus,
#header .navigation .collections a:hover,
#header .navigation .collections strong {
	background-position: 0 -15px;
}

#header .navigation .contact {
	border: none;
}

#header .navigation .contact a,
#header .navigation .contact strong {
	background-position: 0 -120px;
	width: 94px;
}

#header .navigation .contact a:focus,
#header .navigation .contact a:hover,
#header .navigation .contact strong {
	background-position: 0 -135px;
}

#header .navigation .press a,
#header .navigation .press strong {
	background-position: 0 -90px;
	width: 52px;
}

#header .navigation .press a:focus,
#header .navigation .press a:hover,
#header .navigation .press strong {
	background-position: 0 -105px;
}

#header .navigation .stockists a,
#header .navigation .stockists strong {
	background-position: 0 -60px;
	width: 94px;
}

#header .navigation .stockists a:focus,
#header .navigation .stockists a:hover,
#header .navigation .stockists strong {
	background-position: 0 -75px;
}

#mainView h2 {
	left: -9999px;
	position: absolute;
}

#mainView img {
	height: 457px;
	width: 300px;
}

#page {
	margin: 0 auto;
	position: relative;
	width: 978px;
}

#videoView h2 {
	left: -9999px;
	position: absolute;
}

#videoView div {
	background: url(images/css/throbber.gif) center center no-repeat;
	height: 528px;
	width: 940px;
}

.biographyContent {
	background: transparent url('images/css/bg-biography.jpg') 556px 2px no-repeat;
	min-height: 1212px;
	padding: 50px 0 250px 0;
	position: relative;
	z-index: 3;
}

.biographyContent h1 {
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 28px 26px;
	text-transform: uppercase;
}

.biographyContent p {
	color: #666;
	font-family: Georgia, sans-serif;
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 15px 26px;
	width: 525px;
}

.biographyContent .intro {
	color: #999;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.3;
}

.collectionContent {
	padding: 492px 0 0 18px;
	zoom: 1;
}

.collectionIntro {
	color: #999;
	font-family: Georgia, serif;
	font-size: 24px;
	font-style: italic;
	line-height: 1.5;
	margin: 0 0 94px 0;
	width: 760px;
}

.collections {
	margin: 0 0 0 16px;
	overflow: hidden;
}

.collections img {
	height: 457px;
	width: 300px;
}

.collections li {
	background: url(images/css/throbber.gif) center center no-repeat;
	cursor: pointer;
	float: left;
	margin: 0 20px 1px 0;
}

.collectionItem {
	background: url(images/css/throbber-lightbox.gif) center center no-repeat;
	font-family: Arial, sans-serif;
	padding: 0 0 43px 0;
	position: relative;
}

.collections .collectionItem {
	background: url(images/css/throbber.gif) center center no-repeat;	
}

.collections li:focus {
	opacity: 0.7;
	outline: none;
}
.collections li:hover {
	opacity: 0.7;
}

.collections .hero {
	cursor: default;
	float: none;
	margin: 0 22px 44px 0;
	padding: 0;
}

.collections .hero img {
	height: 464px;
	width: 940px;
}

.collections .heroCollectionImage {
	position: static;
}

.collectionTabs {
	font-family: Arial, sans-serif;
	font-size: 24px;
	overflow: hidden;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.collectionTabs a {
	color: #666;
}

.collectionTabs li {
	border-right: 1px solid #666;
	float: left;
	line-height: 0.8;
	margin: 0 10px 0 0;
	padding: 0 9px 0 0;
}

.collectionTabs a:focus,
.collectionTabs a:hover {
	color: #999;
}

.collectionTabs .active {
	cursor: default;
	color: #999;
}

.collectionTabs .last {
	border: none;
}

.collectionTitle {
	background-color: #666;
	bottom: 0;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	left: 0;
	position: absolute;
	text-transform: uppercase;
	width: 100%;
}

.collectionTitle span {
	color: #fff;
	display: block;
	margin: 13px 15px 10px 15px; 
}

.collectionTitle span a {
	color: #fff;
}

.collectionTitle span a:visited {
	color: #fff;
}

.collectionTitle span span {
	color: #ccc;
	display: inline;
	margin: 0;
}

.contacts {
	padding: 49px 0 0 0;
	z-index: 3;
}

.contacts h1 {
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 34px 34px;
	text-transform: uppercase;
}

.contacts h2 {
	background-color: #666;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 32px 0;
	padding: 13px 15px 11px 15px;
	text-transform: uppercase;
}

.contacts h3 {
	color: #999;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0 16px 0 16px;
	text-transform: uppercase;
}

.contacts p {
	color: #999;
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 1.4;
	margin: 0 16px 0 16px;
}

.contacts .parents {
	clear: both;
	margin: 0 0 0 18px;
}

.contacts .parents a {
	color: #666;
}

.contacts .parents li {
	float: left;
	margin: 0 20px 108px 0;
	width: 300px;
}

.contacts .parents li li {
	float: none;
	margin: 0 0 22px 0;
	width: auto;
}

.heroCollectionDescription {
	background-color: #000;
	bottom: 17px;
	color: #666;
	float: left;
	font-size: 34px;
	font-weight: normal;
	left: -9999px;
	line-height: 0.9;
	padding: 1px 3px 0 4px;
	position: absolute;
	text-transform: uppercase;
}

.heroCollectionImage {
	border-bottom: 7px solid #cc9999;
	left: 18px;
	position: absolute;
	top: 0;
}

.heroCollectionHeading {
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

.heroCollectionHeading span {
	color: #666;
}

.heroCollectionName {
	background-color: #000;
	bottom: 53px;
	color: #999;
	float: left;
	font-size: 34px;
	font-weight: normal;
	left: -9999px;
	line-height: 0.9;
	padding: 1px 3px 0 4px;
	position: absolute;
	text-transform: uppercase;
}

.hidden {
	height: 1px;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.hiddenVideo {
	display: none;
}

.logo {
	background: transparent url('images/l-wren-scott-logo.png') left top no-repeat;
	display: block;
	height: 112px;
	left: 27px;
	position: absolute;
	text-indent: -9999px;
	top: 32px;
	width: 281px;
}

.logo a {
	display: block;
	height: 100%;
	overflow: auto;
	width: 100%;
}

.pressContent {
	padding: 49px 0 0 0;
	z-index: 3;
}

.pressContentItem a {
	padding-top: 494px;
	color: #ccc;
	display: block;
	font-family: Georgia, serif;
	font-size: 14px;
	height: 13px;
	left: 0;
	position: absolute;
	text-align: right;
	padding-right: 14px;
	top: 0;
	width: 286px
}

.pressContentItem a:focus,
.pressContentItem a:hover {
	text-decoration: underline;
}

.pressContent h1 {
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 34px 34px;
	text-transform: uppercase;
}

.pressContentItem h2 {
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 14px 14px 0 14px;
	text-transform: uppercase;
}

.pressContent li {
	cursor: pointer;
	float: left;
	margin: 0 20px 1px 0;
}

.pressContentItem {
	background: url(images/css/throbber.gif) center center no-repeat;
	padding: 0 0 63px 0;
	position: relative;
}

.pressContent li:hover {
	opacity: 0.7;
}

.pressContent ul {
	margin: 0 0 68px 18px;
	overflow: hidden;
}

.pressContentItem .date {
	color: #ccc;
	font-family: Georgia, serif;
	font-size: 12px;
	padding: 0 14px 14px 14px;
}

.pressContentItem img {
	height: 457px;
	width: 300px;
}

.pressContentItem .info {
	background-color: #666;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

.skiplink {
	color:#666666;
	font-family:arial;
	font-size:1.2em;
	left: -9999px;
	position:absolute;
	top: 6px;
}

.skiplink:focus {
	left: 16px;
}

.subNavigation {
	font-family: Arial, sans-serif;
	font-size: 18px;
	overflow: hidden;
	margin: 0 0 -23px 337px;
	padding: 21px 0 0 0;
	text-transform: uppercase;
}

.subNavigation a {
	color: #999;
}

.subNavigation a:focus,
.subNavigation a:hover {
	color: #ccc;	
}

.subNavigation li {
	border-right: 1px solid #999;
	float: left;
	height: 13px;
	line-height: 0.7;
	margin: 0 12px 5px 0;
	padding: 0 11px 4px 0;
	white-space: nowrap;
}

.subNavigation strong {
	color: #ccc;
	font-weight: normal;
}

.view ul {
	margin: 0 0 45px 0;
	overflow: hidden;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{
	background: #000;
}


#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
	height: 0;
	width: 0;
}
    


    #cboxContent{background:none;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

#cboxCurrent{
	left: -9999px;
	position:absolute;
}

#cboxPrevious {
	position: absolute;
	top: 50px;
	left: 10px;
	background:url(images/css/sprite-lightbox-controls.png) left center no-repeat;
	width:24px;
	height: 75%;
	text-indent:-9999px;
	z-index: 1;
}

#cboxPrevious.hover {

}

#cboxNext{
	position: absolute;
	top: 50px;
	right: 10px;
	background:url(images/css/sprite-lightbox-controls.png) -48px center no-repeat;
	width:24px;
	height: 75%;
	text-indent:-9999px;
	z-index: 1;
}

#cboxNext.hover{

}

#cboxLoadingGraphic{background:url(images/css/throbber-lightbox.gif) center center no-repeat;}
        
#cboxClose{
	position: absolute;
	top: 0;
	right: 0;
	background:url(images/css/sprite-lightbox-controls.png) -24px top no-repeat;
	width:24px;
	height:24px;
	text-indent:-9999px;
	z-index: 2;
}

#cboxClose.hover{

}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}