/*******************************************************************/
/*MIght need to take a look at standardising allthe wrapper backgrounds
and all the widhts heights etc, its a bit messy as it stands
also all the scrollables need some work to standardise them, 
showreelvideo in particular*/
/*******************************************************************/

/*GENERAL*/
/*******************************************************************/
* {
	margin: 0px;
	padding: 0px;
	border:0 none;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font: normal 12px/1.2em Arial, Helvetica, sans-serif;
	/*font: 11px Arial, Helvetica, sans-serif;*/
	margin: 0px 20px;
	background: #FFF;
}
ul, ol {
	list-style:none outside none;
	margin:0;
	padding:0;
}

p {margin-bottom:10px;}

img {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

/*******************************************************************/
/* JSCROLLER */ 
/*******************************************************************/
ul.blocks {
	padding: 0;
	width: 22580px;
	display: block;
	height: 600px;
}
ul.blocks li {
	
	margin: 0 0 0 0px;
	float: left;
	display: block;
	/*height: 600px;*/
	background-color:transparent;
}
.holder {
	margin: 0;
	display: block;
	margin-bottom: 20px;
}
.scroll-pane {
	background-color:transparent;
	width: 200px;
	float: left;
	padding: 0;
}
#contents {
	height: 652px;
	width: 100%;
	padding: 0;
	display: block;
	/*_overflow: hidden;*/
	overflow: hidden;
}
.jScrollPaneTrack {
	background-color:transparent;
}
.jScrollPaneDrag {
	background: url(../images/nav/scroller.png) no-repeat transparent ;
	height: 32px;
	width: 134px;
}

/* SCROLLTRACK IMAGE */ 
#bg-img {
	width: 100%;
	height:40px;
	position: absolute;
	top: 725px;
	left: 0;
	z-index:-1;
}

/*******************************************************************/
/* HEADER & MAIN NAV */ 
/*******************************************************************/


/* HEADER */ 
#header-wrapper {
	height:105px;
	width:100%;
	/*background: url(../images/nav_tmp_bg.png) no-repeat left top;*/
}

#header {
	position:relative;
	white-space:nowrap;
	min-width:1020px;
}

#header-logo {
	float:left;
}
#header-nav {
	width:700px;
	height:105px;
	float:right;
}
/*
#site-logo {
width:250px;
float:left;	
	
}*/
/* MAIN NAV */ 
/*need to make sure this doesnt break and drop down
maybe add an inner div with a min width*/

#main-nav {
	position:relative;
	height: 57px;
	white-space:nowrap;
}

#main-nav li {
	float: left;
	margin-right:60px;
}

.sub-nav {
	position: absolute;
	display: block;
	top:20px;
}

#main-nav li a {
/*position: relative;
	display: block;*/
}
#network-nav {
	position:relative;
	height: 48px;
	white-space:nowrap;
	margin-left:232px;
		
}
#network-nav li {
	float: left;
	margin-right:10px;
	padding-top:18px;
}

li#email-nav {
	margin-right:0px;
}
/*******************************************************************/
/* PANEL BACKGROUNDS */ 
/*******************************************************************/
/* Might replace these with a class 
#show-pane1, #show-pane2, #show-pane3, #show-pane4, #show-pane5, #contact-pane1,#contact-pane2, #contact-pane3{
	background: transparent url(../images/tmp_show_bg.png) repeat-x;
}*/ 
.biog-panes, .show-panes, .news-panes, .contact-panes{
	width: 1024px;
	height:600px;
}
.biog-panes{
	background: url(../images/bg/biog_bg.jpg) repeat-x;
}
.news-panes{
	background: transparent url(../images/bg/news_bg.jpg) repeat-x;	
}
.show-panes{
	background: transparent url(../images/bg/show_bg.jpg) repeat-x;
}


#home-pane{
	background: transparent url(../images/bg/biog1_bg.jpg) no-repeat;
}
#biog-links{
	background: transparent url(../images/bg/biog2a_bg.jpg) no-repeat;
}
#biog-pane1{
	background: transparent url(../images/bg/biog2b_bg.jpg) no-repeat;
}
#biog-pane4 {
	background: transparent url(../images/bg/biog3a_bg.jpg) no-repeat right;
	width:800px;
}
#biog-pane5{
	background: transparent url(../images/bg/biog3b_bg.jpg) no-repeat;
}
#biog-pane6{
	/* one and half panels width + 20px for white edge*/
	width:1556px;
	background: transparent url(../images/bg/biog4_bg.jpg) no-repeat left;
}

#news-links{
	/* slightly reduce width to bring intro a bit closer to image*/
	width:824px;
}
#news-pane1{
	background: transparent url(../images/bg/news1_bg.jpg) no-repeat;
}
#news-pane2{
	background: transparent url(../images/bg/news2_bg.jpg) no-repeat;
	/*will make this a bit longer  + 10px for white edge*/
	width:1244px;
}

#show-pane1{
	background: transparent url(../images/bg/show1_bg.jpg) no-repeat;
}
#show-pane2{
	width:600px;
	
}
#show-pane3{
	background: transparent url(../images/bg/show2_bg.jpg) no-repeat;
}
#show-pane5{
	background: transparent url(../images/bg/show3_bg.jpg) no-repeat;
	/*will make this a bit longer  + 10px for white edge*/
	width:1644px;
}

#contact-links{
	background: #000000;
}
#contact-pane1{
	background: #000000 url(../images/bg/contact1_bg.jpg) no-repeat 40px;
}
#contact-pane2{
	background: transparent url(../images/bg/email1_bg.jpg) no-repeat right;
}
#contact-pane3{
	background: transparent url(../images/bg/twitter1_bg.jpg) no-repeat right;
}

#contact-pane4{
	width:512px;
}


/*******************************************************************/
/* SECTION INTROS */ 
/*******************************************************************/

ul.intros{
	position:relative;
	top:210px;
	left:210px;
	height: 181px;
	white-space:nowrap;
}

ul.intros li {
	float: left;
}

/*******************************************************************/
/* SCROLLABLES 


NEED TO HAVE A RETHINK ON ALL SCROLLABLES GOTTA BE AN EASIER AND MORE STANDARDISED WAY
OF MAKING SURE THEY ALL LINE UP PROPERLY NEED TO RESTYLE WHOLE DIV


*/ 
/*******************************************************************/
/* root element for scrollable */ 
div.scrollable-credits, div.scrollable-news, div.scrollable-links, div.scrollable-video, div.scrollable-audio, div.scrollable-gallery{
	/* required settings */     
	position:relative;
	overflow:hidden;
	/* vertical scrollers have typically larger height than width      
	height: 360px;*/
	
}

/* root element for scrollable items */ 
div.items{
	position:absolute;
	/* this time we have very large space for the height */     
	height:20000em;/*background: #003333;*/
}

.items div {
	clear:left;
}

/*scrollable arrow buttons div 
disabled sprite is under the arrows as they will be hidden with disabled class
*/
#actions{
	position:absolute;
	background: url(../images/nav/arrows.png) no-repeat scroll -66px top;
	width: 33px;
	height: 44px;
	right: 28px;
	bottom: 10px;
}

a.prevPage{
	cursor:pointer;
	display:block;
	width: 33px;
	height: 22px;
	background: url(../images/nav/arrows.png) no-repeat scroll left top;
}

a.prevPage:hover{
	background-position: -33px top;
}

a.nextPage{
	display:block;
	width: 33px;
	height: 22px;
	background: url(../images/nav/arrows.png) no-repeat left bottom;
}

a.nextPage:hover{
	background-position: -33px bottom;
}

.disabled  {
	visibility:hidden !important;
}

/*******************************************************************/
/* BIOGRAPHY */ 
/*******************************************************************/

.biog-wrapper {
	height:420px;
	background: #FFFFFF;
	margin-top:140px;
	position:relative;
}
.biog-wrapper div {
	/*margin-top:20px;*/
	width:432px;
	float:left;
	padding:0px 40px;
	position:relative;
}

/*might do this a bit different using an id instead*/
.first {
	width:512px;
	float:right;
}
.last{
	width:512px;
	/*float:right;*/
}
.biog-thumb{
	position: absolute;
	top: -130px;
	right: 0px;
}
.biog-header{
	margin-top:60px;
	margin-left:-10px;
}
.biog-credits-wrapper, .biog-qualifications-wrapper{
	position:relative;
	height:530px;
	width:432px;
	margin-top:70px;
	padding: 0px 40px;
	background: #FFFFFF;
	
	/*background:url(../images/scrollables_bg.png) repeat-x;*/
}

.credits-header{
	margin: 35px 0px 8px -10px;
}


.credits-subheader {
	margin: 0px 0px 0px -5px;
}

.first-credit-subheader {
	margin: -3px 0px 0px -5px;
}

.spotlight{

	margin: -13px 0px 3px -10px;
}

.biog-qualifications-wrapper p{
	display:block;
	border-bottom: 1px solid #000000;
	padding-bottom:10px;
}

.biog-qualifications-wrapper p.last-credit-para{
	border-bottom: 0px none;
}

div.scrollable-credits{
	height:280px;
}

.scrollable-credits div.items div{
	width:432px;
	border-top: 1px solid #000000;
	padding-top: 10px;
}

.scrollable-credits .credits-subheader {
	margin-bottom: 2px;
}

.scrollable-credits div.items p{
	padding-top: 3px;
}
/*******************************************************************/
/* NEWS */ 
/*******************************************************************/

#news-wrapper-news {
	position:relative;
	height:530px;
	width:512px;
	background: #FFF;
	margin-top:70px;
	float:right;
	/*background:url(../images/scrollables_bg.png) repeat-x;*/
	background: #FFFFFF;
	padding:0px 40px;
}

.news-header {
	margin: 35px 0px 8px -10px;
}

.news-intro{
	height:50px;
	margin-bottom:0px;

}
div.scrollable-news{
	height:332px;
}

div.scrollable-links{
	height:325px;
}

div.scrollable-news p{
line-height:14px;
	margin-bottom:0px;
	}

div.scrollable-news div.items div {
	height: 115px;
	position:relative;
	overflow:hidden;
}
div.scrollable-news div.items img , div.scrollable-links div.items img {
	float:left;
	margin: 0px 20px 0px 0px;
}
div.scrollable-news div.items h2 {
	display:block;
	border-top: 1px solid #000000;
	padding: 10px 0px 7px;
	margin: 0px 0px 0px 120px;
}

div.scrollable-news div.items h2 span{
color: #66CC33;	
}

a.article{
	display:block;
	position:absolute;
	bottom:12px;
	left:120px;
	font-weight: bold;
	text-decoration: none;
	color: #66CC33;
}
/*
#news-wrapper-news #actions, #news-wrapper-links #actions{
	margin-top:0px;
}
*/

/* USEFUL LINKS */

#news-wrapper-links {
	position:relative;
	height:530px;
	width:412px;
	background: #FFF;
	margin-top:70px;
	padding:0px 40px;
	/*background:url(../images/scrollables_bg.png) repeat-x;*/
	background: #FFFFFF;
}
 
/*sub title image*/
div.scrollable-links div.items p img {
	float:none;
	margin: 0px 0px 0px -5px;
}

div.scrollable-links div.items img {
	/*float:left;*/
	margin: 0px 20px 0px 0px;
}
div.scrollable-links div.items p {
	border-top: 1px solid #000000;
	width:322px;
	display:block;
	padding: 6px 0px 10px;
	margin: 0px 0px 0px 90px;
	font-weight: bold;
}

div.scrollable-links a {
	color: #66CC33;
	display:block;
	text-decoration: none;
	margin-bottom: 3px;
}
/*******************************************************************/
/* SHOWREEL */ 
/*******************************************************************/

.show-wrapper {
	position:relative;
	height:530px;
	/*width:512px;
	background: #0099FF;*/
	margin-top:70px;
	padding:0px 40px;
	/*background:url(../images/scrollables_bg.png) repeat-x;*/
	background: #FFFFFF;
}
#showreel-video {
	float:right;
	width:512px;
}
#showreel-audio {
	width:512px;
}

.showreel-header {
	margin: 35px 0px 10px -10px;
}

.showreel-subheader {
	margin: 0px 0px 0px -10px;
}

/*remove bottom margin on gallery header*/
#show-pane3 .showreel-header {
	margin: 35px 0px 0px -10px;
}

.scrollable-video p.intro, scrollable-audio p.intro{
	height: 70px;
	margin-bottom:0px;
}

.show-wrapper h2 span{
	color: #c3a48e;	
}

div.scrollable-video, div.scrollable-audio {
   height: 360px;
}

div.scrollable-gallery {
	height: 270px;
}


#showreel-items img {
	float:left;
	margin: 0px 23px 20px 0px;
}

.clearmargin-right {
	margin-right: 0px !important;
}

div.scrollable-video h2, div.scrollable-audio h2 {
	padding: 0px 0px 5px;
}

div.single h2 {
	border-top: 1px solid #000000;
	margin: 0px 0px 0px 175px;
	padding: 10px 0px 5px;
}

div.scrollable-audio div.items div {
	height: 90px;
}
div.scrollable-audio div.items img {
	float:left;
	margin: 0px 20px 20px 0px;
}
div.scrollable-audio div.items h3 {
	display:block;
	border-top: 1px solid #000000;
	padding: 10px 0px 5px;
	margin: 0px 0px 0px 90px;
	width:422px;
}
div.scrollable-audio div.items h3.intro {
	padding: 0px 0px 5px;
	border-style: none;
	margin: 0px;
}


div.flash-audio{
	position:relative;
	width:70px;
	height:70px;
	float:left;
	margin: 0px 21px 20px 0px;
	background: url(../media/audio/audio_play_button.png) no-repeat left top;	
}

strong.timer{
display:block;
margin-top:0px;
	font-size: 11px;
	font-weight: bold;
}

/*GALLERY */
div.scrollable-gallery div.items{
height: 270px;
}

div.scrollable-gallery div.items img {
	float:left;
	margin: 0px 21px 20px 0px;
}
#gallery-first {
	float:right;
	width:432px;
	
}

#gallery-publicity, #gallery-misc{
	width:432px;
	margin-top:88px;
}

#gallery-publicity{
float:left;

}
#gallery-publicity #actions{
	right: 540px;
}

#gallery-misc{
	float:right;

}

.gallery_intro{
	display:block;
	height:60px;
	margin-bottom: 0px;
}

/*.TEMPORARY REVIEWS PLACEMENT
}
#show-pane5 img{
padding-left:400px;}
*/

div.reviews{
	text-align: center;
	width:1000px;
	margin-left:400px;
}

div.reviews img{
	margin: 28px 20px 0px;
}

div.reviews .reviews-header{
	margin-top: 70px;
}



/*******************************************************************/
/* CONTACT */ 
/*******************************************************************/
/*.contact-panes .right-img{
	float:right;
}*/

.contact-header {
	margin: 0px 0px 0px -10px;	
}
.contact-subheader {
	margin: 0px 0px 0px -10px;
}

/*twitter header*/
#contact-pane3 .contact-header {
	margin: 0px 0px 0px -14px;	
}

#contact-wrapper-agents{
	float:right;
	height:400px;
	width:432px;
	margin-top:105px;
	padding:0px 40px;
	border-left: 3px solid #FFFFFF;
	/*background: #FFFFFF;	
	background: transparent url(../images/guides-pane-tmp.png) repeat-x;*/

}

#contact-wrapper-agents p{
	color: #999999;
	margin-bottom: 20px;
}
#contact-wrapper-email, #contact-wrapper-twitter{
	width:412px;
	padding:80px 60px 0px;
	border-top: 10px solid #000;
	margin-left:20px;	
	/*background: transparent url(../images/guides-pane-tmp.png) repeat-x;*/
}

#contact-wrapper-endcredits .contact-header {
	margin: -15px 0px 0px -10px;	
}

#contact-wrapper-endcredits{
	width:412px;
	padding:95px 60px 0px;
	border-top: 10px solid #000;
	margin-left:20px;		
	/*background: transparent url(../images/guides-pane-tmp.png) repeat-x;*/
}

#contact-wrapper-endcredits h3{
	
	margin-bottom:3px;	
	/*background: transparent url(../images/guides-pane-tmp.png) repeat-x;*/
}

#contact-wrapper-endcredits a{
	margin-bottom:5px;
	color: #000000;
	text-decoration: none;	/*background: transparent url(../images/guides-pane-tmp.png) repeat-x;*/
}
.endcredits-subheader {
	margin: -2px 0px 0px -10px;
}

#contact-wrapper-agents a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


#message-form li{
	float:none;
	width:390px;
	position:relative;
	/*height:70px;*/
}

input, textarea{
	border: 1px solid #000000;
}

#message-form{
	margin-top:-6px;
}

#message-form input{
	height:30px;
	width:300px;
}

#message-form textarea{
	width:390px;
	height:150px;
	font: 12px Arial, Helvetica, sans-serif;	
}

#message-form label{
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding-bottom:5px;
	padding-top:20px;
}

#message-form #send-button {
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	height: 35px;
	width: 110px;
	border:0;
	margin: 24px 0px 0px -10px;
	background: transparent url(../images/titles/button_send.png) no-repeat 0px 0px;
}

#result{
	float:right;
	height: 35px;
	width: 150px;
	margin-top:-35px;
	margin-right:-10px;
}

#message-form label.error {
	width: auto;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	bottom:-14px;
	left:0px;
	position:absolute;	
}

/*NEWS ARTICLE EXTERNAL*/
#article-wrapper {
	position:relative;
	width: 550px;
	font: 12px Arial, Helvetica, sans-serif;
	/*margin-bottom:50px;	
	height: 450px;
	max-height:550px;
	*/
	height: 300px;
}
#article-wrapper img {
	float: left;
}

#scrollable-article, #article-wrapper h2{
	position:relative;
	float:left;
	width: 400px;
}

#scrollable-article{
	overflow:hidden;
	height: 228px;
	margin-left: 30px;
	/*
	max-height:500px;
	padding-right: 40px;*/
}

#scrollable-article div.items div{
	margin-bottom: 10px;
}

#article-wrapper h2 {
	display:block;
	border-bottom: 1px solid #000000;
	margin: 10px 0px 10px 30px;
	padding-bottom: 10px;
}

#article-wrapper h2 span{
	color: #66CC33;	
}

#article-wrapper div#actions{
	left: 115px;
	bottom: -40px;
}

#popup_news_title{
	position: absolute;
	top: -40px;
	right: 20px;
}