/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited {
	text-decoration:none
}
/* no list-markers by default, since lists are used more often for semantics */
ul, ol {
	list-style:none
}
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}
/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0
}
/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img {
	border:none
}
/* de-italicize address */
address {
	font-style:normal
}
/* Vertical scrollbars in mozilla */
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* -------------------------------------------
project:	Skye Swimwear (screen)
date:		2008/11/09
------------------------------------------- */

/* General
------------------------------------------- */
body {
	background: #000;
	font: normal 75%/1.4 Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 65px 0 2em;
}
#root {
	width: 900px;
	background: url(../images/bg.jpg) 0 35px no-repeat;
	height: 629px;
	padding-top: 35px;
	position: relative;
	margin: 0 auto;
}
/* Navigation
------------------------------------------- */
#nav {
	width: 855px;
	height: 35px;
	position: absolute;
	background: #101010;
	top: 0;
	left: 0;
	padding-left: 45px;
	line-height: 35px;
}
#nav li {
	list-style: none;
	display: inline;
	margin-right: 20px;
	font-size: 1.17em;
	color: #a82333;
}
#nav li a {
	color: #fff;
}
#nav li a:hover {
	color: #a82333;
}
/* Content page
------------------------------------------- */
#logo {
	position: absolute;
	top: -999em;
}
#content {
	width: 430px;
	position: absolute;
	top: 370px;
	left: 45px;
	height: 457px;
}
#content h3 {
	font-size: 1.33em;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 1em;
}
#content p {
	margin-bottom: 1em;
}
/* Retail links 
--------------------------------------------*/
body.links #root {
	background-image: url(../images/bg-plain.jpg);
}
body.links #content {
	left: 62px;
	top: 112px;
}
body.links #content ul img {
	display: block;
	margin-bottom: 1em;
}
/* Contact page
--------------------------------------------*/
#content div.vcard {
	margin-bottom: 1em;
}
#content div.vcard h3 {
	margin-bottom: 0;
}
#content div.vcard h3 span.title {
	text-transform: none;
}
#content div.vcard p {
	margin: 0;
}
#content div.vcard a {
	color: #fff;
	text-decoration: underline;
}
#content div.vcard a:hover {
	color: #fff;
	text-decoration: none;
}
/* Collection
 --------------------------------------------*/
body.collection #root {
	background: url(../images/collection.png) 0 35px no-repeat;
	height: auto;
}
body.collection #content {
	width: 900px;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 500px;
}
body.collection #description {
	position: absolute;
	left: 350px;
	top: 180px;
	width: 219px;
}
body.collection #description h3 {
	text-transform: uppercase;
	font-size: 2.2em;
	margin: 0 0 0.5em;
	color: #fff;
}
body.collection #description h3 span {
	font-size: 0.36em;
}
body.collection #description table {
	border-collapse: collapse;
	padding: 0;
}
body.collection #description table th {
	font-weight: normal;
	text-align: left;
	width: 47px;
	vertical-align: top;
	padding: 0 0 2em;
	font-size: 1.1em;
}
body.collection #description table #sch {
	padding-top: 2em;
	width: 100px;
}
body.collection #description table td {
	vertical-align: top;
	padding: 0 0 0.5em;
	font-size: 1.1em;
}
body.collection #description .highlight {
	color: #e27b88;
}
body.collection #description li {
	display: inline;
	margin: 0 2px 2px 0;
}
#full-size {
	position: absolute;
	left: 45px;
	top: 45px;
}
#thumbs {
	background: url(../images/thumbs-bg.jpg) repeat-y;
	position: relative;
	width: 100%;
}
#thumbs ul {
	margin: 0 30px;
	overflow: hidden;
}
#thumbs ul li {
	margin: 3px 17px 1px 19px;
	float: left;
	width: 86px;
	height: 86px;
	padding: 9px;
	background: url(../images/thumb-shadow.png) no-repeat;
}
#thumbs ul li a {
	width: 86px;
	height: 86px;
	display: block;
}
#thumbs ul li a img {
	display: block;
	visibility : hidden;
}
#thumbs ul li a:hover img,  #thumbs ul li.active a img {
	visibility: visible;
}
body.js #thumbs ul {
	width: 3360px;
	margin: 0;
	position: relative;
}
body.js #thumbs-wrapper {
	width: 840px;
	margin: 0 30px;
	overflow: hidden;
	position: relative;
}
#thumbs-controls span {
	display: none;
}
#thumbs-controls a {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50px;
	text-indent: -999em;
	overflow: hidden;
}
#thumbs-controls a.prev {
	left: 12px;
	background: url(../images/arrow-left.png) no-repeat;
}
#thumbs-controls a.next {
	right: 12px;
	background: url(../images/arrow-right.png) no-repeat;
}
#thumbs-menu {
	width: 68px;
	margin: 1em auto;
	clear: both;
	overflow: hidden;
}
#thumbs-menu li {
	width: 11px;
	height: 11px;
	float: left;
	margin: 0 3px;
	display: inline;
}
#thumbs-menu li a {
	width: 11px;
	height: 11px;
	display: block;
	text-indent: -999em;
	line-height: 10px;
	background: url(../images/menu.png) 0 -11px no-repeat;
}
#thumbs-menu li a:hover,  #thumbs-menu li.active a {
	background-position: 0 0;
}
/* Collection hover states
--------------------------------------------*/
#thumb-abstraction-1 {
	background: url(../assets/collection/abstraction/abstraction-1-tbw.jpg);
}
#thumb-mehendi-2 {
	background: url(../assets/collection/mehendi/mehendi-2-tbw.jpg);
}
#thumb-elegance-1 {
	background: url(../assets/collection/elegance/elegance-1-tbw.jpg);
}
#thumb-elegance-2 {
	background: url(../assets/collection/elegance/elegance-2-tbw.jpg);
}
#thumb-exotica-1 {
	background: url(../assets/collection/exotica/exotica-1-tbw.jpg);
}
#thumb-sosoft-8 {
	background: url(../assets/collection/sosoft/sosoft-8-tbw.jpg);
}
#thumb-intothewild-1 {
	background: url(../assets/collection/intothewild/intothewild-1-tbw.jpg);
}
#thumb-mehendi-1 {
	background: url(../assets/collection/mehendi/mehendi-1-tbw.jpg);
}
#thumb-rhythm-1 {
	background: url(../assets/collection/rhythm/rhythm-1-tbw.jpg);
}
#thumb-royal-beauty-1 {
	background: url(../assets/collection/royal-beauty/royal-beauty-1-tbw.jpg);
}
#thumb-sunny-days-1 {
	background: url(../assets/collection/sunny-days/sunny-days-1-tbw.jpg);
}
#thumb-tradition-1 {
	background: url(../assets/collection/tradition/tradition-1-tbw.jpg);
}
#thumb-sosoft-1 {
	background: url(../assets/collection/sosoft/sosoft-1-tbw.jpg);
}
#thumb-sosoft-2 {
	background: url(../assets/collection/sosoft/sosoft-2-tbw.jpg);
}
#thumb-sosoft-3 {
	background: url(../assets/collection/sosoft/sosoft-3-tbw.jpg);
}
#thumb-sosoft-4 {
	background: url(../assets/collection/sosoft/sosoft-4-tbw.jpg);
}
#thumb-sosoft-5 {
	background: url(../assets/collection/sosoft/sosoft-5-tbw.jpg);
}
#thumb-sosoft-6 {
	background: url(../assets/collection/sosoft/sosoft-6-tbw.jpg);
}
#thumb-sosoft-7 {
	background: url(../assets/collection/sosoft/sosoft-7-tbw.jpg);
}
#thumb-tropical-forest-1 {
	background: url(../assets/collection/tropical-forest/tropical-forest-1-tbw.jpg);
}
#thumb-tropical-forest-2 {
	background: url(../assets/collection/tropical-forest/tropical-forest-2-tbw.jpg);
}
#thumb-tropical-forest-3 {
	background: url(../assets/collection/tropical-forest/tropical-forest-3-tbw.jpg);
}
#thumb-vintage-vibe-1 {
	background: url(../assets/collection/vintage-vibe/vintage-vibe-1-tbw.jpg);
}
#thumb-vintage-vibe-2 {
	background: url(../assets/collection/vintage-vibe/vintage-vibe-2-tbw.jpg);
}