/*###################################*/
/*#	Sharkevader Productions			#*/
/*#		01/11/2006					#*/
/*###################################*/	 

/*	html, body	*/	 

* html body	{
	text-align: center;
	margin: 0;
	padding: 0;
}
html>body,
html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* Required */
}

body	{
	background: #FFF none;
	text-align:left;
	color:#000;
	margin: 0;
	padding: 0;
	font: 76%/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}	

/*	headers etc	*/	 			 

h1,h2,h3,h4 {margin:0;padding:0;text-shadow: #000 2px 2px 0px;}

h1 {color:#CC0000;font-size:16px;margin:0;line-height:22px;}
h2 {clear:left;text-transform:uppercase;font-size:14px;color:#51809E;padding:0 0 4px 0;margin:0 0 16px 0;letter-spacing:1px;}
h3 {color:#03c;font-size:14px;margin:10px 0;text-transform: small-caps;}
h4 {color:#CC0000;font-size:13px;text-transform: small-caps;}
h5 {color:blue;font-size:12px;margin:0;}

h2.bigHdr{font-size:28px;margin:20px auto 15px auto; /* old-margin: 15px 5px;*/}
h3.sifr	{	width: 100%; height: 55px; height: auto; color: #AE3830; margin: 25px auto 12px auto;	}


/*	anchors etc	*/	 			 

a:link {color:#76B41C;}
a:visited {color:#76B41C;}
a:hover {color:#76B41C;text-decoration:none;}

a.anchor:link {color:#F02249909;}
a.anchor:visited {color:#B10707;}
a.anchor:hover {color:#880505;text-decoration:none;}

/*	header links	*/

h3 a:link {color:#000;}
h3 a:visited {color:#000;}
h3 a:hover {color:#000;}

a img {border:none;text-decoration:none;}

/*	para's, img, lists & hr */

p {
	xtext-align: justify;
	margin:0 0 16px 0;
	padding:0;
}

p img	{
	padding: 0 15px 15px 0;
	margin: 0 15px 15px 0;
}

p.small {
	font-size:9px;color:#999;
}

em	{	font-weight: lighter; color: #F02249;	}

ol, ul {
	margin:0 0 22px 0;
	padding:0;
}
	
li {padding:0;margin:0 0 8px 0;list-style:none;}

li ul {margin: 2px 2px 2px 15px;}

hr	{	width: 75%;	margin: 10px auto 10px auto;	}

div.hr1,
div.hr2	{
	   width: 100%;
	   height: 92px;
	   margin: 3px 0 3px 0;
	   padding: 0;
}

div.hr1	{
	   xbackground: transparent url(images/hr/fierce.gif) no-repeat center center;
}

div.hr2	{
	   xbackground: transparent url(images/hr/shrk2.gif) no-repeat center center;
}

div.hr1	hr,
div.hr2	hr,
.flash-replaced	span.alt,
.sIFR-replaced	span.alt	{
	   display: none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*	Structural IDs					*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container		{	width: 811px; height: 100%; padding: 0; margin: 0 auto 0 auto;	background: transparent none;	}
body.fullScreen	#container	{	width: 100%; height: 100%; padding: 0; margin: 0;	background: transparent none;	}

#container #hdr object, #container #hdr embed		{	width: 100%; height: 100%; padding: 0; margin: 0;	}

#page		{	width: 811px; height: 100%; min-height: 600px; padding: 0; margin: 0;	background: transparent none;	}

#hdr		{	width: 780px; height: 220px; padding: 0; margin: 0 15px 0 15px;	background: transparent none; display: none;	}

#hdr	#logo	{ width: 100%; height: 102px; padding: 0;	margin: 0; }

#hdr	#logo	h1		{ width: 440px; height: 163px; display: block; text-indent: -1000px; padding: 0; margin: 0 auto; overflow: hidden; background: transparent none;	}

#nav	{
		width: 100%; height: 30px;
		padding: 0; margin: 92px 0 0 0; 
		_margin: 2px 0 0 0;
		overflow: hidden;
		display: none;	}

#mainNav	{
	float: right;
	list-style:none;
	width: 323px;
	height: 30px;
	margin: 0 6px 0 0;
	padding: 0;
}

#nav #mainNav	a#homeBtn,
#nav #mainNav	a#creditsBtn,
#nav #mainNav	a#resumeBtn,
#nav #mainNav	a#reviewsBtn,
#nav #mainNav	a#contactBtn,
#nav #mainNav	a#homeBtn:visited,
#nav #mainNav	a#homeBtn:visited,
#nav #mainNav	a#creditsBtn:visited,
#nav #mainNav	a#resumeBtn:visited,
#nav #mainNav	a#reviewsBtn:visited,
#nav #mainNav	a#contactBtn:visited	{
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-position: left top;
}

#nav #mainNav	a#homeBtn	{
	width: 53px;
	background: transparent url('images/navi/home.gif');
}

#nav #mainNav	a#creditsBtn	{
	width: 60px;
	background: transparent url('images/navi/credits.gif');
}

#nav #mainNav	a#resumeBtn	{
	width: 69px;
	background: transparent url('images/navi/resume.gif');
}

#nav #mainNav	a#reviewsBtn	{
	width: 69px;
	background: transparent url('images/navi/reviews.gif');
}

#nav #mainNav	a#contactBtn	{
	width: 72px;
	background: transparent url('images/navi/contact.gif');
}

#nav #mainNav	a#contactBtn:hover,
#nav #mainNav	a#contactBtn:active,
#nav #mainNav	a#reviewsBtn:hover,
#nav #mainNav	a#reviewsBtn:active,
#nav #mainNav	a#resumeBtn:hover,
#nav #mainNav	a#resumeBtn:active,
#nav #mainNav	a#creditsBtn:hover,
#nav #mainNav	a#creditsBtn:active,
#nav #mainNav	a#homeBtn:hover,
#nav #mainNav	a#homeBtn:active	{
	background-position: left -30px;
}

#footNav	{
	float: right;
	list-style:none;
	margin: 3px 0;
	padding: 0;
	clear: all
	display: none !important;
}							   

#mainNav li,
#footNav li		{
	float:left;
}
			   
#mainNav li a	   {
	display:block;
	background:#333;
	text-align:center;
	width:140px;	  
	line-height:28px; 
	margin:0 3px 5px 0;
	color:#fff;				
	text-decoration:none;	
	text-transform:uppercase;
}				
			   
#footNav li a	   {
	display:block;
	width:auto;	  			
	font-variant:small-caps;
	margin:0 3px 5px 0;
}							 
							 
#mainNav li a:hover, #mainNav li a.active,
#footNav li a:hover, #footNav li a.active		{
	color:#000;							 
	background:#ff0;					 
}										 


#mainNav .lastElement					{
	margin:0px 0px 38px 0px;		 
	/*margin:0px;*/					 
	clear: right;
}

#content	{	   
	width: 744px; height: auto; 
	font: 1.2em/1.6em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-align: left;
	padding: 0; margin: 3px auto; 
	}

#main	{	
	margin: 0;
	padding: 0;
	width: 744px;
	height: auto;
	}




/*	to be erradicated / or to be come updates	*/
#newsMsgs	{	
	width: 325px; height: auto;
	margin: 3px 0 3px 20px; padding: 0;
	border: 0; float: left;	}

/*	*/
#makeContact	{	
	width: 314px; height: auto;
	margin: 3px; padding: 0;
	border: 0; float: left;	}



#videoBox	{	
	width: 335px; height: auto;
	margin: 3px 3px 3px 30px; padding: 0;
	border: 0; float: left;
	_margin: 3px 3px 3px 394px;
	_float: none;
	display: block;	}

#videoBox .cbox	{  }

#formBox	{	
	width: 335px; height: auto;
	margin: 3px 3px 3px 70px; padding: 0;
	border: 0; float: left;
	_margin: 3px 3px 3px 394px;
	_float: none;}

#content .cbox		{
	overflow: hidden;
}

#content #newsMsgs	.cbox,
#content #makeContact	.cbox		{
	width: 325px; height: auto;
	margin: 2px; padding: 0;
}

#content #videoBox	.cbox,
#content #formBox	.cbox		{
	width: 330px;
	margin: 2px; padding: 0;
}

#content #videoBox	.cbox	ul,
#content #videoBox	.cbox	li	{
	width: 100%;   
	margin: 0; padding: 0;
}

#content #videoBox	.cbox	img	{
	margin: 1px auto 1px auto;
}

#content #videoBox	.cbox		{
	height: auto;	
}

#content #formBox	.cbox		{
	height: auto;	
}					  

#content .cbox	p		{
	margin: 4px;
	padding: 4px 25px 3px 20px;
}

/*		 */
	
#content #formBox	p		{
	padding: 4px 3px 6px 8px;
}	   
	
#content #formBox	form	p		{
	padding: 0;
}	   

#photoBox		{
	width: 100%; height: auto; margin: 0 auto; padding: 3px 3px 0 3px;
	text-align: left;
	font: 0.8em/1.1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}	
		   
#photoBox	table	{	
	border-collapse: separate;
	font: 1.2em/1.6em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin: 0;padding: 0;
}	

/*	tables	*/	 

table	{	margin: 0; width: 100%; height: auto; border-collapse: separate;	}

table th { padding: 3px; font-size:11px; border: 0;  border-bottom: 2px solid #030303; }
table th.wColumn	{
	width: 210px;
}

table td { padding: 2px; font-size:11px; border: 0;  border-bottom: 1px solid #232323; vertical-align: top }

table.plain td { padding: 2px; font-size:11px; border: 0; vertical-align: top }

table td img { padding: 2px; }

table, hr	{
	clear: both
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*	footer							*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer	{
	width: 720px;
	height: auto;
	margin: 32px auto;
	padding: 0;
}									 

#footer	p	{ 		  
	margin: 3px 4px;
	padding: 2px 5px;
	color: #232323;
	text-align: center;
	font: 0.82em/0.98em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif !important;
}									 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*	forms							*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

label {display:block;margin:2px;}
.form {padding:0px;margin:0 0 0 45px;background-color:#fff;}
.form li {width:190px;margin:3px;padding:5px 5px 5px 30px;list-style:none;position:relative;}
*html .form li {left:-15px;}
.form li img {position:absolute;left:5px;}
.form .error {border:1px solid #A90000;padding:4px 4px 4px 29px;background-color:#F8E5E5;}
.form .success {border:1px solid #74F019;padding:4px 4px 4px 29px;background-color:#DEF8CA;}
.form .selected {border:1px solid #1AA8E1;padding:4px 4px 4px 29px;background-color:#8DD8F7;}
.form input.login {padding:2px 7px;width:auto;}
.form input {width:180px;}
.form textarea {width:180px; height: 120px;}
/* #contactFrm	{	margin: -3px 0 0 -30px;	} */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*	Reviews + titles				*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.title	{
	padding: 5px 12px 25px 12px;
	margin: 3px 6px 45px 6px;
	 border: 0; border-bottom: 1px solid #023322;
}
div.title	h2 { padding: 2px; margin: 3px; color:  #51809E}
div.title	dl { margin: 2px 0 0 0;	}
div.title	dt, 
div.title	dd.reviewContext { font: bold; font-variant: small-caps; color: #51809E;	}
div.title	dd { margin-left: 0;	}
div.title	p	{padding: 4px; margin: 3px 15px 10px 15px; 	color: #454545	}
div.title	div.hr	{	display: none; margin: 45px auto 45px auto; width: 30%;	}
div.title	p	img	{display: inline;}
div.title	p	a	{}
div.title	p	a#whiteroom	{display: block; width: auto; height: auto; text-align: center;border: 1px solid blue}
div.title	div.hr	hr	{		}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.cen	{	text-align: center;	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*	tabular information				*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.pTable, 
table.cTable,
table.lTableWide	{
	border-collapse: separate;
	font: 1.2em/1.6em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin: 4px auto;
}
		   
table.pTable,
table.cTable	{
	width: 65%;
}
		   
table.pTable	{
	width: 65%;
	margin-left: 25px !important; 
}
 
table.lTableWide	{
	width: 95%;
}

	   
table.lTableWide th,
table.lTableWide td,
table.pTable th,
table.pTable td, 
table.cTable th,
table.cTable td	{
	vertical-align: top; 
	 text-align: center;
}

table.lTableWide th,
table.lTableWide td	{
	 text-align: left;
}

table.lTableWide th.pos,
table.lTableWide td.pos	{
	 width: 10%;
}

table.cTable th, 
table.lTableWide th	{
	 font-weight: bold;	
	 font-variant: small-caps;
}

table.cTable td, 
table.lTableWide td	{
	 font-weight: normal;
	 font-variant: normal;
	 color: #2C694B;
}
th	{
	color: blue;
}

table.cTable a,
table.lTableWide a	{
	color: #F02249909;	
	font-weight: bold;	
}

table.pTable td		{
	border: 0;
	text-align: left;
	padding: 1px 2px 2px 20px;
	color: #F02249;
}

tr.pRow	td	{
	border: none !important;
}

th	{	height: auto;	}

th span	{	
	display: block;
	background: #fff;
	width: 100%;
	height: 100%;
}

table#aff td {
	font-size: 105%; font-weight: bold; color: #00F
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*	Fixes n Trix					*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* clear this fix */
.clearfix {
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	line-height:0pt;
}

/* Hides from IE-mac \*/
* html .clearfix {	height: 1%;	}

html[xmlns] .clearfix {	display:block;}


td.medjaTitles,
span.medjaTitles,
span.red,
p.red			{
	color: #F02249 !important; 
	font-weight: bold !important;
	font-variant: small-caps !important;
	letter-spacing: 1.5px
}
 
td.medjaArticles,
span.medjaArticles,
span.green,
p.green			{
	color: green; 
	font-weight: bold !important;  
	letter-spacing: 2.2px
}

span.blk,
span.blk,
p.blk			{
	color: black;
	font-weight: bold !important;
	font-variant: small-caps !important;
	letter-spacing: 2.2px
}

span.blu,
p.blu			{
	color: blue;  
	font-weight: bold !important;
}

 

td.mrn,
span.mrn,
p.mrn			{
	color: #A33446 !important; 
	font-weight: bold !important;
	font-variant: small-caps !important;
	letter-spacing: 2.2px
}

.tv	{
	color: #009900 !important; 
	font-weight: bold !important;		
	font-variant: small-caps !important;
}

.film	{
	color: #4B94E3 !important;	
	font-weight: bold !important;		
	font-variant: small-caps !important;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*	The Role (Archive / Producer)	*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#theRole	{

}

#theRole ol	{
	margin: 3px 3px 3px 15px;
}

#theRole li	{
	list-style-type:decimal;
}

#theRole ol ol	{
	margin: 3px 3px 3px 45px;
}

#theRole li li	{
	list-style:upper-alpha outside;
}

#theRole li p	{
	color: blue;
	display: inline;
}

#theRole li li	p	{
	display: inline;  
	color: #F02249;
}
	
code	{	
	font-weight:400;	}	
	
abbr[title],acronym[title]	{	
	border-bottom:1px solid #ccc;cursor:default;	}	

cite	{	
	color:#818181 !important;font-weight:bolder;	}

form	{	
	width:100%;height:auto;border:0;margin:0;padding:5px;	}	

fieldset { margin-bottom : 1em; padding : 1em; border : 1px solid #ccc; }

label	{	
	font:bold 13px Arial, Helvetica, sans-serif;color:#6F6251;position:relative;margin:3px 0 9px;	}

input,
textarea	{	background:url("images/forms/text_bg.gif");border:1px #ccc solid;padding:2px;	}

blockquote	{	margin: 0.4em 0.6em 0.4em 1.2em; padding: 0.2em; font-weight: bold; font-variant: small-caps;	}
  	
#contactForm	{	
	width:310px;height:auto;border:2px solid #000;border-bottom:10px solid #000;	}	
		
#contactForm	form	{	margin-left: 6px;	}	
	
#contactForm label	{	
	font:bold 13px Arial, Helvetica, sans-serif;color:#6F6251;position:relative;margin:3px 0 9px 5px;	}	
	
#contactForm input.txt,#contactForm input.btn,#contactForm textarea	{	
		margin-right: 5px;
		}	
	
#contactForm input.txt,#contactForm textarea	{	
	width:280px;_width:274px;	}	
	
#contactForm input:hover,#contactForm textarea:hover	{	
	border:1px #A3007A solid;	}	
	
#contactForm input:focus,#contactForm textarea:focus	{	
	border:1px #9E7700 solid;	}	
	
#contactForm input.btn	{	
	margin:8px 4px 2px 230px;	}


#tommy	{	float: right;	}



/*	vidlinks	*/

div.vidlinks	{
	width: 95%;
	height: auto;
	margin: 0 auto 0 auto;
	text-align: center;
	padding: 1px 17px 2px 0;
}

div.vidlinks	a.vidlink	{

}

/*		*/

h2.bannerTitle		{
	margin: 10px auto 5px auto !important;
	width: auto;
	height: auto;
	background-position: center top;
	text-align: center;
}

h2.bannerTitle	a	{
	width: auto;
	height: auto;
}

/*	main page titles	*/

h2#HotLinksHdr,
h2#IntroductionHdr,
h2#ShowreelsHdr,
h2#CreditsHdr,
h2#FavMediaHdr,
h2#ContactHdr		{
	height: auto;
	background: transparent none no-repeat;
}

/*	bttnBox's	*/

div.bttnBox		  {
	width: 246px;
	height: 40px;
	_height: 30px;
	padding: 8px 0 2px 0;
	background: transparent url("images/bttnBox/default.gif") no-repeat 0 0;
	text-align: center;
}

div.bttnBox:hover		  {
	background: transparent url("images/bttnBox/default.gif") no-repeat 0 -70px;
}	  

div.bttnBox	a.jLink	  {
	display: block;
	width: 100%;
	height: 100%;
	color: #EE871E;
	text-transform: underline;
}

div.bttnBox a.jLink:hover		  {
	color: #EE871E;
	text-transform: none;
}

div#newsMsgs div.bttnBox	{ 	
	margin: 1px auto 1px auto;
}  

div.cbox div.bttnBox		{
	display: block;
	float: none;
}

div.sidebox div.bttnBox		{
	display: inline;
	float: left;
}

/*	home page boxes	*/

div#favmediaBox,
div#revBox,				
div#affBox,
div#updBox		{
	text-indent: -1000px;
	overflow: hidden;
	width: 246px;
	height: 70px;
	background-position: center top;
}

div#favmediaBox:hover,
div#revBox:hover,				
div#affBox:hover,
div#updBox:hover		{	
	background-position: center -80px !important;	
}
			
div#favmediaBox		{
	background: transparent url("images/bttnBox/home/favmedia.gif") no-repeat;}
			
div#revBox			{
	background: transparent url("images/bttnBox/home/rev.gif") no-repeat;}
				
div#affBox			{
	background: transparent url("images/bttnBox/home/aff.gif") no-repeat;}

div#updBox			{
	background: transparent url("images/bttnBox/home/updates.gif") no-repeat;}			

/* favourite media page boxes */ 

div#tommy	{
	display: block;
	width: 345px;
	height: auto;
	margin: 0 30px 0 0;
	_margin: 0 20px -565px -30px;
}

div#favAlbumsBox,
div#favComediesBox,
div#favDocusBox,
div#favMoviesBox,
div#favMusicDocusBox,
div#favUKTVDramasBox	{
	padding: 0;
}

div#favAlbumsBox	{
	/*	black n white procol album	*/
	text-indent: -1000px;
	overflow: hidden;
	width: 300px;
	height: 135px;
	margin: 2px 20px 0 20px;
	background:transparent url("images/bttnBox/fav/albums.gif");
}

div#favComediesBox		{				  
	/*	mr hulot's holiday	*/
	text-indent: -1000px;
	overflow: hidden;
	width: 300px;
	height: 149px;
	margin: 2px 20px 0 20px;
	background:transparent url("images/bttnBox/fav/com.gif");
}

div#favDocusBox		{				  
	/*	culloden.jpg	*/
	text-indent: -1000px;
	overflow: hidden;
	width: 300px;
	height: 109px;
	margin: 2px 20px 0 20px;
	background:transparent url("images/bttnBox/fav/docs.gif");
}

div#favMoviesBox		{				  
	/*	amacord	*/
	text-indent: -1000px;
	overflow: hidden;
	width: 300px;
	height: 180px;
	margin: 2px 20px 0 20px;
	background:transparent url("images/bttnBox/fav/movies.gif");
}

div#favMusicDocusBox		{				  
	/*	elvis	*/
	text-indent: -1000px;
	overflow: hidden;
	width: 300px;
	height: 109px;
	margin: 2px 20px 0 25px;
	float: left;
	background:transparent url("images/bttnBox/fav/musicdocs.gif");
}

div#favUKTVDramasBox		{				  
	/*	singing dective	*/
	text-indent: -1000px;
	overflow: hidden;
	width: 300px;
	height: 109px;
	margin: 2px 20px 0 25px;
	_margin: 2px 20px 0 345px;
	background:transparent url("images/bttnBox/fav/uktvdramas.gif");
}

/*	credits page boexs	*/
div#ArchProducerBox,
div#ArchiveResearcherBox,
div#CompilationProducerBox,
div#EltonArchiveProjectBox,
div#EventOrganiserBox,
div#ResumeBox,
div#OtherRolesBox,
div#ProducerBox,
div#ProducerDirectorBox,
div#ResearcherWriterBox		{
	text-indent: -1000px;
	overflow: hidden;
	width: 246px;
	height: 70px;
	background-position: center top;
}
div#ArchProducerBox:hover,
div#ArchiveResearcherBox:hover, 
div#CompilationProducerBox:hover, 
div#EltonArchiveProjectBox:hover, 
div#EventOrganiserBox:hover, 
div#ResumeBox:hover, 
div#OtherRolesBox:hover, 
div#ProducerBox:hover, 
div#ProducerDirectorBox:hover, 
div#ResearcherWriterBox:hover		{
	background-position: center -80px !important;
}
/* archive_producer_meditation.jpg	*/
div#ArchProducerBox				{	background:transparent url("images/bttnBox/credits/ArchiveProducer.gif");	}

/* 2 credits_ArchiveResearcher 	assets/images/scans/archive_researcher.jpg (les dawson)	*/
div#ArchiveResearcherBox		{	background:transparent url("images/bttnBox/credits/ArchiveResearcher.gif");	}	

/* 4 credits CompilationProducer 	assets/images/scans/oink.jpg 	*/
div#CompilationProducerBox		{	background:transparent url("images/bttnBox/credits/CompilationProduce.gif");	}	

/* 5 credits EltonArchive 	expensive habits	*/
div#EltonArchiveProjectBox		{	background:transparent url("images/bttnBox/credits/EltonArchive.gif");	}	

/* 6 credits EventOrganiser 	assets/images/scans/eventsorganiser_page.jpg	*/
div#EventOrganiserBox			{	background:transparent url("images/bttnBox/credits/EventOrganise.gif");	}	

/* 7 credits FullResume 	assets/images/scans/testcardS_lg.jpg	*/
div#ResumeBox					{	background:transparent url("images/bttnBox/credits/FullResume.gif");	}	

/* 8 credits OtherRoles 	assets/images/scans/henry_schooldays.jpg	*/
div#OtherRolesBox				{	background:transparent url("images/bttnBox/credits/OtherRoles.gif");	}	

/* 9 credits Producer 	assets/images/scans/ynela.jpg	*/
div#ProducerBox					{	background:transparent url("images/bttnBox/credits/Producer.gif");	}	

/* 10 credits ProducerDirector 	assets/images/scans/director.jpg (sam peck)	*/
div#ProducerDirectorBox			{	background:transparent url("images/bttnBox/credits/ProducerDirector.gif");	}	

/* 11 credits ResearcherWriter 	assets/images/scans/writer.jpg (david mament)	*/
div#ResearcherWriterBox			{	background:transparent url("images/bttnBox/credits/ResearcherWriter.gif");	}	

/*	.sidebox	*/

div.sidebox		{
	width: 100%; /* 744 really */
	height: auto;
	padding: 2px 3px;
	text-align: center;
}

.backntop	{
	width: 100%;
	height: auto;
	margin: 10px;
	padding: 0;
	clear: all;
}

/* clear this fix */
.backntop:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.backntop	.back,
.backntop	.anchor,
.backntop	.top,
.backntop	.next,
.backntop	.prev	{
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.backntop	.anchor	{
	float: right;
	width: auto;
	height: auto;
	margin-right: 15px !important;
	padding-right: 12px !important;
	background: transparent url('images/anchorBttn.gif') top right no-repeat;
}

.backntop	.anchor:hover	{
	background-position: right -48px;
}

.backntop	.top	{
	float: right;
	width: 85px;
	height: 48px;
	background: transparent url('images/topBttn.gif');
}

.backntop	.prev	{
	float: right;
	width: 85px;
	height: 48px;
	background: transparent url('images/prevBttn.gif');
	clear: both;
}

.backntop	.next	{
	float: right;
	width: 85px;
	height: 48px;
	background: transparent url('images/nextBttn.gif');
}

.backntop	.back	{
	float: left;
	width: 85px;
	height: 48px;
	background: transparent url('images/backBttn.gif');
}

.backntop	.back:hover,
.backntop	.top:hover
.backntop	.next:hover,
.backntop	.prev:hover	{
	background-position: 0 -48px;
}

.backntop	.back strong, 
.backntop	.top strong,
.backntop	.next strong,
.backntop	.prev strong	{
	display: block;
	width: auto;
	margin: 3px 0 0 5px;
	padding: 8px 0 0 0;
	height: auto;
	font-size: xx-small;
}

.backntop	.back strong, 
.backntop	.top strong		{
	padding-left: 8px;
}

.backntop	.next strong	{
	padding-right: 8px;
	text-align: right;
}

.backntop	.prev strong	{
	padding-left: 8px;
	text-align: left;
}

.backntop	.anchor strong		{
	display: block;
	width: auto;
	padding: 8px 0 0 0px;
	margin: 3px 0 0 5px;
	height: auto;
	font-size: small;
	text-align: center;
}

.imgLeft	{	float: left;	}

#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #FFF;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #FFF;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 30px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(images/imagebox/next.gif);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(images/imagebox/prev.gif);
	background-repeat:	no-repeat;
	background-position: left top;
}

#mainLdr	{	display: none;	}/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
.sIFR-flash object,
.sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

.sIFR-flash span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}