﻿* {
	margin: 0;
	padding: 0;
	color:#999;
    font-family:helvetica, arial, verdana, sans-serif;

}
a:focus
{
	outline: none;
}
img
{
	border: none;
}

body.front
{
	background: black top left no-repeat;
}


body#front *
{
}
body#front a
{
	color: #000;
}

#background-sequence {
    position:fixed;
    width:1200px;
    top:0;
    left:auto;
    z-index:-1;
}


#background-sequence img {
    display:block;
    width:1152px;
    height:768px;
}


#background-overlay {
    position:fixed;
    top:0;
    margin-left:-64px;
    width:1152px;
    height:768px;
    background:transparent url(../images/overlay.png) top left repeat;
    z-index:-1
}

#page-container
{
	width: 1024px;
	margin:0 auto;
	/*background: black url(../images/movie-frame-dark.png) center top repeat-y;*/
	background-color:transparent;
	padding:48px 16px;
}

h1 {
    display:block;
    margin-bottom:10px;
    padding:0;
}

h1 a
{
	display: block;
	text-indent: -3000em;
	background: transparent url(../images/rake-logo.png) left top no-repeat;
	padding: 0;
	height:32px;
	width:115px;
}
p#mission-statement
{
	clear: both;
	width: 660px;
	font-size: 80%;
	letter-spacing: 0.0em;
}
div#main-content
{
	clear: both;
	background-color: white;
	float: none;
}
ul#nav
{
	list-style: none;
	/*margin-left:48px;*/
	z-index:100;
}

ul#nav li
{

	margin-top:4px;
	margin-bottom:10px;

	clear: both;
	/*outline:1px solid purple;*/
	text-align:left;
}

ul#nav li a {
    display:block;
    background:transparent left top no-repeat;
	text-indent:-3000px;
}

ul#nav li#concept a#concept-toggle {
	background-image: url(../images/nav/concept.png);
	width:222px;
	height:32px;
}
ul#nav li#collection a#collection-toggle {
	background-image: url(../images/nav/collection.png);
	width:293px;
	height:32px;
}
ul#nav li#press a#press-toggle {
	background-image: url(../images/nav/press.png);
	width:144px;
	height:32px;
}
ul#nav li#presentations a#presentations-toggle {
	background-image: url(../images/nav/presentations.png);
	width:379px;
	height:32px;
}
ul#nav li#stockists a#stockists-toggle {
	background-image: url(../images/nav/stockists.png);
	width:248px;
	height:32px;
}
ul#nav li#team a#team-toggle {
	background-image: url(../images/nav/team.png);
	width:124px;
	height:32px;
}

ul#nav li a:hover {
    background-position:left -32px;
}

ul#nav li.current a {
    background-position:left -64px;
}

ul#nav li.current a:hover {
    background-position:left -64px;
    cursor:default;
}

ul#nav li div * {
    text-indent:0;
}

ul#nav li .sliding-container
{   
    width:928px;
	display: none; /* Hidden initially */
}

ul#nav li .sliding-container p, ul#nav li .sliding-container h2, ul#nav li .sliding-container h3, ul#nav li .sliding-container a, ul#nav li .sliding-container ul li {
    width:379px;
    font-size:13px;
    margin-top:12px;
    margin-bottom:0;
    list-style:none;
    padding-left:0;
    text-decoration:none;
    font-weight:normal;
}

ul#nav li .sliding-container #publications li a {
    display:inline;
}

ul#nav li .sliding-container #publications li a:hover {
    cursor:hand;
    text-decoration:underline;
}

ul#nav li .sliding-container #publications li a em {
    color:#555;
}

ul#nav li .sliding-container #publications li span.new-press {
    color:#555;
}

/*
ul#nav li ul#collections {
    list-style:none;
    padding-top:12px;
}
*/

/*
ul#nav li div.scrollableArea {
    width:200px;
    height:200px;
    padding:0;
    float:left;
    clear:none;
    margin: 0 24px 0 0;
    position:relative;
}
*/

ul#nav li div.scrollableArea a {
    display:block;
    width:200px;
    height:200px;
    margin:0 39px 0 0;
    padding:0;
    background:transparent url(../images/collection-halo-opacity17.png) 0 0 no-repeat;
    float:left;
    cursor:hand;
    
}

ul#nav li div.scrollableArea a:hover {
    background:transparent url(../images/collection-halo-opacity20.png) left top no-repeat;
}

ul#nav li div.scrollableArea a#ss10collection:hover {
    background:transparent url(../images/collection-halo-opacity17.png) left top no-repeat;
}

ul#nav li div.scrollableArea a img.thumb {
    display:block;
    float:left;
    width:78px;
    height:78px;
    padding-top:61px;
    padding-left:61px;
    /*background:transparent url(../images/collection-round-thumb1.png) center center no-repeat;*/
    /*position:absolute;*/
}

ul#nav li div.scrollableArea#ss10 a img.thumb {
    width:139px;
    height:139px;
    top:30px;
    left:30px;
    background:transparent url(../images/spring-summer-10-myriad-pro.png) center center no-repeat;

}

#smallprint {
    position:fixed;
    top:778px;
    width:1024px;
    font-size:70%;
    color:#111;
    text-align:right;
}