/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-align: left;
    line-height: 0;
}
ul {list-style-type:none;}
a img, a:hover img, a:active img, a:visited img, a:link img { border: none; outline:none;}
a:hover, a:active, a:visited, a:link, a, input, input:hover, input:active{ 
    outline:none; 
    border:none; 
    text-decoration:none;
}
a, a:visited {color:#585956;}
a:hover, a:active {color:#939598;}
/* body */
body {
    background: #d6e1e1 url("/pics/background.png") repeat-x;
    font-family: verdana, sans-serif;
    color: black;
    font-size: 14px;
}
#container {
    width: 1001px;
    margin: 0 auto;
    height: 695px;
}

#mainnav {position:relative; top:600px;}
#mainnav ul { margin:10px auto auto auto; text-align:center; line-height:0;}
#mainnav li, #subnav li {display: inline;}
#mainnav li {margin: 0 19px;}

#subnav {position:relative; top:622px;}
#subnav ul { margin: 0 auto; text-align: center; line-height:0;}
#subnav li {margin:0 9px;}

#navabout, #navcollection, #navcontact, #navpurchase { display: block; }
#emailform {display: inline; }
#emailaddress {background: #d6e1e1;height:10px; font-size: 10px; width:90px; color:black; border:1px inset white; margin-left:2px; position:relative; top:-2px;}


#splashcontainer {
    width: 100%;
    background: black;
    position:absolute;
    left: 0;
    top: 0;
}
#splash {
    width:1001px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    background: url("/pics/loading.jpg");
    text-align: center;
}
#splashlogo {
    margin: 212px auto auto auto;
    display:none;
    cursor:pointer;
}

h1 {
    width: 350px;
    height: 115px;
    background: url("/pics/logo_sm.png");
    margin: 9px auto auto auto;
    text-indent: -9999em;
    overflow:hidden;
    background-repeat: no-repeat;
    position:absolute;
    top:0;
    z-index:-10;
    margin-left:307px;
}

.invisible {display:none;}

#viewport {
    width: 1001px;
    height: 600px;
    overflow: hidden;
    position:absolute;
    top:0;
    display:none;
}

/* ABOUT PAGE */
.abt-pagecontent {padding: 38px 130px 0 110px; height:411px;}
.abt-pagecontent p {font-size: 12px; line-height:1.3; padding-bottom:14px; color:#585956; text-align:justify;}
.abt-pagecontent .copy {padding-top:80px;}
#abt-img {float:left; margin-right:10px;}

/* FALL 2010 COLLECTION SECTION */
.collect-pagecontent {padding:95px 45px 45px 45px; text-align:center;}
#contains-scrollable {background:url('/collection/2010fall/pics/nav/collectnav_bkgd.png') no-repeat top left; width:911px; height:290px;padding:14px 14px 0 14px; margin-bottom:-10px;}
#collectionlist { background:none; width: 883px; height: 262px; position:relative; overflow:hidden;}
#collectionlist .items {width:5000px; height:262px; position:absolute;float:left;}
#collectionlist li {display:inline; width:175px; height:262px; float:left;margin-right:2px;}
#collectionlist li div {background: black;}
#larr, #rarr {cursor:pointer; }
#larr {float:left;margin-left:-25px;margin-top:125px;}
#rarr {float:right;margin-top:-169px; margin-right:-33px;vertical-align:center;}
.collection-date {clear:both; }

.jkt-pagecontent {
    background:url('/collection/2010fall/pics/jacket-bkgd.png') no-repeat top left;
    width:1001px;
    height:484px;
    padding:20px;
}
.backto-date {margin:10px 0 0 15px; width:71px; height:26px;}
.jacket-internav {width:144px;float:right;margin-right: 50px;margin-top:-25px;}

.coll-main {float:left; width:273px; height:411px; margin:-18px 10px 0 -1px;}

.coll-thumbnails {float:left; width:164px; height:438px; margin:-21px 0 0 0; background:none; line-height:0;}
.coll-thumbnails li {background:url('/collection/2010fall/pics/thumb_glow.png') top left no-repeat;width:72px; height:106px; float:left; margin:0 -2px -2px 0;}
.coll-thumbnails li div {background: black; width:64px; height:98px;margin: 4px 0 0 4px;}

.mainjacket {display:none;}

.t10 {margin-top:10px;}
.t16 {margin-top:16px;}
.l11 {margin-left:11px;}
.l23 {margin-left:23px;}
.l32 {margin-left:32px;}
.l49 {margin-left:49px;}
.l52 {margin-left:52px;}

#full, #name {
    width:289px; 
    height:108px; 
    background-position:top left; 
    background-repeat:no-repeat; 
    background-color:none; 
    float:left; 
    margin:130px 0 0 -13px;
    }


/* CONTACT PAGE */
.ctact-pagecontent p, .ctact-pagecontent a {font-size: 11px; line-height:1.5; padding-bottom:14px; color:#585956; text-align:center;}
.ctact-pagecontent a:hover, .ctact-pagecontent a:active {color:#939598;}
.ctact-pagecontent h2 {font-size: 11px; line-height:0; color:#585956; text-align:center; margin:0; padding:0;}
.ctact-pagecontent h2#credits {margin-top:20px;}
.ctact-pagecontent {padding-top:50px;}

/* PRESS SECTION */
.press-pagecontent ul {width: 938px; margin-left: auto; margin-right: auto; margin-top: 45px;}
.press-pagecontent li {float: left; background: url("/press/pics/press_thumb_bg.png") no-repeat top left;}
.press-pagecontent li#brick {float: left; background: none;}
.press-pagecontent li img { padding: 16px;}
.press-pagecontent {padding:20px;}

.pressitem-pagecontent {background:url("/press/pics/news-bkgd.png") no-repeat top left; padding:20px;}
.presscontent { padding-top:10px;padding-left: 10px;}
.return {float: left;margin-top: 0;display:block;}
.pressitem {padding-left: 63px;}

/* PURCHASE SECTION */
.purchase-pagecontent {padding:38px 0 0 38px;}
#purchase-image {float:left;}
.purchase-pagecontent p, .purchase-pagecontent span, .purchase-pagecontent a {font-size: 12px; line-height:1.3; padding-bottom:14px; color:#585956; text-align:left;}
.bold {font-weight:bold;}
.purchase-pagecontent #leftmost {margin-left: 0px; margin-top: 0px;}
.purchase-pagecontent .copy {margin-top:17px; width:310px; margin-left:10px; float:left;}
.purchase-pagecontent .pagecontent a:hover, .purchase-pagecontent .pagecontent a:active {color:#939598;}
