@charset "UTF-8";

/* CSS Document */
/* Copyright © 2011 The Bright Place Limited */
/* FTW! */

/* Version 1.0.1 Last Amended 17.06.2011 @ 23.51 */


html, body, div, span, h1, h2, h3, h4, h5, h6, hr,p,
a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}



/* ************************************************************************* */ 
/* Include the BT Font Families */

@font-face {
    font-family: 'NewBTRegular';
    src: url('../fonts/newbt-webfont.eot') format('eot'),
url('../fonts/newbt-webfont.woff') format('woff'),
url('../fonts/newbt-webfont.ttf') format('truetype'),
url('../fonts/newbt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'NewBTBold';
    src: url('../fonts/newbtbd-webfont.eot') format('eot'),
url('../fonts/newbtbd-webfont.woff') format('woff'),
url('../fonts/newbtbd-webfont.ttf') format('truetype'),
url('../fonts/newbtbd-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* ************************************************************************* */ 
/* Main Page Styles Below Here */

.PageCenter {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}





/* ************************************************************************* */ 
/* Footer Bar */

a.Footnote {
	font-family: NewBTBold;
	font-size: 12px;
	color: #462e91;
	text-decoration: none;
	line-height: 17px;
}
a.Footnote:Hover {
	font-family: NewBTBold;
	font-size: 12px;
	color: #C4B5DB;
	text-decoration: none;
	line-height: 17px;
}

.BTContact {
	font-family: NewBTRegular;
	font-size: 12px;
	line-height: 17px;
	color: #000;
}
.PageBkgnd {
	background-image: url(../graphics/pagebkgnd.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 792px;
	width: 980px;
	left: 0px;
	top: 0px;
}
.contactArea {
	position: absolute;
	height: 50px;
	width: 220px;
	left: 702px;
	top: 715px;
}

.strapLine {
	font-family: NewBTRegular;
	font-size: 18px;
	color: #462e91;
	position: absolute;
	height: 23px;
	width: 300px;
	left: 180px;
	top: 45px;
}
.FeatureArea {
	background-image: url(../graphics/ambassadors-feature.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 270px;
	width: 920px;
	left: 30px;
	top: 135px;
}
.FeatureHeadline {
	font-family: NewBTRegular;
	font-size: 24px;
	position: absolute;
	height: 100px;
	width: 230px;
	left: 60px;
	top: 160px;
	color: #FFFFFF;
}

.FeatureCopy {
	font-family: NewBTRegular;
	font-size: 14px;
	position: absolute;
	height: 100px;
	width: 230px;
	left: 60px;
	top: 212px;
	color: #FFFFFF;
	line-height: 17px;
}

.FeatureLink {
	position: absolute;
	height: 15px;
	width: 230px;
	left: 60px;
	top: 360px;
}


a.Linkage {
	font-family: NewBTBold;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

a.Linkage:hover {
	color: #CCCCCC;
}




.panel1 {
	position: absolute;
	height: 254px;
	width: 300px;
	left: 30px;
	top: 415px;
	background-image: url(../graphics/panelbkgnd.png);
}
.panel2 {
	position: absolute;
	height: 254px;
	width: 300px;
	left: 339px;
	top: 415px;
	background-image: url(../graphics/panelbkgnd.png);
}
.panel3 {
	position: absolute;
	height: 254px;
	width: 300px;
	left: 648px;
	top: 415px;
	background-image: url(../graphics/panelbkgnd.png);
}


.panel1photo {
	position: absolute;
	height: 234px;
	width: 280px;
	left: 40px;
	top: 425px;
	background-image: url(../graphics/storyteller-photo.png);
}
.panel2photo {
	position: absolute;
	height: 234px;
	width: 280px;
	left: 349px;
	top: 425px;
	background-image: url(../graphics/gadgets-photo.png);
}
.panel3photo {
	position: absolute;
	height: 234px;
	width: 280px;
	left: 658px;
	top: 425px;
	background-image: url(../graphics/comms-photo.png);
}
.panel1text {
	position: absolute;
	height: 77px;
	width: 260px;
	left: 50px;
	top: 584px;
}
.panel2text {
	position: absolute;
	height: 77px;
	width: 260px;
	left: 359px;
	top: 584px;
}
.panel3text {
	position: absolute;
	height: 77px;
	width: 260px;
	left: 668px;
	top: 584px;
}

.panelCopy {
	font-family: NewBTRegular;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 17px;
}


.facebook {
	position: absolute;
	height: 50px;
	width: 200px;
	left: 60px;
	top: 724px;
}
.twitter {
	position: absolute;
	height: 35px;
	width: 80px;
	left: 290px;
	top: 725px;
}
.moreBox1 {
	position: absolute;
	height: 15px;
	width: 100px;
	left: 210px;
	top: 635px;
	text-align: right;
}
.moreBox2 {
	position: absolute;
	height: 15px;
	width: 100px;
	left: 519px;
	top: 635px;
	text-align: right;
}

.moreBox3 {
	position: absolute;
	height: 15px;
	width: 100px;
	left: 828px;
	top: 635px;
	text-align: right;
}

.p1a {
	position: absolute;
	height: 153px;
	width: 280px;
	left: 40px;
	top: 425px;
}
.p2a {
	position: absolute;
	height: 153px;
	width: 280px;
	left: 349px;
	top: 425px;
}
.p3a {
	position: absolute;
	height: 153px;
	width: 280px;
	left: 658px;
	top: 425px;
}