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

	CORE STYLESHEET

	Created: 24.06.08
	Author: dAN FARROW
	dan @ squarebracket . net
	Uses parts of:
	developer.yahoo.com/yui/reset/
	developer.yahoo.com/yui/fonts/
	developer.yahoo.com/yui/base/
	~~~~~~~~~~~~~~~~~~~~~~~~~~~
	
	COLOUR REFERENCE

	HEX	DESCRIPTION



	FONT SIZE REFERENCE
	declare font size using percentages
	{font-size:85%;}  /*renders 11px

	10	px =	77	%
	11	px =	85	%
	12	px =	93	%
	13	px =	100	%
	14	px =	108	%
	15	px =	116	%
	16	px =	123.1	%
	17	px =	131	%
	18	px =	138.5	%
	19	px =	146.5	%
	20	px =	153.9	%
	21	px =	161.6	%
	22	px =	167	%
	23	px =	174	%
	24	px =	182	%
	25	px =	189	%
	26	px =	197	%
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 developer.yahoo.com/yui/reset-fonts/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 developer.yahoo.com/yui/base/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


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

	TAGS

~~~~~~~~~~~~~~~~~~~*/
html {
	color:#ffffff;
	background:url(../images/body_bg.gif) left top repeat-x #000000;
}
body {
	margin-bottom:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p {
	
}
h1,h2,h3,h4,h5 {
	font-weight:normal;
}
		
/*---------------------		
	HYPERLINKS 			
---------------------*/
a:link, a:visited {
/*		color:#7F7F7F;*/
		color:#71a593;
		text-decoration:none;
}
a:hover, a:focus, a:active {
	background-color:#999;
	color:#fff;	
}

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

	NAMED

~~~~~~~~~~~~~~~~~~~*/
#wrapper_div {
	color:#7f7f7f;
	position:relative;
	width:936px;
	margin:25px auto;
	padding:0 10px;
	background:url(../images/wrapper_bg.gif) left top repeat-y #ffffff;
}
#header_div {
	height:220px;
	background:#eee;
	margin:0 -10px;
	padding:0 10px;
	background:url(../images/header_bg.gif) left top no-repeat;
}
	#flash_div {
		position:absolute;
		left:10px; top:0;
		width:651px;
		height:220px;
		background:#415D6B url(../images/header_pics/goldenmickey.jpg) left top no-repeat;
	}
	body.home #flash_div {background:#415D6B url(../images/header_pics/goldenmickey.jpg) left top no-repeat;}
	body.news #flash_div {background:#415D6B url(../images/header_pics/mickeys.jpg) left top no-repeat;}
	body.credits #flash_div {background:#415D6B url(../images/header_pics/richardandjudy.jpg) left top no-repeat;}
	body.staff #flash_div {background:#415D6B url(../images/header_pics/gala.jpg) left top no-repeat;}
	body.services #flash_div {background:#415D6B url(../images/header_pics/purplemickeys.jpg) left top no-repeat;}
	body.contact #flash_div {background:#415D6B url(../images/header_pics/mickeysblue.jpg) left top no-repeat;}
	body.testimonials #flash_div {background:#415D6B url(../images/header_pics/cameras1.jpg) left top no-repeat;}
	
	#branding_div {
		position:absolute;
		right:10px; top:0;
		width:285px;
		height:220px;
		background:url(../images/roll_to_record_logo.gif) left top no-repeat;
		text-indent:-1000px; overflow:hidden;
	}
		#branding_div a {
			display:block;
			position:absolute;
			right:0; top:0;
			width:285px;
			height:220px;
			background:none;
		}

	#left_column {
		width:587px;
		float:left;
		padding:16px 30px 150px 30px;
		color:#333;
		overflow:hidden;
		min-height:110px;
	}
	
		#left_column h2, #left_column h3 {
			text-transform:uppercase;
			color:#405d6b;
			margin-top:0;
			margin-bottom:0.5em;
		}
		#left_column h4 {
			color:#4f5f67;
			margin-bottom:1em;
		}
		
		#left_column h4 a {color:#71a593;}
		#left_column h4 a:hover {color:#fff;}
		
		#left_column h2 {font-size:174%;}
		#left_column h3 {font-size:161.6%;}
		#left_column h4 {font-size:138.5%;}
	
		#nav_div {
			position:relative;
			height:44px;
			margin-bottom:10px;
		}
		
			/* layout main menus */
			#nav_div ul {margin:0;}
			ul#main_nav_ul li {
				list-style:none; 
				display:block;
				float:left;
				margin:0; padding:0;
				height:37px;
				color:#000;
				overflow:hidden;
				text-indent:-500px;
				background:url(../images/main_nav_li_bg.gif) left top no-repeat;
			}
			/* off-state backgrounds on main menus */
			ul#main_nav_ul li#home {width:43px; background-position:0 0}
			ul#main_nav_ul li#news {width:113px; background-position:-43px 0}
			ul#main_nav_ul li#services {width:173px; background-position:-156px 0}
			ul#main_nav_ul li#credits {width:156px; background-position:-329px 0}
			ul#main_nav_ul li#staff {width:102px; background-position:-484px 0}

			/* on-state backgrounds on main menus */
			ul#main_nav_ul a {background-color:transparent; display:block; height:100%; width:100%; color:#000; text-transform:uppercase; font-size:161.6%; font-weight:bold; text-decoration:none;}
			
			body.home li#home a.main_nav_a,
			li#home a.main_nav_a:hover,
			li#home a.main_nav_a:focus {							background:transparent url(../images/main_nav_li_bg.gif) 0 -37px}
			
			body.news li#news a.main_nav_a, 
			li#news a.main_nav_a:hover, 
			li#news a.main_nav_a:focus {							background:transparent url(../images/main_nav_li_bg.gif) -43px -37px}
			
			body.services li#services a.main_nav_a, 
			li#services a.main_nav_a:hover, 
			li#services a.main_nav_a:focus {						background:transparent url(../images/main_nav_li_bg.gif) -156px -37px}
			
			body.credits li#credits a.main_nav_a, 
			li#credits a.main_nav_a:hover, 
			li#credits a.main_nav_a:focus {							background:transparent url(../images/main_nav_li_bg.gif) -329px -37px}
			
			body.staff li#staff a.main_nav_a, 
			li#staff a.main_nav_a:hover, 
			li#staff a.main_nav_a:focus {							background:transparent url(../images/main_nav_li_bg.gif) -484px -37px}


			/* layout sub menus */
			ul.sub_nav_ul {position:absolute; top:44px; left:0; width:587px; height:18px; overflow:hidden; display:none;}

			
			/* show sub menu on specific pages */
			body.services li#services ul.sub_nav_ul,
			body.home li#services ul.sub_nav_ul {display:block;}
/*			body.credits li#credits ul.sub_nav_ul {display:block;}*/

			/* additional height on nav div of pages with secondary menu */
			body.home #nav_div, body.services #nav_div {
				height:82px;
			}
			
			/* services submenu on-state backgrounds */
			li#services ul.sub_nav_ul li {background:url(../images/services_sub_nav_li_bg.gif) left top no-repeat; text-indent:-500px; overflow:hidden;}
			li#services li#studios {width:70px;}
			li#services li#compliance {width:107px; background-position:-70px 0}
			li#services li#flyaway_kit {width:103px; background-position:-176px 0}
			li#services li#robotic_cameras {width:147px; background-position:-279px 0}
			li#services li#location_galleries {width:160px; background-position:-426px 0}
			
			body.studios li#services li#studios a,
			li#services li#studios a:hover,
			li#services li#studios a:active,
			li#services li#studios a:focus {						background:transparent url(../images/services_sub_nav_li_bg.gif) 0 -30px}

			body.compliance li#services li#compliance a,
			li#services li#compliance a:hover,
			li#services li#compliance a:active,
			li#services li#compliance a:focus {						background:transparent url(../images/services_sub_nav_li_bg.gif) -70px -30px}

			body.flyaway_kit li#services li#flyaway_kit a,
			li#services li#flyaway_kit a:hover,
			li#services li#flyaway_kit a:active,
			li#services li#flyaway_kit a:focus {					background:transparent url(../images/services_sub_nav_li_bg.gif) -176px -30px}

			body.robotic_cameras li#services li#robotic_cameras a,
			li#services li#robotic_cameras a:hover,
			li#services li#robotic_cameras a:active,
			li#services li#robotic_cameras a:focus {				background:transparent url(../images/services_sub_nav_li_bg.gif) -279px -30px}

			body.location_galleries li#services li#location_galleries a,
			li#services li#location_galleries a:hover,
			li#services li#location_galleries a:active,
			li#services li#location_galleries a:focus {				background:transparent url(../images/services_sub_nav_li_bg.gif) -426px -30px}

			/* credits submenu on-state backgrounds */
			li#credits ul.sub_nav_ul li {background:url(../images/credits_sub_nav_li_bg.gif) left top no-repeat; text-indent:-500px; overflow:hidden;}
			li#credits li#reality {width:105px;}
			li#credits li#entertainment {width:209px; background-position:-105px 0}
			li#credits li#channels {width:168px; background-position:-314px 0}
			li#credits li#drama {width:105px; background-position:-481px 0}
			
			body.reality li#credits li#reality a,
			li#credits li#reality a:hover,
			li#credits li#reality a:active,
			li#credits li#reality a:focus {						background:transparent url(../images/credits_sub_nav_li_bg.gif) 0 -30px}			

			body.entertainment li#credits li#entertainment a,
			li#credits li#entertainment a:hover,
			li#credits li#entertainment a:active,
			li#credits li#entertainment a:focus {				background:transparent url(../images/credits_sub_nav_li_bg.gif) -105px -30px}			

			body.channels li#credits li#channels a,
			li#credits li#channels a:hover,
			li#credits li#channels a:active,
			li#credits li#channels a:focus {					background:transparent url(../images/credits_sub_nav_li_bg.gif) -314px -30px}			

			body.drama li#credits li#drama a,
			li#credits li#drama a:hover,
			li#credits li#drama a:active,
			li#credits li#drama a:focus {						background:transparent url(../images/credits_sub_nav_li_bg.gif) -481px -30px}			
			
			/* style menu links */
			ul.sub_nav_ul a {background:none; height:auto; color:#828385; font-size:100%; padding:0; margin:0;}
	
#right_column {
	width:245px;
	float:right;
	padding:0 20px;
	border-left:1px solid #eee;
	line-height:1.5em;
	font-size:93%;
}
	#right_column h2 {
		margin:0 -20px 10px -20px; padding:0;
		height:38px;
		overflow:hidden;
		background:url(../images/right_column_navigation_bg.gif) top left no-repeat;
	}
	#right_column h2#contact {		background-position:0 0;}
	#right_column h2#testimonials {	background-position:0 -38px;}
	#right_column h2#latest_news {	background-position:0 -76px;}
	
	#right_column p {

	}
	
	#right_column a {
		color:#7F7F7F;
		text-decoration:none;
	}
	
	#right_column a:hover, #right_column a:focus {
		background-color:#999;
		color:#fff;
	}
	
	#right_column h2 a {display:block; width:100%; height:100%; text-indent:-500px; background-color:transparent;}
	
	body.contact h2#contact a,
	#right_column h2#contact a:hover,
	#right_column h2#contact a:active, 
	#right_column h2#contact a:focus { 			background:transparent url(../images/right_column_navigation_bg.gif) -285px 0;}

	body.testimonials h2#testimonials a,
	#right_column h2#testimonials a:hover, 
	#right_column h2#testimonials a:active, 
	#right_column h2#testimonials a:focus { 	background:transparent url(../images/right_column_navigation_bg.gif) -285px -38px;}

	body.news h2#latest_news a,
	#right_column h2#latest_news a:hover, 
	#right_column h2#latest_news a:active, 
	#right_column h2#latest_news a:focus { 					background:transparent url(../images/right_column_navigation_bg.gif) -285px -76px;}


#footer_div {
	background:#000000 url(../images/footer_bg.gif) no-repeat scroll left top;
	clear:both;
	color:#666666;
	height:59px;
	margin:0pt -10px;
	padding:50pt 10px 0pt 44px;
}
/*~~~~~~~~~~~~~~~~~~~

	CLASSES

~~~~~~~~~~~~~~~~~~~*/
	.small, #right_column a.small, .meta p {
		color:#b2b2b2;
		font-size:85%;
	}
	#right_column a.small:hover {
		color:#fff;
	}
	.meta {
		padding-top:12px;
		border-top:1px solid #eee;
	}
	
	ul.credits {
		padding:0; margin:0;
	}
	ul.credits li {
		list-style:none;
		display:block;
		background-color:#eee;
		padding:6px 8px; margin:0 0 12px 0;
	}
	
	.post {
		margin-bottom:40px;
	}
	
	body.testimonials .post em {
		background-color:#EEEEEE;
		display:block;
		padding:6px 8px;
	}