/* Jo Storie htttp://www.jostorie.co.uk 
author : James Dowland
contact : jim@jamesdowland.co.uk
*/
body{
font-size: .8em;
font-family: Verdana, Geneva, sans-serif;
color: #fff;
overflow:hidden;
margin:0px;
}

#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
position:absolute;
top:0;
padding:5px;
width:100%;
}
#ie-message a {
color: #fff;
}

.title{
text-indent: -50000px;
height:36px;
}

p {margin-top:0px;}

p.large {font-size: 1.2em;}

p a {color:#fff;text-decoration:none; border-bottom:1px #fff dotted; font-weight:bold;}

p a:hover {color:#ffff00;text-decoration:none; border-bottom:1px #ffff00 dotted; font-weight:bold;}

dl {padding-top:5px;}

dl.thumbnails dt { display: inline; }
dl.thumbnails  dt a { background:#000;  display: block;  float: left; margin-right: 6px; margin-bottom:6px;text-decoration: none; width:60px; height:60px; border:2px solid #fff;  }
dl.thumbnails  dt a.first { margin-left:0px;}


dl.thumbnails  dt a:hover { border:2px solid #ffff00;}

img{border:none;}

#ethos_promise{
background:url("../assets/theethos_promise.png") no-repeat;
}

#ethos_ecology{
background:url("../assets/theethos_ecology.png") no-repeat;
}

#ethos_yarns{
background:url("../assets/theethos_yarns.png") no-repeat;
}

#ethos_manufacture{
background:url("../assets/theethos_manufacture.png") no-repeat;
}

#collection{
background:url("../assets/thecollection.png") no-repeat;
}

#designer_profile{
background:url("../assets/thedesigner_profile.png") no-repeat;
}

#designer_collection{
background:url("../assets/thedesigner_collection.png") no-repeat;
}

#designer_consultant{
background:url("../assets/thedesigner_consultant.png") no-repeat;
}

#archive{
background:url("../assets/thearchive.png") no-repeat;
}

#credits{
background:url("../assets/credits.png") no-repeat;
}

#contact{
background:url("../assets/contact.png") no-repeat;
}

#press{
background:url("../assets/press.png") no-repeat;
}

h4{
font-size: 1.2em;
}

#logo {
margin:0 0 0 20px;
position:absolute;
top:10;
left:0;
z-index:20;
}

#slogan {
position:absolute;
top:0;
right:0;
z-index:21;
}

#copyright{
margin:0 20px 20px 0px;
position:absolute;
bottom:0;
right:0;
z-index:21;
}



.ccol {
width:400px;
height:300px;
float:left;
margin-right:30px;
margin-top:0;
padding:0;
}

.scol {
width:650px;
height:300px;
float:left;
margin-right:30px;
margin-top:0;
padding:0;
}

#barnav {
position:absolute;
left:0px;
height:100%;
width:140px;
background:url("../assets/bg_c2.png") transparent;
z-index:23;
border-right:10px solid #000;
}

#contentbar {
position:relative;
width:100%;
left:150px;
height:100%;
background:url("../assets/bg_c1.png") transparent;
z-index:22;
overflow:hidden;

}

#centrecontent {
position:absolute;
left:0px;
width:100%;
top:30%;
z-index:21;

}

#shopcontent {
position:absolute;
left:0px;
width:100%;
top:10%;
background:url("../assets/bg_c1.png") transparent;
z-index:21;
padding:40px;
overflow:scroll;
}

#shopcontent table{

}



#slideshow {
	position: absolute;
	top: 0;
	left: 0;
}

#slideshow IMG {
	visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
		/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
z-index:10;
}

#slideshow IMG.active {
	visibility:visible;

}

#slideshow IMG.last-active {
    visibility:hidden;
}