body{
	background-color: #85B0AE;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Arial, Helvetica, sans-serif;
}

#skip-to-main{
	display: none;
}

h1, h2, h3, h4, h5{
	margin: 0;
	padding: 0;
	font-weight: 400;
}

h1, h2, h3{
	/*font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;*/
}

#top_reason-container,
#ten_reasons-container,
#our_vacancies-container,
#main_body-container,
#portfolio-container,
#our_clients-container,
#page_footer-container,
#treasure_main-container{
	position: relative;
	width: 100%;
	z-index: 10;
	min-width: 960px;
}

#main-container{
	margin-top: -1286px;
	/*margin-top: 0;*/
}

	.locker{
		position: absolute;
		background: url(../img/treasure-bg.png) 0px 0px no-repeat;
		width: 67px;
		height: 72px;
		top: -32px;
		left: 900px;
		cursor: pointer;
		z-index: 20;
		text-indent: -9999px;
	}

	/* --- BURIED TREASURE --- */
	
	#treasure_main-container{
		background: url(../img/treasure_container-bg.jpg) bottom center repeat-x;
		height: 0px;
		overflow: hidden;
	}
	
		#treasure_main-block{
			position: relative;
			overflow: auto;
			display: none;
		}
	
		#treasure_main-block div{
			padding: 18px 0;
		}
		
		#treasure_main-block .info{
			width: 380px;
			height: 200px;
			padding: 42px 42px 42px 36px;
			margin: 18px 10px;
			color: #443d35;
		}
		
		#treasure_main-block h2{
			font-size: 2.26em;
			margin: 0 0 12px 0;
		}
		
		#treasure_main-block a{
			color: #443d35;
		}


	/* --- TOP REASON --- */
	
	#top_reason-container{
		position: relative;
		height: 395px;
		background: url(../img/top_reason-bg.jpg) top center repeat-x;
		background-color: #484d51;
		color: #fff;
		z-index: 20;
	}

		#top_reason-block{
			position: relative;
			height: 395px;
		}

		#top_reason-block h2{
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			font-size: 1.8em;
			text-transform: uppercase;
			margin: 32px 0 10px 0;
			padding: 0;
		}
		
		#top_reason-block h3{
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			font-size: 4em;
			text-transform: uppercase;
			margin: 12px 0 22px 0;
			padding: 0;
		}
		
		#top_reason-block .focus{
			font-size: 1.1em;
			margin: 0 0 22px 0;
			padding: 0 40px 0 0;
		}
		
		#top_reason-block .the-team{
			margin: 0 0 0 -10px;
			padding: 0;
			overflow: auto;
		}
		
		#top_reason-block .the-team li{
			display: block;
			float: left;
			width: 89px;
			height: 105px;
			background: url(../img/blank_polaroid_thumb-bg.png) 0px 0px no-repeat;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#top_reason-block .the-team li a{
			display: block;
			width: 66px;
			height: 68px;
			margin: 14px 0 0 12px;
			text-indent: -9999px;
			outline: none;
		}
		
		#top_reason-block .the-team li a.matt{
			background: url(../img/matt-thumb.jpg) left bottom no-repeat;
		}
		
		#top_reason-block .the-team li a.pete{
			background: url(../img/pete-thumb.jpg) left bottom no-repeat;
		}
		
		#top_reason-block .the-team li a.nathan{
			background: url(../img/nathan-thumb.jpg) left bottom no-repeat;
		}
		
		#top_reason-block .the-team li a.craig{
			background: url(../img/craig-thumb.jpg) left bottom no-repeat;
		}
		
		#top_reason-block .the-team li.active a,
		#top_reason-block .the-team li a:hover{
			background-position: top left;
		}
		
		/* --- STAFF BIO --- */
		
		#top_reason-block #staff-bio{
			font-size: 0.9em;
		}
		
			#top_reason-block #staff-bio #profile-picture{
				position: absolute;
				z-index: 22;
				top: 28px;
				left: -352px;
			}
		
			#top_reason-block #staff-bio p{
				line-height: 1.86em;
				margin: 0 0 12px 0;
			}
		
			#top_reason-block #staff-bio h4{
				font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
				font-size: 2.2em;
				margin: 32px 0 18px 0;
				padding: 0;
			}
			
			#top_reason-block #staff-bio h4 span{
				display: block;
				font-size: 0.7em;
			}
			
			#top_reason-block #staff-bio a.follow-on-twitter{
				font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
				font-size: 1.8em;
				text-decoration: none;
				margin: 0;
				padding: 0;
				color: #ee6514;
			}

	/* --- TEN REASONS --- */

	#ten_reasons-container{
		background: url(../img/ten_reasons-bg.jpg) top center repeat-x;
		height: 524px;
	}

		#ten_reasons-block{
			position: relative;
		}


		#ten_reasons-block h2{
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			font-size: 1.8em;
			text-transform: uppercase;
			color: #12526d;
			margin: 26px 0 0 0;
			padding: 0;
		}
		
		#ten_reasons-block .reasons-to-come{
			position: relative;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		
		#ten_reasons-block .reasons-to-come li{
			position: absolute;
			width: 120px;
			list-style: none;
			margin: 0;
			padding: 0;
			font-size: 0.9em;
			z-index: 20;
			color: #12526d;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-1{
			top: 132px;
			left: -12px;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-2{
			top: 292px;
			left: 122px;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-3{
			width: 80px;
			top: 336px;
			left: 306px;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-4{
			width: 180px;
			top: 202px;
			left: 192px;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-5{
			top: 42px;
			left: 272px;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-6{
			width: 108px;
			top: 22px;
			left: 472px;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-7{
			width: 80px;
			top: 172px;
			left: 622px;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-7 span{
			margin-left: -120px;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-8{
			top: 306px;
			left: 672px;
		}
		
		#ten_reasons-block .reasons-to-come li.reason-9{
			top: 122px;
			left: 722px;
		}
		
		#ten_reasons-block .reasons-to-come li.top-reason{
			display: block;
			position: absolute;
			top: -60px;
			left: 743px;
			z-index: 20;
		}
		
		#ten_reasons-block .reasons-to-come li.top-reason a{
			display: block;
			width: 124px;
			height: 90px;
			padding: 12px 70px 12px 20px;
			color: #ee5700;
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			font-size: 1.6em;
			line-height: 1.4em;
			text-decoration: none;
			background: url(../img/top_reason_button-bg.gif) top left no-repeat;
		}
		
		#ten_reasons-block .reasons-to-come li.top-reason a:hover{
			background-position: bottom left;
		}
		
		#ten_reasons-block .reasons-to-come li span{
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			display: block;
			font-size: 1.56em;
			margin: 0 0 12px 0;
			padding: 0;
		}


	/* --- OUR VACANCIES --- */

	#our_vacancies-container{
		background: url(../img/our_vacancies-bg.jpg) top center no-repeat;
	}
	
		#our_vacancies-block{
			position: relative;
			height: 412px;
			color: #fff;
		}
		
		#our_vacancies-block p{
			font-size: 0.92em;
		}
		
		#our_vacancies-block h2{
			position: absolute;
			width: 125px;
			height: 31px;
			top: -12px;
			left: -18px;
			background: url(../img/vacancies_header-bg.png) 0px 0px no-repeat;
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			font-size: 1.8em;
			color: #687b79;
			text-transform: uppercase;
			padding: 26px 36px;
			z-index: 20;
		}
		
		#our_vacancies-block a.job-button{
			display: block;
			position: absolute;
			width: 255px;
			height: 254px;
			top: 78px;
			left: -32px;
			margin: 0;
			padding: 0;
			background: url(../img/jobs_button-bg.png) 0px 0px no-repeat;
			z-index: 20;
			text-indent: -9999px;
			outline: none;
		}
		
		#our_vacancies-block h3{
			margin: 32px 0 20px 0;
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			font-size: 1.56em;
		}
		
		#our_vacancies-block .outline{
			font-family: "felt-tip-roman-1","felt-tip-roman-2", Verdana, Geneva, sans-serif;
			font-size: 1.36em;
		}
		
		#our_vacancies-block .disturb-us{
			font-size: 1.36em;
			color: #fff;
		}
		
		#our_vacancies-block h4{
			font-size: 1.6em;
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			line-height: 1.36em;
			margin-bottom: 18px;
		}
		
		#our_vacancies-block h4 a.convince-me{
			display: block;
			width: 124px;
			height: 56px;
			padding: 80px 120px 0 0;
			margin: 28px 0 20px 0;
			background: url(../img/still_need_convincing_button-bg.png) 0px 0px no-repeat;
			color: #fff;
			text-decoration: none;
		}
		
		
	/* --- MAIN BODY --- */	

	#main_body-container{
		background: url(../img/main_body-bg.jpg) top center no-repeat;
	}
		#main_body-block{
			position: relative;
			height: 762px;
		}
		
		#main_body-block h1{
			background: url(../img/panoetic-logo.png) 0px 0px no-repeat;
			width: 269px;
			height: 61px;
			text-indent: -9999px;
			margin: 30px 0 0 0;
		}
		
		#main_body-block h2{
			font-size: 2.2em;
			color: #5c5a52;
			margin: 12px 0;
		}
		
		#main_body-block .intro-main,
		#main_body-block .intro-sub{
			font-size: 1.32em;
			color: #797364;
			padding: 58px 0 18px 0;
		}
		
		#main_body-block .were_hiring{
			position: absolute;
			display: block;
			width: 386px;
			height: 278px;
			top: -40px;
			left: 656px;
			background: url(../img/jobs_were-hiring.png) 0px 0px no-repeat;
			text-indent: -9999px;
			z-index: 20;
		}
		
		#main_body-block .contact-info{
			font-family: "felt-tip-roman-1","felt-tip-roman-2", Verdana, Geneva, sans-serif;
			position: absolute;
			z-index: 26;
			top: 136px;
			left: 726px;
		}
		
		#main_body-block .contact-info,
		#main_body-block .contact-info li{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#main_body-block .contact-info li.telephone-number{
			font-size: 1.8em;
			color: #5c5a52;
		}
		
		#main_body-block .contact-info li.email-address,
		#main_body-block .contact-info li.twitter{
			font-size: 1.6em;
		}
		
		#main_body-block .contact-info li.email-address a{
			text-decoration: none;
			color: #db6b2b;
		}
		
		#main_body-block .contact-info li.twitter a{
			text-transform: lowercase;
			text-decoration: none;
			color: #608fa5;
		}
		
		/* --- Portfolio Thumbnails --- */
		
		#main_body-block .portfolio-overview{
			position: absolute;
			width: 960px;
			height: 480px;
			background: url(../img/portfolio_thumbs-bg.png) 0px 0px no-repeat;
			top: 228px;
			left: -10px;
			margin: 0;
			padding: 15px 10px 10px 10px;
			z-index: 20;
		}
		
		#main_body-block .portfolio-overview li{
			display: block;
			float: left;
			width: 130px;
			height: 130px;
			overflow: hidden;
			margin: 10px 15px 20px 15px;
			padding: 0;
			background: url(../img/portfolio_thumb-bg.png) 0px 0px no-repeat;
		}
		
		#main_body-block .portfolio-overview li.grid_4{
			width: 290px;
		}
		
		#main_body-block .portfolio-overview li.grid_3{
			width: 210px;
		}
		
		#main_body-block .portfolio-overview li.last{
			margin-right: 0;
		}
		
		#main_body-block .portfolio-overview li div{
			display: block;
			margin: 0;
			padding: 0;
		}
		
		#main_body-block .portfolio-overview li .pt-image{
			height: 150px;
			margin-top: -20px;
			overflow: hidden;
		}
		
		#main_body-block .portfolio-overview li .pt-image div{
			width: 100%;
			height: 150px;
			background-color: #d7d4c4;
		}
		
		#main_body-block .portfolio-overview li .pt-info{
			height: 150px;
			color: #fff;
			overflow: hidden;
		}
		
		#main_body-block .portfolio-overview li .pt-info div{
			width: 100%;
			height: 150px;
			background-color: #d7d4c4;
		}
		
		#main_body-block .portfolio-overview li .pt-info div h3{
			font-size: 1.2em;
			padding: 8px 10px;
			color: #5c5a52;
			line-height: 1.5em;
		}
		
		#main_body-block .portfolio-overview li .pt-info div p{
			font-size: 0.86em;
			color: #5c5a52;
			padding: 0 10px;
			margin: 0 0 12px 0;
		}
	
		/* --- Portfolio Main Block --- */
	
		#main_body-block .portfolio-main-outer{
			position: absolute;
			top: 0px;
			left: -20px;
			width: 980px;
			margin: 712px 0 0 10px;
			height: 0px;
			overflow: hidden;
			z-index: 32;
		}
		
		#main_body-block .portfolio-main{
			position: relative;
			background: url(../img/portfolio_main-bg.png) 0px 0px no-repeat;
			width: 900px;
			height: 452px;
			padding: 25px 40px;
			color: #5c5a52;
		}
		
		#main_body-block .portfolio-main .casestudy-images{
			float: left;
			width: 440px;
		}
		
		#main_body-block .portfolio-main .casestudy-images .main-cs-image{
			width: 440px;
			height: 258px;
			background: url(../img/safari-bg.png) 0px 0px no-repeat;
			padding: 33px 0 7px 0;
		}
		
		#main_body-block .portfolio-main .casestudy-images .sub-cs-images a{
			float: left;
			display: block;
			margin: 28px 18px 0 0;
			padding: 0;
			line-height: 0;
			border: 5px solid #fff;
		}
		
		#main_body-block .portfolio-main .casestudy-images .sub-cs-images a.first{
			margin-right: 19px;
		}
		
		#main_body-block .portfolio-main .casestudy-images .sub-cs-images a.last{
			margin-right: 0;
		}
		
		#main_body-block .portfolio-main .casestudy-info{
			float: right;
			width: 404px;
			height: 387px;
			font-size: 1.1em;
			background-color: #fbfaf2;
			padding: 18px;
		}
		
		#main_body-block .portfolio-main .casestudy-info h4{
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			color: #5c5a52;
		}
		
		#main_body-block .portfolio-main .casestudy-info h4.main{
			text-transform: uppercase;
		}
		
		#main_body-block .portfolio-main .casestudy-info blockquote{
			font-size: 1.2em;
			line-height: 1.2em;
			background: url(../img/client_quote-bg.png) 0px 0px  no-repeat;
			padding-left: 48px;
		}
		
		
		
		
		#main_body-block .portfolio-main .close-casestudy{
			position: absolute;
			border: 1px solid #f00;
			top: 418px;
			left: 910px;
			z-index: 40;
		}
		
		#main_body-block .portfolio-main .close-casestudy a{
			display: block;
			width: 29px;
			height: 29px;
			text-indent: -9999px;
		}
	
	/* --- OUR CLIENTS --- */

	#our_clients-container{
		height: 365px;
		background: url(../img/our_clients-block.jpg) top center repeat-x;
	}
	
		#our_clients-block{
			height: 365px;
			position: relative;
		}
		
		#our_clients-block h2{
			font-family: "salsbury-1", "salsbury-2", Verdana, Geneva, sans-serif;
			font-size: 1.8em;
			color: #fff;
			margin: 18px 0 0 0;
			text-shadow: #2B1E13 2px 2px 2px;
		}
		
		#our_clients-block .panoetic-clients,
		#our_clients-block .panoetic-clients li{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#our_clients-block .panoetic-clients{
			text-align: center;
			padding: 0;
		}
		
		#our_clients-block .panoetic-clients li{
			height: 76px;
			text-indent: -9999px;
			display: inline-block;
			margin: 8px 8px 18px 8px;
		}
		
		.university-of-cambridge{
			background: url(../clients/university_of_cambridge.png) 0px 0px no-repeat;
			width: 166px;
		}
		
		.edelman{
			background: url(../clients/edelman.png) 0px 0px no-repeat;
			width: 146px;
		}
		
		.numiko{
			background: url(../clients/numiko.png) 0px 0px no-repeat;
			width: 46px;
		}
		
		.cameron{
			background: url(../clients/cameron_graduates.png) 0px 0px no-repeat;
			width: 201px;
		}
		
		.nhs{
			background: url(../clients/nhs.png) 0px 0px no-repeat;
			width: 120px;
		}
		
		.akbars{
			background: url(../clients/akbars.png) 0px 0px no-repeat;
			width: 166px;
		}
		
		.uclm{
			background: url(../clients/uclm.png) 0px 0px no-repeat;
			width: 103px;
		}
		
		.midwich{
			background: url(../clients/midwich.png) 0px 0px no-repeat;
			width: 124px;
		}
		
		.faiths-forum{
			background: url(../clients/faiths_forum.png) 0px 0px no-repeat;
			width: 127px;
		}
		
		.eml{
			background: url(../clients/eml.png) 0px 0px no-repeat;
			width: 99px;
		}
		
		.university-of-bradford{
			background: url(../clients/bradford_university.png) 0px 0px no-repeat;
			width: 141px;
		}
		
		.destination-bradford{
			background: url(../clients/destination_bradford.png) 0px 0px no-repeat;
			width: 135px;
		}
		
		.webmotion{
			background: url(../clients/webmotion.png) 0px 0px no-repeat;
			width: 73px;
		}
		
		.aspire-i{
			background: url(../clients/aspire_i.png) 0px 0px no-repeat;
			width: 89px;
		}
		
		.harmonicas-direct{
			background: url(../clients/harmonicas_direct.png) 0px 0px no-repeat;
			width: 184px;
		}
		
		.gumption{
			background: url(../clients/gumption.png) 0px 0px no-repeat;
			width: 111px;
		}
		
		.mine-creative{
			background: url(../clients/mine_creative.png) 0px 0px no-repeat;
			width: 87px;
		}
		
		.watermark{
			background: url(../clients/watermark.png) 0px 0px no-repeat;
			width: 113px;
		}
		
	/* --- PAGE FOOTER --- */

	#page_footer-container{
		height: 141px;
		background: url(../img/page_footer-bg.png) 0px 0px repeat-x;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
		#page_footer-block{
			height: 141px;
			position: relative;
		}
		
		#page_footer-block p.panoetic-info,
		#page_footer-block p.copyright{
			font-size: 0.8em;
			color: #fff;
			margin: 0;
			padding: 2px 0 3px 0;
		}
		
		#page_footer-block p.copyright{
			color: #85b0ae;
		}
		
		#page_footer-block ul{
			position: relative;
			display: block;
			margin: 0;
			padding: 26px 0 0 0;
			list-style: none;
		}
		
		#page_footer-block li{
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			color: #fff;
		}
		
		#page_footer-block li.business-link{
			padding: 22px 40px 22px 60px;
			background: url(../img/business-link_logo.png) 0px 0px no-repeat;
		}
		
		#page_footer-block li.yh-approved-supplier{
			width: 180px;
			padding: 12px 20px 12px 172px;
			background: url(../img/yh_logo.png) 0px 0px no-repeat;
		}
		
		#page_footer-block li.inf-arch{
			width: 172px;
			height: 59px;
			background: url(../img/inf_arch-logo.png) 0px 0px no-repeat;
			text-indent: -9999px;
		}