html {
border: 0;
margin: 0 auto;
padding: 0;
}
body {
border: 0;
margin: 0;
padding: 0;
font-family: "American Typewriter Medium BT", "American Typewriter", Typist, Courier, "Courier New", arial, san-serif;
font-size: 0.8em;
line-height: normal;
background: #fff;
}
form, fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: none; margin: 0; padding: 0; outline: none; }
a:link, a:visited { color: #000; }
a:hover, a:active { color: #fff; text-decoration: none; background: #000; }
a img { border: 0; margin: 0; }

/* ---- Typography ------ */
.bold, .company, span.price { font-weight: bold; }
kbd { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
font-family: "American Typewriter Medium BT", "American Typewriter", Typist, Courier, "Courier New", san-serif;
margin-top: 3px;
margin-bottom: 3px;
}
input, textarea, em { font-family: "American Typewriter Medium BT", "American Typewriter", Typist, Courier, "Courier New", san-serif; }
ol, ul, pre, blockquote {
margin-top: 5px;
margin-bottom: 5px;
}
blockquote { font: 1.1em "American Typewriter Medium BT", "American Typewriter", Typist, Courier, "Courier New", san-serif; }
h1 {
margin-bottom: 25px;
font-size: 2.4em;
font-weight: normal;
}
h2 {
font-size: 1.2em;
font-weight: bold;
}

h1 span {
color: #adadad; }
p {
margin-top: 5px;
}
/* standard helper classes */

.hide { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }
.alt { display: none; }

.clearing { clear: both; }
.float-left { position: relative; float: left; }
.float-right { position: relative; float: right; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -- Directory List --- */

dl {
float: left;
position: relative;
width: 440px;
padding: 10px 0;
}

dl dt {
float: left;
position: relative;
width: 100px;
padding-bottom: 15px;
}
dd {
float: left;
position: relative;
width: 300px;
padding-bottom: 15px;
}


#wrapper {
margin: 0 auto;
padding: 0;
width: 1000px;
position: relative;
min-height: 1px;
clear: both;
}
#header {
width: 1000px;
padding: 0 0 10px 0;
position: relative;
font-family: "American Typewriter Medium BT", "Courier New", typist, courier, arial, sans-serif;
}
#header h1 {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;
}
#pagebody {
width: 1000px;
position: relative;
float: left;
}
#maincontent {
margin: 0 auto;
padding: 20px 0;
position: relative;
}
#home {
width: 620px;
position: relative;
float: left;
}
#footer {
margin: 0 auto;
width: 1000px;
padding: 0 0 10px 0;
position: relative;
clear: both;
text-align: center;
font-family: "American Typewriter Medium BT", "Courier New", typist, courier, arial, sans-serif;
}
#footer span {
color: #999;
font-size: 0.9em;
}
#footer a {
color: #999;
}
#footer a:hover {
color: #fff;
}


#header ul, #footer ul {
margin: 0 auto;
padding: 10px 40px 10px 50px;
list-style-type: none;
}
#header ul li, #footer ul li {
margin: 0 0 5px 0;
padding: 0;
float: left;
position: relative;
padding: 0 8px;
border-right: 1px solid #ccc;
}
#header ul li a {
color: #999;
}
#header ul li.last, #footer ul li.last {
border-right: 0;
}

#top, #bottom {
padding: 30px 60px 30px 20px;
height: 220px;
}
#top {
padding-top: 10px;
}
#logo img {
display: block;
}


div#main-nav {
padding: 10px 30px 30px 20px;
float: left;
position: relative;
}

div#press, div#about, div#stockists, div#contact, div#customers, div#seasons, div#shop, div#design {
float: left;
position: relative;
width: 620px;
padding: 0 0 30px 0;
font-size: 1.3em;
}
div#seasons img {
display: block;
}
div#seasons a, div#seasons-aw06 a {
color: #fff;
background: #000;
}
div#seasons a:hover, div#seasons-aw06 a:hover {
color: #000;
background: #fff;
}
div#seasons-aw06 {
float: left;
position: relative;
width: 540px;
padding: 0 0 30px 0;
font-size: 1.2em;
text-align: center;
}
div#about {
color: #999;
}
div#about img {
text-align: center;
}
div#season, div#presscuttings {
text-align: center;
}
div#presscuttings {
float: none;
padding: 0 70px;
}

#stockists .column1, #stockists .column2 {
width: 340px;
float: left;
position: relative;
}
#stockists .column2 {
width: 280px;
}

div#stockists ul {
margin: 0 0 30px 0;
padding: 0;
list-style-type: none;
font-size: 1.0em;
line-height: 1.6em;
}
div#viewer {
text-align: center;
}
div#viewer h1 {
margin-bottom: 10px;
}
div#viewer h2 {
padding-top: 15px;
}
div#contact .details, div#press .details {
	padding: 160px 0 0 80px;
}
div#contact h2 {
font-size: 2.4em;
font-weight: normal;
}

div#design img {
	width: 600px;
}


#bottom span { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute; }


/* -- Main navigation -- */

#navigation {
width: 280px;
margin: 0;
padding: 0;
position: relative;
float: left;
}

ul#left-nav, ul#nav {
width: 280px;
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
float: left;
}


ul#seasons-nav, ul#press-nav {
width: 240px;
margin: 0;
padding: 0;
font-size: 1.4em;
line-height: 1.4em;
position: relative;
float: left;
list-style-type: none;
}
#seasons ul#seasons-nav li.overlap {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute; }

ul#press-nav li a, ul#seasons-nav li a {
color: #999;
}
ul#press-nav li a:hover, ul#seasons-nav li a:hover {
color: #fff;
}

div#content ul#press-nav {
 padding: 300px 0 0 80px;
}

ul#left-nav span, ul#nav span, div#home span {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}


ul#left-nav li, ul#nav li { text-indent: -10000px; margin-bottom: 30px; }
ul#left-nav li ul li, ul#nav li ul li { margin-bottom: 8px; }
ul#left-nav li.small, ul#nav li.small { height: 30px; }
ul#left-nav li.tall, ul#nav li.tall { height: 52px; } 
ul#left-nav li a, ul#nav li a { display: block; text-decoration: none; position: relative; width: 240px; padding-right: 3px; }


ul#nav li ul#press-nav, ul#nav li ul#seasons-nav {
float: none;
}

ul#nav li ul#press-nav li, ul#nav li ul#seasons-nav li {
text-indent: 0;
}
ul#nav li ul#press-nav li a, ul#nav li ul#seasons-nav li a {
font-size: 1.0em;
margin-left: 20px;
display: inline;
width: auto;
color: #999;
}
ul#nav li ul#press-nav li a:hover, ul#nav li ul#seasons-nav li a:hover {
color: #fff;
} 
ul#nav li ul#press-nav li a.selected, ul#nav li ul#seasons-nav li a.selected, div#header ul li a.selected {
color: #fff;
background: #000;
}
a#nav_home2 { background: url(img/nav/home.gif) no-repeat; height: 35px; }
a#nav_home { background: url(img/nav/home.gif) no-repeat; height: 35px; }
a#nav_aandd { background: url(img/nav/about-and.gif) no-repeat; height: 60px; }
a#nav_seasons { background: url(img/nav/seasons.gif) no-repeat; height: 60px; }
a#nav_shop { background: url(img/nav/shop.gif) no-repeat; height: 60px; }
a#nav_offline { background: url(img/nav/offline.gif) no-repeat; height: 30px; }
a#nav_press { background: url(img/nav/press.gif) no-repeat; height: 35px; }
a#nav_stockists { background: url(img/nav/stockists.gif) no-repeat; height: 35px; }
a#nav_contact { background: url(img/nav/contact.gif) no-repeat; height: 35px; }
a#nav_customers { background: url(img/nav/customers.gif) no-repeat; height: 60px; }
a#nav_blog { background: url(img/nav/blog.gif) no-repeat; height: 60px; }
a#nav_design { background: url(img/nav/design-consultancy.gif) no-repeat; height: 35px; }
a#nav_latest-news { background: url(img/nav/latest-news.gif) no-repeat; height: 35px; }

a#nav_home2:hover, a#nav_home2.selected { background-position: 0 -40px; }
a#nav_home:hover, a#nav_home.selected { background-position: 0 -40px; }
a#nav_aandd:hover, a#nav_aandd.selected { background-position: 0 -64px; }
a#nav_seasons:hover, a#nav_seasons.selected { background-position: 0 -64px; }
a#nav_shop:hover, a#nav_shop.selected { background-position: 0 -64px; }
a#nav_offline:hover, a#nav_offline.selected { background-position: 0 -64px; }
a#nav_press:hover, a#nav_press.selected { background-position: 0 -40px; }
a#nav_stockists:hover, a#nav_stockists.selected { background-position: 0 -40px; }
a#nav_contact:hover, a#nav_contact.selected { background-position: 0 -40px; }
a#nav_customers:hover, a#nav_customers.selected { background-position: 0 -64px; }
a#nav_design:hover, a#nav_design.selected { background-position: 0 -40px; }
a#nav_latest-news:hover { background-position: 0 -40px; }

li.show {
text-indent: 0;
}
a.show {
color: #000;
font-size: 1.0em;
text-indent: 0;
height: 20px;
width: 200px;
display: inline;
}


/* -- Home -- */

#home img {
	margin: 280px 0 0 300px;
width: 360px;
}

/* -- Seasons Pics -- */

div#seasons {
padding: 0 0 30px 0;
}
div#season h1 {
float: left;
position: relative;
width: 500px;
}
div#prev-season {
width: 240px;
height: 40px;
padding-top: 20px;
float: left;
position: relative;
}
div#next-season {
width: 240px;
height: 40px;
padding-top: 20px;
float: right;
position: relative;
}
div.thumb-holder {
float: left;
position: relative;
width: 840px;
}
div.thumb-box {
float: left;
position: relative;
width: 120px;
height: 210px;
}
div.thumb-box span {
font-family: "Courier New", typist, courier, arial, sans-serif;
font-size: 0.9em;
}
div.thumb-box a img {
display: block;
}
div#next-page, div#prev-page {
float: left;
position: relative;
width: 70px;
height: 600px;
}

div#next-page a, div#prev-page a {
display: block;
width: 70px;
height: 600px;
color: #fff;
}
div#next-page a {
background: url(img/right.gif) -120px 40px no-repeat;
}
div#prev-page a {
background: url(img/left.gif) -10px 40px no-repeat;
}

/* ----- Image Viewer --- */

#framebox {
text-align: center;
}
#frame {
background: #fff;
padding: 10px 5px;
margin-top: 5px;
text-align: center;
}
#frame img {
border: 0;
margin: 0 auto;
}
#prevpic {
float: left;
position: absolute;
left: 0;
width: 200px;
background: transparent;
z-index: 3;
}
#prevpic a {
position: absolute;
float: left;
left: 0;
display: block;
width: 400px;
height: 500px;
z-index: 10;
background: transparent;
}
#nextpic {
float: right;
position: absolute;
right: 0;
width: 200px;
background: transparent;
z-index: 3;
}
#nextpic a {
position: absolute;
float: right;
right: 0;
display: block;
width: 400px;
height: 500px;
z-index: 10;
background: transparent;
}
#prevpic a:hover {
display: block;
background: url(img/left.gif) no-repeat;
}
#nextpic a:hover {
display: block;
background: url(img/right.gif) top right no-repeat;
}

/* ----- Pages Seasons links ---- */

#season div.pages {
padding: 10px 0 20px 0;
text-align: center;
clear: both;
width: 980px;
position: relative;
float: left;
text-align: center;
}
#season div.pages a.prev, #season div.pages a.next {

font-size: 1.4em;
margin-left: 1px;
padding: 1px 7px 1px 7px;
text-decoration: none;
}
#season div.pages a.prev:hover, #season div.pages a.prev:active, #season div.pages a.next:hover, #season div.pages a.next:active {
color: #fff;
background: #fff;
}
#season div.pages a.page, #season div.pages a.currentpage {
border: 1px solid #fff;

font-size: 1.2em;
margin-left: 1px;
padding: 1px 6px 2px 6px;
text-decoration: none;
}
#season div.pages a.currentpage {
color: #000;
border: 1px solid #000;
background: #fff;
}
div.pages span { height: 0; width: 0; overflow: hidden; position: absolute; display: none; }