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

	/* Global Reset */
		* {
			margin : 0px;
			padding : 0px;
		}
	
	/* outline removal ff */
		object:active,
		a:active {
			outline: none;
		}
		
		object:focus,
		a:focus {
			-moz-outline-style: none;
		}
		
	/* Generic styles */
		body {
			font-family : Arial, Helvetica, sans-serif;
			background : #000;
			color : #d7caa5;
			font-size : 62.5%;
		}
		
		#wrapper {
			width : 994px;
			margin : 0px auto;
			position : relative;
		}
		
		h1 {
			display : none;
		}
		
		#header {
			background : url('../img/header_bg.jpg') no-repeat top center;
			height : 202px;
		}
		
		.panel {
			background : url('../img/panel_bg.jpg') no-repeat top center;
			padding : 40px 80px 0 80px;
			overflow : auto;
			clear : both;
			margin-top : 40px;
		}
		
		.panel h2 {
			font-size : 4em;
			margin-bottom : 5px;
		}
		
		.panel p {
			font-size : 1.4em;
			line-height : 150%;
			margin-bottom : 20px;
		}
		
		.panel .leftcol {
			width : 386px;
			float : left;
			margin-right : 20px;
		}
		
		.panel .rightcol {
			width : 384px;
			float : left;
		}
		
		.panel .clear {
			clear : both;
		}
				
		.panel#gallery ul {
			list-style : none;
		}

		.panel#gallery li {
			background : url('../img/gallery_img_bg.jpg') no-repeat top left;
			width : 146px;
			height : 110px;
			float : left;
			margin : 0 14px 14px 0; 
		}
		
		.panel#gallery li a img {
			border : 0px;
		}
		
		.panel#gallery li img {
			padding : 5px;
			width : 136px;
			height : 100px;
			border : 0px;
		}

		.panel#casefiles ul {
			list-style : none;
		}
		
		.panel#casefiles li {
			margin-bottom : 1em;
		}
		
		.panel#casefiles li a {
			font-size : 1.4em;
			color : #d2a531;
		}
		
		/* main nav */
			#mainnavholder {
				background : url('../img/panel_bg.jpg') no-repeat top center;
				width : 100%;
				padding-top : 2px;
			}
			
			#mainnav {
				background : url('../img/nav_divider.jpg') no-repeat top left;
				list-style : none;
				margin-left : 219px;
				padding-left : 2px;
				height : 50px;
			}
			
			#mainnav li {
				background : url('../img/nav_divider.jpg') no-repeat top right;
				float : left;
			}
			
			#mainnav li a {
				text-indent : -9999px;
				display : block;
				margin : 0 2px 0 0;
			}
			
			#mainnav li a:hover {
					
			}
			
			#mainnav li#link_cctv a {
				background : url('../img/nav_cctv.jpg') no-repeat center center;
				width : 126px;
				height : 48px;
			}
						
			#mainnav li#link_history a {
				background : url('../img/nav_history.jpg') no-repeat center center;
				width : 125px;
				height : 48px;
			}
			
			#mainnav li#link_casestudies a {
				background : url('../img/nav_casestudies.jpg') no-repeat center center;
				width : 178px;
				height : 48px;
			}
						
			#mainnav li#link_gallery a {
				background : url('../img/nav_gallery.jpg') no-repeat center center;
				width : 119px;
				height : 48px;
			}
			
			/* Hover states */
				#mainnav li#link_cctv a:hover {
					background : url('../img/nav_cctv_on.jpg') no-repeat center center;
				}
				
				#mainnav li#link_history a:hover {
					background : url('../img/nav_history_on.jpg') no-repeat center center;
				}
				
				#mainnav li#link_casestudies a:hover {
					background : url('../img/nav_casestudies_on.jpg') no-repeat center center;
				}
				
				#mainnav li#link_gallery a:hover {
					background : url('../img/nav_gallery_on.jpg') no-repeat center center;
				}
		
		/* Headers */
			.panel#hello {
				margin-top : 0px;
			}
			
			.panel#hello h2 {
				background : url('../img/h2_hello.jpg') no-repeat top left;
				width : 91px;
				height : 34px;
				text-indent : -9999px;
			}
			
			.panel#cctv h2 {
				background : url('../img/h2_cctv.jpg') no-repeat top left;
				width : 116px;
				height : 30px;
				text-indent : -9999px;
			}
			
			.panel#history h2 {
				background : url('../img/h2_history.jpg') no-repeat top left;
				width : 116px;
				height : 42px;
				text-indent : -9999px;
			}
			
			.panel#casefiles h2 {
				background : url('../img/h2_casefiles.jpg') no-repeat top left;
				width : 152px;
				height : 30px;
				text-indent : -9999px;
			}
			
			.panel#gallery h2 {
				background : url('../img/h2_gallery.jpg') no-repeat top left;
				width : 108px;
				height : 42px;
				text-indent : -9999px;
			}
			
			#lightswitchholder {
				margin-top : 10px;
			}
			
	/* Accessible links - Hide from visual browsers */
		#accessiblelinks {
			display : none;
		}
		
		/* SLIMBOX */
		#lbOverlay {
			position: fixed;
			z-index: 9999;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: #000;
			cursor: pointer;
		}
		
		#lbCenter, #lbBottomContainer {
			position: absolute;
			z-index: 9999;
			overflow: hidden;
			background-color: #fff;
		}
		
		.lbLoading {
			background: #fff url('../img/loading.gif') no-repeat center;
		}
		
		#lbImage {
			position: absolute;
			left: 0;
			top: 0;
			border: 10px solid #fff;
			background-repeat: no-repeat;
		}
		
		#lbPrevLink, #lbNextLink {
			display: block;
			position: absolute;
			top: 0;
			width: 50%;
			outline: none;
		}
		
		#lbPrevLink {
			left: 0;
		}
		
		#lbPrevLink:hover {
			background: transparent url('../img/prevlabel.gif') no-repeat 0 15%;
		}
		
		#lbNextLink {
			right: 0;
		}
		
		#lbNextLink:hover {
			background: transparent url('../img/nextlabel.gif') no-repeat 100% 15%;
		}
		
		#lbBottom {
			font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			font-size: 10px;
			color: #666;
			line-height: 1.4em;
			text-align: left;
			border: 10px solid #fff;
			border-top-style: none;
		}
		
		#lbCloseLink {
			display: block;
			float: right;
			width: 66px;
			height: 22px;
			background: transparent url('../img/closelabel.gif') no-repeat center;
			margin: 5px 0;
			outline: none;
		}
		
		#lbCaption, #lbNumber {
			margin-right: 71px;
		}
		
		#lbCaption {
			font-weight: bold;
		}
		
		#reveal {
			position : absolute;
			top : 0;
			left : 0;
		}