/*-------------------------------------------
(c) 2010 HERE IS RABBIT www.hereisrabbit.com
              Hand Coded by www.super8.co.uk
----------------------------------------- ***/

/*-------------------------------- HEADER ***/
#menu{
	width: 946px;
	height: 112px;
	position: relative;
	border-bottom: 1px solid #DADADA;
	}
#head-left{
	text-align: left;
	width: 226px;
	height: 112px;
	float: left;
	display: inline;
	position: relative;
	}	
#head-right{
	text-align: left;
	width: 226px;
	height: 28px;
	padding: 86px 0px 0px 0px;
	float: right;
	position: relative;
	}
ul#nav{
	text-align: left;
	list-style: none;
	}
ul#nav li{
	display: inline;
	text-align: left;
	}
ul#nav li#film{
	display: inline;
	text-align: left;
	}
ul#nav li#print{
	display: inline;
	text-align: left;
	padding: 0px 0px 0px 48px;
	}
ul#nav li#profile{
	display: inline;
	text-align: left;
	padding: 0px 0px 0px 42px;
	}
ul#nav a{
	text-decoration: none;
	font-family: Times New Roman, serif;
	color: #000000;
	font-size: 1em;
	line-height: 0;
	letter-spacing: 0.05em;
	}
ul#nav a{
	text-decoration: none;
	color: #000000;
	}
ul#nav li:hover, ul#nav a:hover {
	text-decoration: underline;
	color: #000000;
	}
ul#nav a.currentpage {
	text-decoration: underline;
	color: #000000;
	}
#logo {
	padding: 43px 0px 0px 0px;
}
#tagline {
	padding: 14px 0px 0px 0px;
}
/*---------------------------- HEADER END ***/

/*-------------------------------- FOOTER ***/
#contact {
	width: 321px ;
	float: left;
	display: inline;
	position: relative;
}
#copyright {
	float: left;
	position: relative;
}	
#footer {
	clear:both;
	height: 108px;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	padding: 20px 0px 0px 0px;
}
/*---------------------------- FOOTER END ***/

/*------------------------------- PROFILE ***/
#lyo-2c-a {
	height: auto ;
	}
#lyo-2c-a-1 {
	height: auto ;
	width: 386px;
	float: left;
	position: relative;
	}
#lyo-2c-a-2 {
	height: auto;
	width: 466px;
	float: right;
	display: inline;
	position: relative;
	}
#lyo-3c {
	width: 466px;
	}
#lyo-3c-1 {
	height: auto;
	width: 66px;
	float: left;
	position: relative;
	padding-top: 3px;
	padding-left: 80px;
	}
#lyo-3c-2 {
	height: auto;
	width: 146px;
	float: left;
	display: inline;
	position: relative;
	padding-top: 3px;
	margin: 0px 0px 0px 14px;
	}
#lyo-3c-3 {
	height: auto;
	width: 146px;
	float: right;
	display: inline;
	position: relative;
	padding-top: 3px;
	}
#lyo-2c-b {
	width: 466px;
	}
#lyo-2c-b-1 {
	height: auto;
	width: 66px;
	float: left;
	position: relative;
	padding-top: 3px;
	padding-left: 80px;
	}
#lyo-2c-b-2 {
	height: auto;
	width: 306px;
	float: right;
	display: inline;
	position: relative;
	padding-top: 3px;
	}
#italic-large{
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.3em;
	}
#lyo-spacer {
clear: both;
height: 11px;
}
/*--------------------------- PROFILE END ***/

/*---------------------------------- HOME ***/
#home-image{
	width: 946px ;
	height: 584px ;
}
/*------------------------------ HOME END ***/

/*-------------------------------- THUMBS ***/
#thumbs{
	margin:48px 0px 0px 0px;
}
ul#thumbsgrid{
	text-align: left;
	list-style: none;
	}
ul#thumbsgrid li{
	text-align: left;
	float:left;
	width: 219px;
	height: 169px;
	margin: 0px 0px 32px 0px;
	padding: 7px 0px 0px 7px;
	background: #000000;
	}
ul#thumbsgrid li.space{
	text-align: center;
	float:left;
	width: 14px;
	height: 169px;
	margin: 0px 0px 32px 0px;
	padding: 7px 0px 0px 0px;
	background-color: #ffffff;
	}
ul#thumbsgrid a{
	text-decoration: none;
}
/*---------------------------- THUMBS END ***/

/*-------------------------- VIDEO THUMBS ***/
ul#videothumbsgrid{
	text-align: left;
	list-style: none;
	}
ul#videothumbsgrid li{
	text-align: left;
	float:left;
	width: 146px;
	height: auto;
	background: #ffffff;
	}
ul#videothumbsgrid li.space{
	text-align: center;
	float:left;
	width: 14px;
	height: 82px;
	background-color: #ffffff;
	}
ul#videothumbsgrid a{
	text-decoration: none;
	opacity: .5;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;	
}
ul#videothumbsgrid a:hover{
	text-decoration: none;
	opacity: 1;
}
ul#videothumbsgrid a.currentpage{
	text-decoration: none;
	opacity: 1;
}
ul#videothumbsgrid{
}
#play-overlay {
	position:relative;
	display:block;
	}
img.play-img {
	position: absolute;
	top: 151px;
	left: 160px;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	}
#play-overlay a img.play-img{
	opacity: .3;
	}
#play-overlay a:hover img.play-img{
	opacity: 1;
	}
/*---------------------- VIDEO THUMBS END ***/

/*---------------------------------- PAGE ***/
#layout1{
	}
#layout1-spacer{
	clear: both;
	height: 35px;
}
#layout2-spacer{
	clear: both;
	height: 48px;
}
#layout3-spacer{
	clear: both;
	height: 34px;
}
#layout1-title{
	width: 305px;
	float: right;
	display: inline;
	padding: 50px 0px 0px 0px;
}
#layout1-pic{
	width: 707px;
	height: 550px;
	float: left;
	text-align: left;
	position: relative;
}
#layout1-text{
	width: 226px;
	float: right;
	display: inline;
	position: relative;
}
#layout1-video{
/*	width: 626px;*/
	width: 626px;
	height: auto;
	float: left;
	text-align: left;
	position: relative;
}
#layout1-video-text{
/*	width: 306px;*/
	width: 226px;
	float: right;
	display: inline;
	position: relative;
}
#end-line{
	border-bottom: 1px solid #DADADA;
}
/*------------------------------ PAGE END ***/

/*----------------------------- PRINT NAV ***/
#nav-print{
	text-align: left;
	list-style: none;	
	}
ul#nav-print li{
	display: inline;
	text-align: left;
	font-size: 1em;
	padding: 5px 20px 5px 5px;
	}
ul#nav-print a, ul#nav-print li{
	text-decoration: none;
	color: #000000;
	}
ul#nav-print a:hover {
	text-decoration: none;
	color: #000000;
	}
ul#nav-print a.currentpage {
	text-decoration: none;
	color: #000000;
	}
/*------------------------- PRINT NAV END ***/

/*---------------------------- TYPOGRAPHY ***/
#italic{
	font-style: italic;
	}
#white{
	color: #ffffff;
	}
#tiny{
	color: #A5A5A5;
	text-align: right;
	}
#title{
	font-size: 1.3em;
	line-height: 0em;
	}
#title2{
	font-size: 1.3em;
	line-height: 1.3em;
	}
p.thumb-text{
	margin: 20px 0px 16px 0px;
	}
p{
	font-family: Times New Roman, serif;
	color: #000000;
	font-size: 1em;
	line-height: 1.4em;
	margin: 0px 0px 18px 0px;
}
a{
	text-decoration: none;
	color: #000000;
}
a:hover{
	text-decoration: underline;
	color: #000000;
}
#unline {
		text-decoration: underline;
}
/*------------------------ TYPOGRAPHY END ***/

/*------------------------------ DEFAULTS ***/
.content{
	clear:both;
	margin: 0px 0px 0px 0px;
	z-index: 1;
	}
#center{
  width: 946px;
  height: auto;
  margin-left: auto ;
  margin-right: auto ;
/*  background: url(../_img/grid.gif) no-repeat;*/
}
#pagewidth{
}
#page_content{
	width: 946px;
	height: auto;
	margin: 0px 0px 0px 0px;
	}
/*-------------------------- DEFAULTS END ***/

/*--------------------------------- FIXES ***/
* {
	margin:0;
	padding:0;
	}
body {
	font-size: 12px;
	}
img{
	border: 0px;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 
/*----------------------------- FIXES END ***/
