/**
 *	Site : Midget Gems Productions
 *	Project : Ravenhill
 *	Agency : Ralphandco
 *	Client	: BBC
 *	Author	: Julio Ruiz (id2)
 **/

	/* Global Reset */
		* {
			margin : 0px;
			padding : 0px;
		}
		
		ul {
			list-style : none;
		}
	
	/* Generic styles */
		body {
			font-size : 62.5%;
			font-family : Arial, Helvetica, sans-serif;
			background : url('../img/body_bg.jpg') top left;
		}
		
		#wrapper {
			background : url('../img/wrapper_bg.gif') top left;
			width : 975px;
			padding : 0px 17px 0 15px;
			margin : 0px auto;
		}

	/* header */
		
		#header {
			background : url('../img/mainnav_bg_new.jpg') no-repeat top left;
			width : 953px;
			height : 130px;
			margin : 0px auto;
			position : relative;
		}
		
		#header h1 {
			background : url('../img/h1_bg.png') no-repeat top left;
			behavior : url('./includes/js/pngfix/iepngfix.htc');
			width : 307px;
			height : 130px;
			position : absolute;
			top : -31px;
			left : 310px;
			text-indent : -9999px;
			display:none;
		}
		
		#header h2 {
			background : url('../img/h2_bg.png') no-repeat top left;
			behavior : url('./includes/js/pngfix/iepngfix.htc');
			width : 113px;
			height : 112px;
			position : absolute;
			top : -11px;
			left : 637px;
			text-indent : -9999px;
			display:none;
		}
		
		#header #mainnav #faqslink {
			position : absolute;
			width : 73px;
			height : 26px;			
			top : 55px;
			left : 40px;		
		}
		
		#header #mainnav #faqslink a {
			width : 73px;
			height : 26px;
			background : url('../img/faqslink_bg.png') no-repeat top left;
			text-indent : -9999px;
			display : block;
		}
		
		#header #mainnav #previewlink {
			position : absolute;
			top : 55px;
			left : 149px;	
		}
		
		#header #mainnav #previewlink a {
			width : 136px;
			height : 24px;
			background : url('../img/previewlink_bg.png') no-repeat top left;
			text-indent : -9999px;
			display : block;
		}
		
		#header #mainnav #titleslink {
			position : absolute;
			width : 104px;
			height : 25px;
			top : 55px;
			left : 784px;
		}
		
		#header #mainnav #titleslink a {
			width : 104px;
			height : 25px;
			background : url('../img/titleslink_bg.png') no-repeat top left;
			text-indent : -9999px;
			display : block;
		}
		
	/* flash coverflow */
		#flash {
			background : url('../img/flash_alternative.jpg') no-repeat top left;
			width : 975px;
			height : 249px;
			margin-bottom : 11px;
		}
	
	/* content */
		/* Main panel */
			#fullpanel {
				background : url('../img/fullpanel_bg.png') no-repeat top left;
				width : 953px;
				margin : 0px auto;
				padding-top : 19px;
			}
			
			#fullpanelcontent {
				overflow : auto;
			}
			
			#fullpanelfooter {
				background : url('../img/fullpanel_footer_bg.png') no-repeat top left #000;
				width : 953px;
				height : 6px;
				margin : 0px auto 13px;
			}
			
			#fullpanel .leftcol {
				width : 498px;
				float : left;
				padding : 0 0 0 22px;
				color : #fff;
			}
			
			#fullpanel .leftcol h3 {
				background : url('../img/fullpanel_leftcol_h3_bg.png') no-repeat top left;
				width : 121px;
				height : 25px;
				margin : 0 0 10px 0;
				text-indent : -9999px;
			}
			
			#fullpanel .leftcol p {
				font-size : 1.5em;
				line-height : 120%;
			}
			
			#fullpanel .leftcol p.welcome {
				font-size : 1.8em;
			}
			
			#fullpanel .leftcol hr {
				margin : 10px 0;
			}

			#fullpanel .leftcol #signature {
				margin-left : 270px;
				background : url('../img/neal_signature.gif') no-repeat top left;
				width : 73px;
				height : 51px;
				text-indent : -9999px;
				margin-bottom : 10px;
			}
			
			#fullpanel .leftcol img {
				float : left;
				margin : 0 10px 0 0;
				border : 1px solid #cba034;
			}
			
			#fullpanel .rightcol {
				width : 413px;
				float : left;
				margin : 0 0 0 12px;
			}
			
			#fullpanel .rightcol h3 {
				background : url('../img/fullpanel_rightcol_h3_bg.png') no-repeat top left;
				width : 243px;
				height : 25px;
				margin : 0 0 10px 0;
				text-indent : -9999px;
			}
			
			#fullpanel .rightcol #videoholder {
				width : 400px;
				height : 300px;
				border : 1px solid #cba033;
				margin : 0 0 5px 0;
				padding : 3px;
			}
			
			#fullpanel .rightcol #playbutton {
				background : url('../img/playbutton_bg.png') no-repeat top left;
				display : block;
				text-indent : -9999px;
				width : 413px;
				height : 50px;
			}
	
	/* faqs panel */
		#bottomcontainer {
			margin-left : 12px;
		}
		
		#bottomcontainer .leftcol {
			width : 527px;
			float : left;
			margin : 0 0 10px 0 ;
		}
		
		#faqspanel {
			background : url('../img/faqspanel_bg.png') no-repeat top left;
			width : 487px;
			padding : 20px;
			color : #fff;
			font-size : 1.5em;
			line-height : 130%;
		}
		
		#faqspanelfooter {
			background : url('../img/faqspanel_footer_bg.png') no-repeat top left;
			width : 527px;
			height : 6px;
		}
		
		#faqspanel li {
			cursor : pointer;
		}
		
		#faqspanel h3 {
			background : url('../img/faqspanel_h3_bg.png') no-repeat top left;
			width : 73px;
			height : 25px;
			text-indent : -9999px;
			margin : 0 0 5px 0;
		}
		
		#faqspanel strong {
			color : #dec27d;
			display : block;
			margin-bottom : 5px;
		}
		
		#faqspanel hr {
			margin : 10px 0;
		}
		
		#faqspanel a {
			color : #fff;
		}
	
	/* titles panel */
		#titlespanel {
			width : 411px;
			float : right;
			margin-right : 11px;
			margin-bottom : 20px;
			margin-left : 11px;
		}
		
		#titlespanel h3 {
			background : url('../img/titlespanel_h3_bg.png') no-repeat top left;
			width : 104px;
			height : 25px;
			text-indent : -9999px;
			margin : 0 0 5px 0;
		}
		
		#titlespanel li {
			background : url('../img/darkgrey_li_bg.jpg') no-repeat top left;
			padding : 4px 0 3px 11px;
			margin : 0 0 5px 0;
			font-size : 1.3em;
			font-weight : bold;
			color : #fff;
			height : 15px;
			display : block;
		}
		
		#titlespanel li.grey {
			background : url('../img/grey_li_bg.jpg') no-repeat top left;
			color : #000;
		}

		#titlespanel li a {
			text-decoration : none;
			color : #fff;
		}
		
		#titlespanel li.grey a {
			color : #000;
		}
		
	/* footerbar */
		#footerbar {
			width : 933px;
			height : 12px;
			background : url('../img/footerbar_bg.png') no-repeat top left;
			margin : 0px auto;
			clear : both;
			font-size : 1.1em;
			font-weight : bold;
			color : #fff;
			padding : 10px;
		}
		
		#footer {
			background : url('../img/footer_bg.gif') repeat-x bottom left;
			height : 35px;
		}
	
	
	/* Accessible links - Hide from visual browsers */
		#accessiblelinks {
			display : none;
		}
		
		#disclaimerpage {
			/*background : #6e108b;*/
		}
		
		#disclaimerpage #wrapper {
			margin : 150px auto;
			width : 960px;
			background : transparent;
		}
		
		#disclaimer {
			margin : 0px auto;
			width : 518px;
			display : block;
		}
		
		#disclaimer img {
			border : 0px;
		}
		
		#titlecontroller li {
			cursor : pointer;
		}
	
	/* Fix float in intro */
		.innerfloat {
			overflow : auto;
		}
		
		.innerfloatleft {
			width : 130px;
			float : left;
			margin-right : 10px;
		}
		
		.innerfloatright {
			width : 350px;
			float : left;
		}