/*
Copyright (c) 2008 - 2009, 
http://www.nomoresleep.net
*/

body{
	background-color: #fff;
	color: #000;
	font-size-adjust: none;
	font-family: Verdana, Arial, 'Times New Roman';	
	font-size: 62.5%;
	font-variant: normal;
	font-weight:normal;	
	text-align: center;
	margin: 0px 0px 10px 0px;
}
body.loading #navigation .copyright{
	background-image: url(../images/load.gif); 
	background-position: 194px bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 21px 0px;
}
body#archive .archive{
	display: block !important;
}
body#archive .col1{
	width: 144px;
}
body#archive .col1 ol li a{
	height: 42px;
}
body#archive .col2{
	padding: 0px 0px 26px 0px !important;
	width: 294px;
}
body#archive .col3{
	margin: 0px 0px 0px 0px !important;
	padding: 5px 0px 0px 0px !important;
	width: 240px;
}
body#archive .content{
	width: 688px;
}
body#biography .col1{
	border-bottom: 1px solid #000;
	width: 444px;
	margin: 0px 0px 0px 0px !important;	
}
body#biography .content{
	width: 444px;
}
body#contact .col1{
	border-bottom: 1px solid #000;
	margin: 0px 0px 0px 0px !important;	
	padding: 0px 0px 5px 0px !important;	
	width: 444px;
}
body#contact .content{
	width: 444px;
}
body#contact .vcard{
	font-size: 13px;
	line-height: 17px;
	margin: 5px 0px 0px 0px !important;
	text-align: left;
	text-transform: none;
}
body#current .col1{
	padding: 0px 0px 26px 0px !important;
	width: 367px;
}
body#current .col2{	
	margin: 0px 0px 0px 0px !important;	
	width: 300px;
}
body#current .col2 ol{	
	width: 300px;
}
body#current .content{
	width: 672px;
}
body#home .col1{
	padding: 0px 0px 26px 0px !important;
	width: 367px;
}
body#home .col2{
 	height: 450px;
	margin: 0px 0px 0px 0px !important;	
	width: 294px;
}	
body#home .col2 ol{
	display: none !important;
}	
body#home .col2 ul{
	position: absolute;
	font-size:1.3em;
	left: 0px;
	text-align: left;
	text-transform: none !important;
	top: 18px;
}
body#home .content{
	height: 610px;
	width: 666px;
}
body#movies .col1{
	width: 144px;
}
body#movies .col1 ol li, body#movies .col1 ol li a{
	height: 60px;
}
body#movies .col2{
	margin: 0px 0px 0px 0px !important;	
	padding: 5px 0px 0px 0px !important;
	width: 444px;
}
body#movies .col2 ol li span{
	border-top: 1px solid #000;
	display: block;
	font-size: 9px;
	padding: 3px 0px 0px 0px;
	text-align: right;
	text-transform: uppercase;
}
body#movies .content{
	width: 593px;
}
body#news .col1{
	width: 294px;
}
body#news .col2{
/*	width: 219px; */
	width: 234px;	
}
body#news .col3{
	margin: 0px 0px 0px 0px !important;	
	width: 206px;
}
body#news .content{
	width: 744px;
}
body#press .col1{
	padding: 0px 0px 29px 0px !important;
	width: 367px;
}
body#press .col2{
	margin: 0px 0px 0px 0px !important;	
	width: 265px;
}	
body#press .col2 .headline h3{
	color: #000 !important;
	font-size: 9px !important;
}
body#press .col2 ol{
	border-bottom: 1px solid #000;
	padding: 0px 0px 10px 0px;
}
body#press .content{
	width: 637px;
}
body#stockists .col1{
/*	width: 143px; */
	width: 155px;
}
body#stockists .col1 ol li, body#stockists .col1 ol li a{
	height: 24px;
}
body#stockists .col2{
	display: none;
	width: 265px;
}
body#stockists .col2 ol{
	padding: 0px 0px 0px 0px;
}
body#stockists .col2 ol li{
	border-bottom: 1px solid #000;
	height: auto !important;
/*	height: 78px !important; */
	padding: 3px 0px 5px 0px;
}

body#stockists .col2 ol li a{
	color: #316cb3 !important;
	font-size: 18px !important;
	margin: 3px 0px 3px 0px !important;
}

body#stockists .col3{
	display: none;
	margin: 0px 0px 0px 0px !important;	
	width: 267px;
}
body#stockists .col4{
	background-image: url(../images/oh-worldmap.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	border-bottom: 1px solid #000;
	height: 219px;
	margin: 0px 0px 0px 0px !important;	
	width: 440px;
}	
body#stockists .content{
	width: 697px;
}
body#stockists .vcard{
	border-bottom: 1px solid #000 !important;
	border-top: 0px !important;
	font-size: 13px;
	line-height: 17px;
	text-align: left;
	text-transform: none;
}
a{
	color: #316cb3;
	outline: none;
	text-decoration: none;
}
a:focus{
	outline: none;
}
a:hover, a:active{
	outline: none;
	text-decoration: none;
}
form{
	margin: 5px 0px 0px 0px;
}
form .input{
	background-color:#FFF;
	border: 1px solid #000;
	display: block;
	padding: 4px 4px 4px 4px;
}
form input{
	border: 0px;
	font-size: 13px;
	line-height: 17px;
	width: 97%;
}
form input:focus{
	outline: none;
}
form label{
	display: block;
	font-size: 9px;
	margin: 6px 0px 2px 0px;
	text-transform:uppercase;
}
h4{
	font-size:14px;
	font-weight: bold;
	text-transform: uppercase;
}
.bigtext{
	font-size: 15px;
	line-height: 21px;
	margin: 5px 0px 5px 0px;
}
.button{
	display: block;
	margin: 13px 0px 0px 0px;
}
.content{
	display: none;
	position: absolute;
	width: 690px;
}
.content .column{
	background-color: #FFF;
	border-top: 1px solid #000;
	float: left;
	margin: 0px 5px 0px 0px;
	position: relative;
	/*overflow: hidden;	*/
	padding: 0px 0px 5px 0px;
	z-index: 6;
}
.content .toggle-press li{
	display: inline;
	margin: 0px 0px 0px 3px;
}
.content .press-release{
	background-color: #FFF;
	display: none;
	height: 1000px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 8;
}
.content .press-release .press-release-text{
	margin: 0px 5px 0px 5px;
	padding: 5px 0px 5px 0px;
}
.headline{
	font-size: 9px;
	height: 15px;
	margin: 5px 0px 5px 0px;
	position: relative;
	text-align: right;
	text-transform: uppercase;
}
.headline a{
	font-size: 9px;
	line-height: 15px;
}
.headline a:hover{
	color: #000 !important;
}
.headline h3{
	color: #316cb3;
	font-size: 14px;
	left: 0px;
	line-height: 15px;
	position: absolute;
	text-transform: uppercase;
	top: 0px;
}
.headline ol{
	position: absolute;
	right: 0px;
	top: -2px;
}
.hidden{
	display: none;
}
.image{
	float: left;
	margin: 0px 5px 5px 0px;
}
.image a{
	display: block;
	width: 55px;
}
.image a img{
	display: block;
}
.dummy{
	float: left;
	margin: 0px 5px 0px 0px !important;
	width: 1px;
}
body#press .col2 .dummy,
body#press .col2 .image{
	margin: 0px 5px 2px 0px;
	height: 80px;
}
body#press .col2 .dummy {
	border-right: 1px solid #ddd;
}
.outerbound{
	margin: 0px 0px 5px 0px !important;
}
.navigation{
	text-transform: uppercase;
}
.navigation ol li{
	display: inline;
}
.navigation ol li a{
	border-bottom: 1px solid #000;
	background-color: #FFF;
	color: #000;
	display: block;
	position: relative;
	font-size: 14px;
}
.navigation ol li a:hover{
	color: #316cb3 !important;
}
.navigation ol li a img{
	display: block;
	position: absolute;
	left: 0px;
	top: 1px;
	z-index: 3;
}
.navigation ol li a span.hover{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 4;
}
.navigation ol li strong{
	color: #316cb3 !important;
	display: block;
	font-weight: normal;
}
.navigation .first img{
	background-color: green;
	display: block;
	top: 5px;
}
.navigation .second img{
	display: block;
	top: 23px;
}
.navigation .third img{
	display: block;
	top: 41px;
}
.pagination{
	border-bottom: 1px solid #000;
	display: none;
	height: 26px;
	position: absolute;
	text-align: right;
	width: 100%;
	z-index:2;
}
.pagination span{
	display: none;
}
.pagination .next, .pagination .prev{
	background-image: url('../images/page-arrow_right.gif');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 6px;
	height: 16px;
	right: 5px;
	width: 9px;
}
.pagination .prev{
	background-image: url('../images/page-arrow_left.gif');
	right: 19px;
}
.picture{
	clear: both;
	height: 550px;
	position: relative;
}
.picture img{
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index:3;
}
.picture img.fader{
	display: none;
	left: 0px;
	top: 0px;
	z-index:4 !important;
}
.select{
	display: block;
	/* color: #316cb3 !important; */
}
.select .hover{
	display: block !important;
}
.smalltext{
	font-size: 9px !important;
	line-height: 12px !important;
}
.smalltext h4{
	font-size: 9px !important;
}
.submit{
	background-color: #C8D4EC;
	color: #000 !important;
	letter-spacing: 1px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	text-transform: uppercase;
}
.submit:hover{
	background-color: #316cb3;
	color: #FFF !important;
}
.vcard{
	border-top: 1px solid #000;
	font-size: 9px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 3px 0px;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
}
.vcard a:hover{
	text-decoration: underline !important;
}
.vcard h4{
	font-weight: normal;
	margin: 3px 0px 0px 0px;
	text-transform: none !important;
}
#canvas{
	background-repeat: no-repeat;
	font-size: 1.3em;
	line-height: 17px;
	margin: 0px auto 0px auto;
	min-height: 300px;
	position: relative;
	text-align: left;
	width: 957px;
}
#content{
	left: 218px;
	padding: 0px 0px 30px 0px;
	position: absolute;
	top: 108px;
	width: 739px;
	z-index: 2;
}
#footer{
	clear: both;
	text-align: right;
	width: 210px;
}
#header{
	background-color: #FFF;
	background-image: url('../images/header-logo.gif');
	background-position: 99px 15px;
	background-repeat: no-repeat;
	height: 108px;
	position: relative;
	z-index: 5;
}
#header a{
	display: block;
	height: 108px;
	width: 100%;
}
#header span {
	display: none;
}
#navigation{
	background-image: none !important;
	border-top: 1px solid #FFF;
	left: 0px;
	padding: 5px 0px 0px 0px;
	position: absolute;
	margin: 0px 0px 5px 0px;
	top: 108px;
	width: 210px;
}
#navigation ol{
	margin: 0px 0px 5px 0px;
}
#navigation ol li{
	background-image: none !important;
	height: 15px;
	margin: 0px 0px 3px 0px !important;
	position: static !important;
	text-align:right;
}
#navigation ol li#nav_archive img{
	left: 136px;
	width: 74px;
}
#navigation ol li#nav_biography img{
	left: 108px;
	width: 102px;
}
#navigation ol li#nav_contact img{
	left: 128px;
	width: 82px;
}
#navigation ol li#nav_current img{
	left: 24px;
	width: 186px;
}
#navigation ol li#nav_movies img{
	left: 143px;
	width: 67px;
}
#navigation ol li#nav_news img{
	left: 159px;
	width: 51px;
}
#navigation ol li#nav_press img{
	left: 161px;
	width: 49px;
}
#navigation ol li#nav_stockists img{
	left: 123px;
	width: 87px;
}
#navigation ol li a{
	display: block;
	height: 15px;
	font-weight: normal !important;
	margin: 0px 0px 0px 0px !important;
	position: relative;
	text-align: right;
}
#navigation ol li a img{
	margin: 0px 0px 0px auto;
	text-align:right;
}
#navigation span.hover{
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 4;

}
#navigation .copyright{
	font-size: 9px;
	text-align: right;
	text-transform: uppercase;
	padding: 0px 5px 0px 0px;
}