@charset "utf-8";



/*
START HTML
--------------------------------------------------------------------------------------- */

* { 
	margin: 0 auto; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	line-height: 1.2em; 
	background: #fff; 
	color: #333; 
}


html, body { 
	z-index: 0; 
	/* background: url(../_img/___page-layout.gif) repeat-x; */ 
}


h1 { 
	position: absolute; 
	width: 495px; 
	height: 110px; 
	left: 0; 
	top: 70px; 
	left: 0; 
	font-size: 1.6em; 
}


h1 span { 
	position: absolute; 
	display: block; 
	z-index: 2; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	width: 495px; 
	height: 110px; 
	margin: 0; 
	background: url(../_img/logo-conference.gif); 
}


h2 { 
	width: 500px; 
	margin-bottom: 1em; 
	font-size: 1.3em; 
	font-weight: bold; 
	letter-spacing: -0.05em; 
	color: #242661; 
}


h3 { 
	color: #242661; 
	margin: 1em 0; 
	font-size: 1.1em; 
	line-height: 1em; 
	font-weight: bold; 
	letter-spacing: -0.05em; 
}


h4 { 
	color: #242661; 
	margin: 1em 0; 
	font-size: 1em; 
	font-weight: bold; 
	letter-spacing: -0.05em; 
}


p { 
	/*position: relative;*/ 
	z-index: 2; 
	margin: 1em 0; 
	font-size: 0.9em; 
	line-height: 1.3em 
}

ul { 
	list-style: none; 
}

.ul { 
	list-style: url(../_img/pointer1.gif); 
	margin-left: 20px; 
}


.li { 
		padding-bottom: 5px; font-size: 0.9em; 
}

dl { 
	margin-left: 0px; 
}


dt { 
	font-weight: bold; 
	 font-size: 0.9em;
	color: #242661; 
	padding-left: 20px; 
	background: url(../_img/pointer1.gif) 5px 6px no-repeat !important; 
}


dd { 
	padding-left: 20px;  font-size: 0.9em;
}

a { 
	color: #242661; 
}

a:hover { 
	color: #01A5E4; 
}


strong { 
	font-size: inherit !important;
	line-height: inherit !important; 
}


abbr { 
	text-decoration: none; 
	border: none; 
}


a abbr { 
	text-decoration: underline; 
	color: #242661; 
}


br.linebreak { 
	margin-bottom: 1em; 
}


fieldset {
	font-size: 0.9em;
	border: none;
	margin: 1em auto;
}


input, textarea {
	border: 1px solid #aaa;
}

input[type="radio"] {
	border: none;
}


.transcript {
	display: block;
	margin: 0.8em 0;
	font-size: 0.85em;
	font-weight: bold;
}


/*
END HTML
--------------------------------------------------------------------------------------- */



























/*
START SITEWIDE
--------------------------------------------------------------------------------------- */


.gotop { 
	float: right; 
	margin-bottom: 2em; 
}


#wrapper { 
	position: relative; 
	width: 500px; 
	/*min-height: 1600px; 
	height: 1600px;*/ 
	padding: 280px 290px 950px 180px; 
	z-index: 1; 
}


#skip { 
	position: absolute; 
	left: 0; 
	top: 24px; 
	width: auto; 
	height: 29px; 
	line-height: 29px; 
	z-index: 0; 
}


#skip span { 
	position: absolute; 
	display: block; 
	z-index: 2; 
	width: auto; 
	height: auto; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
}


#register-now { 
	position: absolute; 
	z-index:10; 
	top: 77px; 
	right: 0; 
	width: 245px; 
	height: 90px; 
	background: url(../_img/register-now.jpg) no-repeat; 
}


#register-now h3 { 
	padding: 14px 0 2px 45px; 
	margin: 0; 
	font-size: 1.4em; 
	background: none; 
}


#register-now h3 a { 
	padding: 0; 
	margin: 0; 
	line-height: 1em; 
	color: #333; 
	background: none; 
	text-decoration: none; 
}


#register-now h3 a:hover {
	color: #BE3741;	
}


#register-now p { 
	padding: 0 40px 0 45px; 
	margin: 0; 
	font-size: 0.76em; 
	line-height: 1em; 
	background: none; 
	color: #333;
}



.main-menu { 
	position: absolute; 
	z-index: 10; 
	top: 200px; 
	right: 0; 
	width: 737px; 
	height: 29px; 
	line-height: 29px; 
}


.main-menu { 
	background: url(../_img/bg-main-menu-end.gif) right top no-repeat; 
}


.main-menu ul { 
	list-style: none; background: url(../_img/bg-main-menu.gif) repeat-x; 
	width: 732px; 
	height: 29px; 
}


.main-menu ul li { 
	display: block; 
	width: auto; 
	padding: 0; 
	float: left; 
	line-height: 29px; 
	background: none; 
}


.main-menu ul li a { 
	display: block; 
	float: left; 
	color: #fff !important; 
	height: 29px; 
	line-height: 27px; 
	padding: 0 20px 0 10px; 
}


.main-menu ul li a { 
	background: url(../_img/chevron.gif) right top no-repeat #01a5e4; 
	text-decoration: none; 
}


.main-menu ul li a { 
	font-size: 0.85em; 
	font-weight: bold; 
}


#main-menu a:hover { 
	background: url(../_img/chevron-hover-4.gif) right top no-repeat !important; 
}


#date { 
	position: absolute;
	z-index: 11;
	top: 200px; 
	left: 0; 
	width: 216px;  
	height: 29px;
	margin: 0; 
	padding: 0;
	font-size: 1em;
}

#the-date {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 216px;
	background: url(../_img/chevron-hover-5.gif) right top no-repeat #fff;
	color: #242661; 
	font-weight: bold; 
	font-size: 1em;
	line-height: 29px; 
	padding: 0 20px 0 0; 
}


#content-mask { 
	position: absolute; 
	z-index: 9; 
	top: 280px; 
	left: 180px; 
	width: 500px; 
	height: 1450px; 
}

#location { 
	position: absolute; 
	z-index:10; 
	top: 280px; 
	left: 0; 
	width: 160px; 
	height: 110px; 
	color: #000; 
	font-size: 0.95em; 
	font-weight: bold; 
	text-align: left; 
}


#location h3 { 
	margin-top: 0; 
}


#location p { 
	margin: 0.5em 0 0 0; 
}


#location a { 
	font-weight: normal; 
}


#location div { 
	width: 140px; 
	padding-right: 20px; 
}


#location span { 
	display: block; 
	font-size: 1.2em; 
	letter-spacing: -0.05em; 
}

#triologos { 
	position: absolute; 
	z-index: 10; 
	right: 0; 
	bottom: 160px; 
	left: 0; 
	width: 970px; 
	height: 30px; 
	text-align: center; 
}


#triologos span { 
	position: absolute; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	width: 970px; 
	height: 30px; 
	background:url(../_img/logo-3logos.gif) no-repeat center center; 
}

#footer-menu { 
	position: absolute; 
	z-index: 10; 
	right: 0; 
	bottom: 80px; 
	left: 0; 
	width: 970px; 
	text-align: center; 
}


#footer-menu a { 
	font-size: 0.95em; 
}


#footer { 
	position: absolute; 
	z-index: 10; 
	right: 0; 
	bottom: 40px; left: 0; width: 970px; text-align: center; font-size: 0.8em; 
}


#feedback-wrapper { 
	position: absolute; 
	z-index: 0;  
	bottom: 145px; 
	left: 180px; 
	width: 450px; 
	padding: 10px;
	border: 1px solid #242661;
}


#feedback-wrapper p { 
	font-size: 0.9em; 
}


#feedback-statement { 
	position: absolute; 
	z-index: 11; 
	bottom: 145px; 
	left: 0; 
	width: 160px; 
	font-size: 0.9em; 
	font-weight: normal; 
}


.input-header {
	display: block;
	float: left;
	width: 120px;
}


.important {
	color: #f00;
}


#f-close {
	position: absolute;
	z-index: 1;
	top: 2px;
	right: 2px;
	width: 18px;
	height: 18px;
	background: url(../_img/close.gif) no-repeat top right;
	font-weight: bold;
	color: #242661;
	cursor: pointer;
}


#f-close:hover {
	background: url(../_img/close2.gif) no-repeat top right;
	color: #01A5E4;
}


#mask { 
	position: absolute; 
	z-index: 9; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	width: 500px; 
	height: 950px; 
	margin: 0 280px 0 180px; 
}


#counter { 
	position: absolute; 
	display: block; 
	z-index: 20;
	/*top: 410px;*/ 
	left: 0; 
	width: 180px; 
	height: 50px; 
	margin:0;
	padding: 0;
	font-weight: bold; 
	color: #242661; 
	font-size: 0.9em; 
}


#youtube { 
	position: absolute; 
	display: block; 
	z-index: 5; 
	left: 0; 
	/*top: 480px;*/ 
	width: 180px; 
	height: 260px; 
}


#youtube #youtube-intro { 
	position: absolute; 
	z-index: 0; 
	top: 0; 
	right: 40px; 
	bottom: 0; 
	left: 0; 
	font-size: 0.8em; 
}


#youtube a#video-one { 
	position: absolute; 
	display: block; 
	z-index: 5; 
	left: 0; 
	top: 0; 
	right: 0; 
	width: 140px; 
	height: 30px; 
	padding: 90px 40px 10px 0; 
	background: url(../_img/youtube-thumb-1.jpg) no-repeat #fff; 
	font-size: 0.8em; 
}


#youtube a#video-two { 
	position: absolute; 
	display: block; 
	z-index: 5; 
	left: 0; 
	top: 130px; 
	right: 0; 
	width: 140px; 
	height: 30px; 
	padding: 90px 40px 10px 0; 
	background: url(../_img/youtube-thumb-2.jpg) no-repeat #fff;
	font-size: 0.8em; 
}


#youtube a:hover abbr {
	color: #01a5e4; 
}


#youtube-channel-1 { 
	position: absolute; 
	z-index: 1; 
	top: 266px; 
	left: 180px; 
	width: 470px; 
	height: 370px; 
	padding: 25px 15px; 
	background: url(../_img/youtube-channel-bg.png) bottom repeat-x; 
}


#youtube-channel-2 { 
	position: absolute; 
	z-index: 1; 
	top: 266px; 
	left: 180px; 
	width: 470px; 
	height: 370px; 
	padding: 25px 15px; 
	background: url(../_img/youtube-channel-bg.png) bottom repeat-x ; 
}


.ytc-close { 
	position: absolute; 
	display: block; 
	z-index: 2; 
	top: 2px; 
	right: 2px; 
	width: 18px; 
	height: 18px; 
	background: url(../_img/close.gif) right no-repeat; 
	font-weight: bold; 
	color: #242661; 
	cursor: pointer; 
}


.ytc-close:hover { 
	background: url(../_img/close2.gif) right no-repeat; 
	color: #01a5e4; 
}


#go-youtube { 
	position: absolute; 
	z-index: 10; 
	left: 0; 
	/*top: 1490px;*/ 
	width: 140px; 
	height: 85px; 
}


#go-youtube a { 
	position: absolute; 
	z-index: 1; 
	left: 0; 
	top: 0; 
	width: 140px; 
	height: 35px; 
	padding-top: 50px; 
	background: url(../_img/logo-youtube.gif) no-repeat; 
	font-size: 0.8em; 
}


#twitter { 
	position: absolute; 
	z-index: 10; 
	left: 0; 
	/*top: 1610px;*/ 
	width: 160px; 
	height: 85px; 
}


#twitter a { 
	position: absolute; 
	z-index: 1; 
	left: 0; 
	top: 0; 
	width: 100px; 
	height: 85px; 
	padding: 7px 0 0 57px; 
	background: url(../_img/logo-twitter.gif) no-repeat; 
	font-size: 0.8em; 
}


#linkedin { 
	position: absolute; 
	top: 24px; 
	left: 0; 
	width: 560px; 
	height: 29px; 
	line-height: 29px; 
	padding: 0 0 0 120px; 
	margin-right: auto; 
	z-index: 1; 
	background: url(../_img/logo-linkedin.gif) 0 0 no-repeat; 
}


.ticker { 
	position: absolute; 
	z-index: 10;
	top: 24px; 
	left: 0; 
	width: 970px; 
	height: 30px; 
	line-height: 29px; 
	padding: 0;
	margin: 0;
	font-size: 1.05em;
	color: #242661;
}


.rolling-news a {
	font-weight: normal;
}


#linkedin span { 
	line-height: 29px; 
	font-size: 0.8em; 
	font-weight: bold; 
}


#linkedin a { 
	line-height: 29px; 
}


#supporters { 
	position: absolute; 
	z-index:10; 
	/*top: 760px;*/ 
	left: 0; 
	margin-right: auto; 
	width: 140px; 
	height: 575px; 
	padding-right: 20px; 
}


#supporters .supporter { 
	position: relative; 
	z-index: 0; 
	display: block; 
	margin: 20px 0; 
	overflow: hidden; 
}


#supporters h4 { 
	font-size: 1.1em;
	margin-top: 0; 
}


.goto { 
	cursor: pointer; 
}


#supporters #bbc { 
	width: 75px; 
	height: 22px; 
}


#supporters #bbc span { 
	position: absolute; 
	display: block; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 75px; 
	height: 22px; 
	background: url(../_img/logo-bbc.gif); 
}


#supporters #channel4 { 
	width: 75px; 
	height: 75px; 
}


#supporters #channel4 span { 
	position: absolute; 
	display: block; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 75px; 
	height: 75px; 
	background: url(../_img/logo-ch4.gif); 
}


#supporters #itv { 
	width: 63px; 
	height: 45px; 
}


#supporters #itv span { 
	position: absolute; 
	display: block; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 63px; 
	height: 45px; 
	background: url(../_img/logo-itv.gif); 
}


#supporters #sky { 
	width: 84px; height: 45px; 
}


#supporters #sky span { 
	position: absolute; 
	display: block; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 84px; 
	height: 45px; 
	background: url(../_img/logo-sky.gif); 
}


#supporters #pact { 
	width: 75px; 
	height: 32px; 
}


#supporters #pact span { 
	position: absolute; 
	display: block; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 75px; 
	height: 32px; 
	background: url(../_img/logo-pact.gif); 
}


#supporters #radiocentre { 
	width: 90px; 
	height: 16px; 
}


#supporters #radiocentre span { 
	position: absolute; 
	display: block; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 90px; 
	height: 16px; 
	background: url(../_img/logo-rc.gif); 
}


#supporters #scbg { 
	width: 86px; 
	height: 110px; 
}


#supporters #scbg span { 
	position: absolute; 
	display: block; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 86px; 
	height: 110px; 
	background: url(../_img/logo-scbg.jpg); 
}

#supporters #wftv { 
	width: 75px; 
	height: 32px; 
	margin-bottom: 0; 
}


#supporters #wftv span { 
	position: absolute; 
	display: block; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 75px; 
	height: 32px; 
	background: url(../_img/logo-wftv.gif); 
}


#sponsors { 
	position: absolute; 
	top: 345px; 
	right: 0; 
	width: 270px; 
	height: auto; 
	text-align: center; 
}


#sponsors .sponsor { 
	position: relative; 
	z-index: 0; 
	display: block; 
	margin: 20px auto; 
	overflow: hidden; 
}


#sponsors #tata { 
	width: 150px; 
	height: 57px; 
}


#sponsors #tata span { 
	position: absolute; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 150px; 
	height: 57px; 
	background: url(../_img/logo-tis.gif); 
}


#sponsors #train2gain { 
	width: 100px; 
	height: 63px; 
}


#sponsors #train2gain span { 
	position: absolute; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 100px; 
	height: 63px; 
	background: url(../_img/logo-train2gain.gif); 
}

#sponsors #cegos { 
	width: 75px; 
	height: 75px; 
}

#sponsors #cegos span { 
	position: absolute; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 75px; 
	height: 75px; 
	background: url(../_img/logo-cegos.gif); 
}


#sponsors #cipd { 
	width: 75px; 
	height: 75px; 
}


#sponsors #cipd span { 
	position: absolute; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 75px; 
	height: 75px; 
	background: url(../_img/logo-cipd.gif); 
}


#sponsors #lumina { 
	width: 150px; 
	height: 56px; 
}


#sponsors #lumina span { 
	position: absolute; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 150px; 
	height: 56px; 
	background: url(../_img/lumina2.jpg); 
}


#sponsors #lewissilkin { 
	width: 100px; 
	height: 20px; 
}


#sponsors #lewissilkin span { 
	position: absolute; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 100px; 
	height: 20px; 
	background: url(../_img/logo-lewissilkin.gif); 
}


#rss { 
	position: absolute; 
	display: block; 
	/*top: 1400px;*/ 
	left: 0; 
	width: 100px; 
	padding: 0 40px 0 40px; 
	background: url(../_img/logo-rss.gif) no-repeat top left; 
	font-size: 0.8em; 
}


#what-is-rss { 
	position: absolute; 
	display: block; 
	/*top: 1460px;*/
	left: 0; 
	width: 180px; 
	font-size: 0.8em; 
}


#organisers { 
	position: absolute; 
	top: 280px; 
	right: 0; 
	width: 270px; 
	height: auto; 
	text-align: center; 
}


#organisers h3 { 
	margin: 0 auto; 
}


#organisers h4 { 
	position: relative; 
	z-index: 0; 
	display: block; 
	margin: 0 auto; 
	width: 180px; 
	height: 41px; 
}


#organisers h4 span { 
	position: absolute; 
	z-index: 2; 
	top: 0; 
	left: 0; 
	width: 180px; 
	height: 41px; 
	background: url(../_img/logo-btsr.gif) no-repeat; 
}


/*
END SITEWIDE
--------------------------------------------------------------------------------------- */


























/*
START INDEX
--------------------------------------------------------------------------------------- */


#index-heading { 
	position: absolute; 
	z-index: 0; 
	top: 280px;
	left: 180px;
}



#intro { 
	position: absolute; 
	z-index: 10; 
	top: 280px; 
	left: 180px; 
	width: 460px; 
	padding: 0 10px 0 10px; 
	margin-top: 0; 
	font-size: 1em; 
	color: #242661; 
}


#maggie { 
	position: absolute; 
	z-index: 10; 
	top: 425px; 
	left: 200px; 
	width: 300px; 
	padding-left: 130px; 
}


#maggie #maggie-photo { 
	position: absolute; 
	display: block; 
	top: 0; 
	left: 0; 
	width: 120px; 
	height: 128px; 
	background: url(../_img/maggie1.jpg) no-repeat; 
}


#maggie #show-biog { 
	text-decoration: underline; 
	color: #242661; 
	cursor: pointer; 
}


#maggie #show-biog:hover { 
	color: #01a5e4; 
}


#maggie-biog {
	position: absolute; 
	z-index: 1; 
	top: 438px; 
	left: 280px; 
	width: 318px; 
	padding: 10px 20px; 
	border: 1px solid #242661; 
}


#maggie-biog span { 
	position: absolute; 
	z-index: 1; 
	display: block; 
	top: 0; 
	right: 0; 
	width: 20px; 
	height: 20px; 
	border-top: 1px dotted #fff; 
}


#maggie-close { 
	position: absolute; 
	display: block; 
	z-index: 2; 
	top: 2px; 
	right: 2px; 
	width: 18px !important; 
	height: 18px; 
	background: url(../_img/close.gif) right no-repeat; 
	font-weight: bold; 
	color: #242661; 
	cursor: pointer; 
}


#maggie-close:hover { 
	background: url(../_img/close2.gif) right no-repeat; 
	color: #01a5e4; 
}

#after-conference {
	position: absolute;
	z-index: 11;
	top: 570px;
	left: 180px;
	width: 500px;
}


#themes {
	position: absolute; 
	z-index: 20; 
	top: /*820*/ 810px; 
	left: 180px; 
	width: 500px; 
}


#content-area-2 { 
	position: absolute; 
	z-index: 20; 
	top: 1105px; 
	left: 180px; 
	width: 500px; 
}


#panel { 
	position: absolute; 
	z-index: 10; 
	top: /*1722*/ 1065px; 
	left: 180px; 
	width: 500px; 
}


#panel-heading {
	color: #242661; 
	margin: 1em 0; 
	font-size: 1.1em; 
	line-height: 1em; 
	font-weight: bold; 
	letter-spacing: -0.05em; 
}


#comments { 
	position: absolute; 
	z-index:10; 
	top: /*835px*/ 870px; 
	right: 0; 
	width: 270px; 
}


.testimonial { 
	color: #242661; 
	padding-left: 10px; 
}


.quoter { 
	display: block;
	margin: 1em 0;
	margin-left: -10px;
	color: #01a5e4; 
	font-weight: bold; 
}


#programme { 
	position: absolute; 
	z-index:10; 
	top: /*1220px*/ 1255px; 
	right: 0; 
	width: 270px; 
}

#cost { 
	position: absolute; 
	top: /*1540px*/ 1575px; 
	right: 0; 
	width: 270px; 
}

#contact { 
	position: absolute; 
	z-index: 10; 
	top: /*1875px 1910px*/ 1250px; 
	right: 0; 
	width: 270px; 
}


#contact .email { 
	display: block; 
	margin: 0.2em 0; 
	font-size: 1.3em; 
	font-weight: bold; 
	letter-spacing: -0.03em; 
}


#contact .phone { 
	display: block; 
	margin: 0.2em 0; 
	font-size: 1.7em; 
	font-weight: bold; 
	letter-spacing: -0.03em; 
}


#why-organise { 
	position: absolute; 
	z-index: 10; 
	top: 625px; 
	left: 180px; 
	width: 500px; 
	height: auto;
}


#awards { 
	position: absolute; 
	z-index: 10; 
	right: 0; 
	bottom: 300px; 
	left: 0; 
}


#awards h2 { 
	width: 720px; 
	padding-left: 180px; 
	padding-right: 70px; 
}


#awards div { 
	position: relative; 
	width: 500px; 
	margin: 0 280px 0 180px; 
}


#awards span { 
	position: absolute; 
	top: -17px; 
	left: 0; 
	width: 125px; 
	height: 110px; 
	background: url(../_img/logo-nta.gif) no-repeat; 
}


#awards #award-winners { 
	position: absolute; 
	top: 50px; 
	right: 25px; 
	width: 240px; 
	padding: 185px 0 0 0; 
	background: url(../_img/award-winners.jpg) no-repeat; 
	font-size: 0.9em; 
}


/*
END INDEX
--------------------------------------------------------------------------------------- */




/*
START PROGRAMME
--------------------------------------------------------------------------------------- */

#key {
	position: absolute;
	z-index: 10;
	top: 320px;
	left: 180px;
	width: 500px;
	height: auto;
}

.keyclose { 
	position: absolute; 
	display: block; 
	z-index: 2; 
	top: 2px; 
	right: 2px; 
	width: 18px !important; 
	height: 18px; 
	background: url(../_img/close.gif) right no-repeat; 
	font-weight: bold; 
	color: #242661; 
	cursor: pointer; 
}


#key p { font-weight: normal; }

.psec { position: absolute; left: 180px; width: 480px; background: none; }


.psec h3 {
	font-size: 0.9em;
	letter-spacing: 0;
}

.psec h4 {
	font-size: 0.8em;
	letter-spacing: 0;
}

.keynote { text-decoration: underline; cursor: pointer; }
.keynote:hover { color: #01a5e4; }

#breakfast { z-index: 10; top: 430px; cursor: text; }
#welcomeby { z-index: 11; top: 480px; cursor: text; }
#keynote-one { z-index: 12; top: 530px; }

#simonwalker { position: absolute; z-index: 0; top: 550px; left: 280px; width: 320px; padding: 0 20px; background: #fff; border: 1px solid #333; }
#simonwalker .img-plot { display: block; float: left; width: 110px; height: 120px; }
#simonwalker img { position: absolute; display: block; z-index: 999; top: 20px; left: 20px; }

#workshop-one { z-index: 13; top: 560px; }
#workshop-two { z-index: 14; top: 590px; }
#workshop-three { z-index: 15; top: 620px; }

#coffee { z-index: 16; top: 660px; }

#workshop-four { z-index: 17; top: 690px; }
#workshop-five { z-index: 18; top: 737px; }
#workshop-six { z-index: 19; top: 767px; }

#lunch { z-index: 20; top: 824px; }
#keynote-two { z-index: 21; top: 854px; }

#clifffluet { position: absolute; z-index: 0; top: 874px; left: 280px; width: 320px; padding: 0 20px; background: #fff; border: 1px solid #333; }
#clifffluet .img-plot { display: block; float: left; width: 110px; height: 120px; }
#clifffluet img { position: absolute; display: block; z-index: 999; top: 20px; left: 20px; }

#workshop-seven { z-index: 22; top: 884px; }
#workshop-eight { z-index: 23; top: 914px; }
#workshop-nine { z-index: 24; top: 961px; }

#tea { z-index: 25; top: 1018px; }

#workshop-ten { z-index: 26; top: 1048px; }
#workshop-eleven { z-index: 27; top: 1095px; }
#workshop-twelve { z-index: 28; top: 1125px; }
#workshop-thirteen { z-index: 29; top: 1172px; }

#keynote-three { z-index: 30; top: 1229px; }

#nigelpaine2 { position: absolute; z-index: 0; top: 1249px; left: 280px; width: 320px; padding: 0 20px; background: #fff; border: 1px solid #333; }
#nigelpaine2 .img-plot { display: block; float: left; width: 110px; height: 120px; }
#nigelpaine2 img { position: absolute; display: block; z-index: 999; top: 20px; left: 20px; }

#conference-close { z-index: 31; top: 1279px; }
#reception { z-index: 32; top: 1309px; }
#award-ceremony { z-index: 33; top: 1344px; height: 49px; }
#end { z-index: 34; top: 1409px; }
#additional { z-index: 35; top: 1450px; }

.text { position: absolute; z-index: 0; top: 280px; left: 240px; width: 400px; height: auto; padding: 0 10px; margin-bottom: 2em; font-size: 0.9em; cursor: pointer; }
.text ul { margin-left: 20px; margin-bottom: 1em; list-style: disc; }

.time { position: absolute; top: 0; left: 4px; margin: 0; width: auto; font-weight: bold; color: #242661; font-size: 0.95em; }
.happening { position: absolute; top: 0; right: 0; width: 400px; padding: 0 10px; margin: 0; font-weight: bold; cursor: pointer; }
.norm { font-weight: normal; }
.plinebreak { margin-bottom: 0.5em; }
.nta { background: url(../_img/prog-nta-banner.jpg) no-repeat #242661; height: 49px; line-height: 49px; color: #fff; }

.db1 { padding-top: 4px; background: url(../_img/prog-db1.jpg) no-repeat; height: 25px; font-size: 0.8em; color: #fff; }
.db2 { padding-top: 4px; background: url(../_img/prog-db2.jpg) no-repeat; height: 42px; font-size: 0.8em; color: #fff; }
.dop1 { padding-top: 4px; background: url(../_img/prog-dop1.jpg) no-repeat; height: 25px; font-size: 0.8em; }
.dop2 { padding-top: 4px; background: url(../_img/prog-dop2.jpg) no-repeat; height: 42px; font-size: 0.8em; }
.l1 { padding-top: 4px; background: url(../_img/prog-l1.jpg) no-repeat; height: 25px; font-size: 0.8em; }
.l2 { padding-top: 4px; background: url(../_img/prog-l2.jpg) no-repeat; height: 42px; font-size: 0.8em; }

.db-text { background: url(../_img/prog-footer-db.jpg) no-repeat bottom #01A5E4; }
.dop-text { background: url(../_img/prog-footer-dop.jpg) no-repeat bottom #A4E401; }
.l-text { background: url(../_img/prog-footer-l.jpg) no-repeat bottom #E4B301; }

.db-text h4, .db-text p, .db-text li, .db-text strong { background: #01A5E4; color: #fff; font-size: 0.9em; }
.dop-text p,  .dop-text li,  .dop-text strong { background: #A4E401; color: #333; font-size: 0.9em; }
.l-text p,  .l-text li,  .l-text strong, { background: #E4B301 !important; color: #333; font-size: 0.9em; }

.l-text p { background: #E4B301; }
.l-text abbr, .l-text li, .l1 abbr { background: #E4B301; }

.dop-text abbr, .dop-text li { background: #A4E401; }

.db-text strong, .db-text a { background: #01A5E4; color: #fff; } 
.dop-text strong, .dop-text a { background: #A4E401; color: #333; }
.l-text strong, .l-text a { background: #E4B301; color: #333; }

/*

END PROGRAMME
--------------------------------------------------------------------------------------- */



/*
START SPEAKERS
--------------------------------------------------------------------------------------- */


#programme-heading, #speakers-heading, #adpanel-heading, #contact-heading { 
	position: absolute; 
	z-index: 10; 
	top: 280px;
	left: 180px;
	margin-top: 0;
}


#speakerlist, #panellist {
	position: absolute;
	z-index: 10;
	top: 280px;
	left: 0;
	width: 160px;
	margin-bottom: 40px;
}


.speakerlist, #panellist {
	list-style: none;
	margin-bottom: 20px;
}


#speakers {
	position: absolute;
	z-index: 10;
	top: 300px;
	left: 180px;
	width: 500px;
}


#speakerlist a, #panellist a {
	font-size: 0.9em;
}


#speakers {
	margin-top: 1em;
}


.speaker {
	position: relative;
	padding-bottom: 70px;
	clear: both;
	min-height: 160px;
}

/*
.speaker-img-plot {
	display: none;
	width: 150px;
	height: 170px;
	float: left;
	margin: 0 15px 10px 0;
}
*/

.speaker-img {
	position: /*absolute*/relative;
	display: block;
	/*
	z-index: 999;
	top: 0;
	left: 0;
	margin-right: auto;
	margin-bottom: auto;
	*/
	width: 150px;
	height: 170px;
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #333;
}


/*
END SPEAKERS
--------------------------------------------------------------------------------------- */



/*
START PANEL
--------------------------------------------------------------------------------------- */

/*SEE SPEAKERS*/


#panel-members {
	position: absolute;
	z-index: 10;
	top: 340px;
	left: 180px;
	width: 500px;
}


.panel-img {
	display: block;
	float: left;
	border: 1px solid #333;
	margin: 0 14px 10px 0;
}


.panel-member { 
	position: relative; 
	clear: both; 
}


.panel-member h3 { 
	font-size: 1.2em; 
	line-height: 1.5em; 
	margin: 0 0 0.5em 0; 
}



.panel-member .member-name { 
	font-size: 82%; 
	line-height: 100%; 
	letter-spacing: -0.04em; 
	color: #333; 
}

/*
END PANEL
--------------------------------------------------------------------------------------- */



/*
START CONTACT
--------------------------------------------------------------------------------------- */


#contact-details {
	position: absolute;
	z-index: 10;
	top: 310px;
	left: 180px;
	width: 500px;
}


#contact-info .email { 
	display: block; 
	margin: 0.3em 0; 
	font-size: 1.4em; 
	font-weight: bold; 
	letter-spacing: -0.03em; 
}


#contact-info .phone { 
	display: block; 
	margin: 0.3em 0; 
	font-size: 1.9em; 
	font-weight: bold; 
	letter-spacing: -0.03em; 
}


#location h3 { 
	color: #242661; 
	margin: 0 0 0.8em 0; 
	font-size: 1em; 
	line-height: 1em; 
	font-weight: bold; 
	letter-spacing: -0.05em; 
}


/*
END CONTACT
--------------------------------------------------------------------------------------- */