@charset "UTF-8";
/* CSS Document */


/* top stuff */
* {

font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}

body {
margin: 0px;
padding: 0px;
border: 0px;
overflow: scroll;
}

div.container {	
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: auto;
	text-align: left;
}


.mastertop {
margin: 0px;
padding: 0px;
border: 0px;
height: 108px;
}

.utility {
padding: 0px;
border: 0px;
float: right;
width: 325px;
height: 40px;
margin-top: 15px;
}

.utility p {
border-top: 1px black solid;
padding-top: 13px;
float: left;
}

.utility p a {
text-decoration: none;
color: inherit;
}

.utility p a:hover {
color: #999;
}

.mainnav {
margin: 0px;
padding: 0px;
border: 0px;
	clear: both;
	width: 958px;
	height: 53px;
	}

.logo {
width: 372px;
height: 108px;
float:  left;
}

/* nav stuff */
#story a {
background-image: url("images/story1.jpg");	0 0 no-repeat;
height: 53px;
width: 120px;
display: block;
float: left;
}

#story a:hover { 
background-position: 0 -53px;
}


#shop a {
background-image: url("images/shop1.jpg"); 0 0 no-repeat;
height: 53px;
width: 106px;
display: block;
float: left;
}

#shop a:hover { 
background-position: 0 -53px;
}

#lookbook a {
background-image: url("images/lookbook1.jpg"); 0 0 no-repeat;
height: 53px;
width: 148px;
display: block;
float: left;
}

#lookbook a:hover { 
background-position: 0 -53px;
}

#journal a {
background-image: url("images/journal1.jpg"); 0 0 no-repeat;
height: 53px;
width: 126px;
display: block;
float: left;
}

#journal a:hover { 
background-position: 0 -53px;
}

#press a {
background-image: url("images/press1.jpg");	0 0 no-repeat;
height: 53px;
width: 109px;
display: block;
float: left;
}

#press a:hover { 
background-position: 0 -53px;
}

#stores a {
background-image: url("images/stores1.jpg"); 0 0 no-repeat;
height: 53px;
width: 120px;
display: block;
float: left;
}

#stores a:hover { 
background-position: 0 -53px;
}

#faq a {
background-image: url("images/faq1.jpg"); 0 0 no-repeat;	
height: 53px;
width: 115px;
display: block;
float: left;
}

#faq a:hover { 
background-position: 0 -53px;
}

#contact a {
background-image: url("images/contact1.jpg"); 0 0 no-repeat;	
height: 53px;
width: 113px;
display: block;
float: left;
}

#contact a:hover { 
background-position: 0 -53px;
}


/* bottom stuff */
.secondnav {
width: 950px;
height: 45px;
padding-top: 5px;
}

.secondnav div {
float: left;
}

.secondnav div a {
text-decoration: none;
color: black;
}

.secondnav div a:hover {
color: #999;
}


/* shop page stuff */
.shoptitle {
width: 454px;
margin-bottom: 10px;
}

.shoprow {
clear: both;
width: 940px;
height: 230px;
margin-bottom: 20px;
}

.shoppic {
float: left;
margin-right: 40px;
}

.shoppic a {
color: #000;
text-decoration: underline;
}

.shoppic a:hover {
text-decoration: none;
}

.shoppic img {
padding-bottom: 5px;
}

.shopbottom {
margin-top: 20px;
font-weight: bold;
font-size: 12px;
width: 940px;
height: 50px;
text-align: center;
}


/* lookbook */
.looknav {
float: left;
width: 125px;
margin-top: 20px;
margin-right: 30px;
}

.looknav div {
padding-top: 10px;
height: 20px;
color: #666;
font-size: 12px;
}

.looknav div a {
text-decoration: none;
color: #666;
}

.looknav div a:hover {
color: #000;
}

#holder {
	width: 800px;
	height: 550px;
	overflow: auto;
	margin-left: 0px;
	margin-top: 20px;
	
}

#scroller {
	float: left;
	white-space: nowrap;
}
	
#scroller img {
	margin-left: 15px;
}


/* about */
.aboutnav {
width: 135px;
margin-top: 25px;
margin-right: 32px;
margin-left: 0px;
float: left;
}

#titleabout{
padding-right: 5px;
font-weight: bold;
background-color: #ccc;
padding-top: 5px;
height: 20px;
width: 130px;
margin-bottom: 10px;
}

.aboutnav div {
text-align: right;
height: 25px;
font-size: 13px;
color: #000;
}

.aboutnav div a{
text-decoration: none;
font-size: 13px;
color: #000;
}

.aboutnav div a:hover{
color: #999;
}

.abouttext {
float: left;
width: 600px;
margin-top: 20px;
margin-bottom: 50px;
}

.abouttext p {
line-height: 18px;
font-size: 13px;
margin-bottom: 10px;
}

.aboutloves {
margin-top: 20px;
height: 500px;
width: 600px;
float: left;
}
.aboutlovestext {
border-bottom: 1px black solid;
margin: 0px;
line-height: 18px;
padding-bottom: 10px;
font-size: 13px;
}

.aboutbig {
font-weight: bold;
font-size: 14px;
}

.aboutsmall {
font-variant: small-caps;
font-family: Times;
font-style: italic;
font-size: 20px;
}

.aboutbig a {
color: #000;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}

.aboutsmall a {
color: #000;
font-variant: small-caps;
font-family: Times;
font-style: italic;
font-size: 20px;
text-decoration: none;
}

.aboutsmall a:hover {
text-decoration: underline;
}

.aboutbig a:hover {
text-decoration: underline;
}

.storelist {
width: 300px;
float: left;
margin-top: 20px;
font-size: 13px;
}

.storelist a {
display: block;
height: 15px;
color: #000;
}

.terms {
float: left;
margin-top: 20px;
margin-right: 30px;
margin-bottom: 50px;
width: 450px;
line-height: 18px;
font-size: 13px;

}

.contactleft {
width: 177px; 
font-size: 13px;
margin-top: 20px;
margin-right: 20px;
float: left;
}

.contactleft p {
text-align: left; 
margin-bottom: 5px; 
padding: 0px;
font-size: 13px;
}

.contactright {
font-size: 13px;
margin-top: 20px; 
width: 520px; 
text-align: left; 
float: left;
margin-bottom: 30px;
}

.contactform {
width: 629px; 
height: auto; 
border-left: 1px black solid; 
padding-left: 15px;
}

#textbox {
	width: 300px;
	height: 25px;
	font-size: 13px;
	color: #666;
	border: solid #999 1px;
	
}

#textfield {
	width: 500px;
	height: 250px;
	font-size: 13px;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	border: solid #999 1px;
	
}

.productmovie {
width: 360px;
height: 459px;
float: left;
margin-top: 20px;
margin-bottom: 30px;
margin-right: 20px;
}

.productcontent {
width: 243px;
height: 459px;
border: 0px;
margin: 20px 20px 0px 0px;
padding: 0px 0px 0px 20px;
float: left;
}
.productcontent a {
text-decoration: underline;
color: #000;
}

.prodtitle {
margin: 0px;
width: 243px;
font-size: 18px;
border-bottom: black solid 1px;
padding: 0px 0px 5px 0px;
}

.prodprice {
font-size: 16px;
}

.return a{
position: relative;
top: 0px;
display: block;
text-decoration: none;
width: 100px;
height: 20px;
background-color: #aaa;
color: #000;
font-size: 13px;
margin: 5px;
padding: 7px 0px 0px 12px;
}

.return a:hover {
background-color: #666;
color: #fff;
}

.returnshop a {
position: relative;
left: 180px;
display: block;
text-decoration: none;
width: 100px;
height: 20px;
background-color: #aaa;
color: #000;
font-size: 13px;
margin: 5px;
padding: 7px 0px 0px 0px;
}

.returnshop a:hover {
background-color: #666;
color: #fff;
}

.pressrow {
margin: 20px 0px 0px 0px;
padding:0px;
float: left;
width:780px;
height: auto;
}
.pressbox {
float: left;
}

.pressbox a {
color: #000;
text-decoration: underline;
}

.pressbox a:hover {
text-decoration: none;
}