/* --------------------------------------------------- */
/*                                                     */
/* DCentral Beds College Heroes Style Style Sheet      */
/* (C) 2010 Central Beds College / Provide Design      */
/*                                                     */
/* --------------------------------------------------- */



/* ---------- TEXT STYLE ---------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
	font-weight: bold;
	line-height: 1em;
	padding: 0px;
	margin: 8px 0px 1em 0px;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1.1em;
}

p {
	line-height: 1.4em;	
}

a, a:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

br {
	line-height: 1em;
}

.leadcopy {
	font-size: 1.4em;
}


/* ---------- GENERAL ELEMENT STYLE ---------- */

table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: left;
	border-collapse: collapse;
}

th {
	border: 0px;
	background-color: transparent;
	color: #ffffff;
	padding: 5px;
}

td {
	border: 0px;
	padding: 0px;
}

tr.alt td {
	background-color: #c4d3e9;
}

div {
	padding: 0px;
	margin: 0px;
}


img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

a img {
	border: 0px;
}

a img:active, a img:hover {
	border: 0px;
}

a:active, a:focus {
	outline: 0px;
}

img.alignleft {
	float: left;
	margin: 0px 10px 0px 0px;
	display: block;
}

img.alignright {
	float: right;
	margin: 0px 0px 0px 10px;
	display: block;
}


/* ---------- FIELDS ---------- */

form, fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
}

form p {
	clear: both;
	display: block;
	padding: 0px 0px 10px 0px;
}

checkbox {
	padding: 0px;
	margin: 0px;
}

option, select {
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 5px;

}

textarea {
	border: 1px solid #bbb;
	padding: 2px;
	color: #666;
}

label {
	padding: 2px 10px 0px 0px;
	border: 0px;
	margin: 0px;
	width: 300px;
	float: left;
	display: block;
	text-align: right;
	color: #fff;
	clear: both;
}

input#submit, input#reset {
	font-size: 1.1em;
	color: #fff;
	background-color: transparent;
	padding: 0px;
	font-weight: normal;
	border:0px;
	cursor: pointer;
}

/* LIST CONTROL */

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

ul li {

}


/* ---------- BASE ELEMENTS ---------- */

body {
	background-image: url(../images/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 37px;
	background-color: transparent;
  	margin: 0px;
  	padding: 0px;
	background-color: #000000;
	font-weight: normal;
	font-size: 62.5%;
	font-family: 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
}

html>body {
	font-size: 10px;
}

#horizon {
	background-image: url(../images/horizon-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
}

#wrapper {
	position: relative;
	top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	clear: both;
	width: 980px;	
}

#container {
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 0px 0px 0px 20px;
	font-size: 12px;
	display: block;
	width: 940px;	
}

#container-home {
	background-image: url(../images/home-page-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	display: block;
	width: 940px;	
}






/* ---------- HEADER ---------- */

#header {
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
	width: 940px;
	height: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	display: block;
	clear: both;
}

#top-bar-nav {
	display: block;
	padding: 12px 0px 0px 0px;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-shadow: 0px 1px #fff;
	text-align: right;
	height:25px;
}

#top-bar-nav span {
	float: left;
}

#top-bar-nav a {
	padding: 12px 0px 0px 0px;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-shadow: 0px 1px #fff;
	text-align: right;
}

#logo {
	position: relative;
	top: 0px;
	left: 0px;
	height: 103px;
	width: 240px;
	overflow: hidden;
	z-index: 99;
	float: left;
}




/* ---------- NAVIGATION ---------- */

#navigation {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	overflow: hidden;
	color: #ffffff;
	position: absolute;
	top: 70px;
	left: 316px;
	height: 60px;
	width: 654px;
}

#navigation a, #navigation a:link {
	color: #ffffff;
	text-decoration: none;
}

#navigation a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#navigation ul {
	width: 546px;
	padding: 0px;
	list-style: none;
	line-height: 0px;
	display: inline;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	
}

#navigation ul li {
	padding: 0px;
	list-style: none;
	line-height: 0px;
	display: block;
	float: left;
	width: auto;
	margin: 0px;
	
}
a#nav-home img {
	background: url(../images/navigation-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 96px;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 60px;
}

a#nav-home:hover img, a#nav-home-current img {
	background: url(../images/navigation-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px -60px;
	width: 96px;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;
}  

a#nav-makingof img {
	background: url(../images/navigation-bg.jpg);
	background-repeat: no-repeat;
	background-position: -96px 0px;
	width: 262px;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;
	float: left;
}

a#nav-makingof:hover img, a#nav-makingof-current img {
	background: url(../images/navigation-bg.jpg);
	background-repeat: no-repeat;
	background-position: -96px -60px;
	width: 262px;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;

}

a#nav-contact img {
	background: url(../images/navigation-bg.jpg);
	background-repeat: no-repeat;
	background-position: -348px 0px;
	width: 138px;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;

}

a#nav-contact:hover img, a#nav-contact-current img {
	background: url(../images/navigation-bg.jpg);
	background-repeat: no-repeat;
	background-position: -348px -60px;
	width: 138px;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;
	
}

a#nav-main img {
	background: url(../images/navigation-bg.jpg);
	background-repeat: no-repeat;
	background-position: -486px 0px;
	width: 158px;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;

}

a#nav-main:hover img, a#nav-main-current img {
	background: url(../images/navigation-bg.jpg);
	background-repeat: no-repeat;
	background-position: -486px -60px;
	width: 158px;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;
	
}




/* ---------- HOMEPAGE HEROES ---------- */

#heroes {
	position: absolute;
	top: 230px;
	left: 24px;
	width: 920px;
	height: 460px;
}

#heroes ul {
	list-style: none;
}

#heroes ul li {
	padding: 0px;
	list-style: none;
	line-height: 0px;
	display: block;
	float: left;
	width: auto;
}

#heroes ul li#leanne {
	margin-top: 330px;
	width: 50px;
	
}

#heroes ul li#leanne a{
	width: 50px;
	display: block;
}

#heroes ul li#leanne img {
	width: 50px;
	height: 130px;
	display: block;
}

#heroes ul li#james {
	margin-top: 220px;
	width: 80px;
	
}

#heroes ul li#james a {
	width: 80px;
	display: block;
	
}

#heroes ul li#james img {
	width: 80px;
	height: 240px;
	display: block;
}

#heroes ul li#kelly img {
	width: 60px;
	height: 200px;
	display: block;
}

#heroes ul li#kelly {
	margin-top: 260px;
	width: 60px;
	
}

#heroes ul li#kelly a {
	width: 60px;
	display: block;
	
}

#heroes ul li#glen img {
	width: 80px;
	height: 370px;
	display: block;
}

#heroes ul li#glen {
	margin-top: 90px;
	width: 80px;
	
}

#heroes ul li#glen a {
	width: 80px;
	display: block;
	
}

#heroes ul li#jamesb img {
	width: 160px;
	height: 460px;
	display: block;
}

#heroes ul li#jamesb {
	margin-top: 0px;
	width: 160px;
}

#heroes ul li#jamesb a {
	width: 160px;
	display: block;
	
}

#heroes ul li#anna img {
	width: 100px;
	height: 390px;
	display: block;
}

#heroes ul li#anna {
	margin-top: 70px;
	width: 100px;

}

#heroes ul li#anna a {
	width: 100px;
}

#heroes ul li#brendan img {
	width: 90px;
	height: 280px;
	display: block;
}

#heroes ul li#brendan {
	margin-top: 180px;
	width: 90px;

}

#heroes ul li#brendan a {
	width: 90px;
}

#heroes ul li#precious img {
	width: 60px;
	height: 250px;
	display: block;
}

#heroes ul li#precious {
	margin-top: 210px;
	width: 60px;

}

#heroes ul li#precious a {
	width: 60px;
}

#heroes ul li#aron img {
	width: 110px;
	height: 410px;
	display: block;
}

#heroes ul li#aron {
	margin-top: 50px;
	width: 110px;

}

#heroes ul li#james a {
	width: 100px;
}

#heroes ul li#clare img {
	width: 110px;
	height: 280px;
	display: block;
}

#heroes ul li#clare {
	margin-top: 180px;
	width: 110px;

}

#heroes ul li#clare a {
	width: 110px;
}




/* ---------- TOOLTIPS ---------- */

#heroes div.leanne-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 50px;
    position: relative;
	float: left;
}

#heroes-strip div.leanne-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 78px;
    position: relative;
	float: left;
}

div.leanne-tooltip em {
    background: url(../images/leanne-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -50px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes-strip div.leanne-tooltip em {
    background: url(../images/leanne-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -36px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes div.james-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 80px;
    position: relative;
	float: left;
}

#heroes-strip div.james-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 94px;
    position: relative;
	float: left;
}

div.james-tooltip em {
    background: url(../images/james-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -35px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes-strip div.james-tooltip em {
    background: url(../images/james-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -28px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes div.kelly-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 60px;
    position: relative;
	float: left;
}

#heroes-strip div.kelly-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 94px;
    position: relative;
	float: left;
}

div.kelly-tooltip em {
    background: url(../images/kelly-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -45px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes-strip div.kelly-tooltip em {
    background: url(../images/kelly-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -28px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes div.glen-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 80px;
    position: relative;
	float: left;
}

#heroes-strip div.glen-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 100px;
    position: relative;
	float: left;
}

div.glen-tooltip em {
    background: url(../images/glen-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -35px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes-strip div.glen-tooltip em {
    background: url(../images/glen-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -25px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes div.jamesb-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 160px;
    position: relative;
	float: left;
	z-index: 30;
}

#heroes-strip div.jamesb-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 104px;
    position: relative;
	float: left;
}

#heroes div.jamesb-tooltip em {
    background: url(../images/jamesb-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes-strip div.jamesb-tooltip em {
    background: url(../images/jamesb-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -23px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes div.anna-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 90px;
    position: relative;
	float: left;
}

#heroes-strip div.anna-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 100px;
    position: relative;
	float: left;
}

#heroes div.anna-tooltip em {
    background: url(../images/anna-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -25px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
	display: none;
}

#heroes-strip div.anna-tooltip em {
    background: url(../images/anna-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}  

#heroes div.brendan-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 90px;
    position: relative;
	float: left;
}

#heroes-strip div.brendan-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 104px;
    position: relative;
	float: left;
}

#heroes div.brendan-tooltip em {
    background: url(../images/brendan-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes-strip div.brendan-tooltip em {
    background: url(../images/brendan-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -23px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes div.precious-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 60px;
    position: relative;
	float: left;
}

#heroes-strip div.precious-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 82px;
    position: relative;
	float: left;
}

#heroes div.precious-tooltip em {
    background: url(../images/precious-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -45px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes-strip div.precious-tooltip em {
    background: url(../images/precious-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -34px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes div.aron-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 110px;
    position: relative;
	float: left;
}

#heroes-strip div.aron-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 106px;
    position: relative;
	float: left;
}

#heroes div.aron-tooltip em {
    background: url(../images/aron-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -20px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes-strip div.aron-tooltip em {
    background: url(../images/aron-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -22px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes div.clare-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 110px;
    position: relative;
	float: left;
}

#heroes-strip div.clare-tooltip {
    margin: 0px auto 0px 0px;
    padding: 0;
    width: 88px;
    position: relative;
	float: left;
}

#heroes div.clare-tooltip em {
    background: url(../images/clare-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -20px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#heroes-strip div.clare-tooltip em {
    background: url(../images/clare-tooltip.png) no-repeat;
    width: 150px;
    height: 120px;
    position: absolute;
    top: -140px;
    left: -31px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}


/* ---------- MAIN CONTENT ELEMENTS ---------- */

.content {
	width: 940px;
	padding: 0px 0px 0px 0px;
	height: 686px;
	clear: both;
	overflow: hidden;

}



#home-page {
	background-image: url(../images/home-page-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
	display: none;
}

#leanne-page {
	background-image: url(../images/leanne-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#james-page {
	background-image: url(../images/james-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#kelly-page {
	background-image: url(../images/kelly-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#glen-page {
	background-image: url(../images/glen-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#jamesb-page {
	background-image: url(../images/jamesb-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#anna-page {
	background-image: url(../images/anna-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#brendan-page {
	background-image: url(../images/brendan-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#precious-page {
	background-image: url(../images/precious-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#aron-page {
	background-image: url(../images/aron-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#claire-page {
	background-image: url(../images/claire-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#making, #contact {
	overflow: auto;
}

#making-inner, #contact-inner {
	width: 558px;
	height: auto;
	overflow: hidden;
	padding: 10px;
}

#entry-button {
	position: absolute;
	left: 390px;
	top: 775px;
	clear: both;
}

#profile {
	background-image: url(../images/phone-profile-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
	position: relative;
	top: 10px;
	left: 519px;
	width: 311px;
	height: 650px;
	color: #333;
	font-size: 1.1em;
	background-color: transparent;
}

#profile-title-bar {
	position: absolute;
	left: 27px;
	top: 121px;
	height: 35px;
	width: 257px;
}

#profile-outer {
	position: absolute; 
	top: 161px;
	left: 27px;
	height: 290px;
	width: 257px;
	display: block;
	clear: both;
	overflow: hidden;
}

.scroller-container {
  position: absolute;
  top: 10px; left: 0px;
height: auto;
display: block;
overflow: hidden;
}

#profile-inner { 
	width: 236px;
	height: auto;
	padding: 0px 10px;
	margin-bottom: 120px;
	display: block;
	overflow: hidden;
}

#profile-btn-bar {
	position: absolute;
	top: 456px;
	left: 27px;
	background-image: url(../images/phone-btn-bar-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: transparent;
	height: 35px;
	width: 257px;
	clear: both;
	overflow: hidden;
}

#btn-back {
	position: absolute;
	top: 0px;
	left: 0px;
}

#btn-up {
	  cursor: pointer;
	position: absolute;
	top: 0px;
	left: 94px;
}

#btn-down {
	  cursor: pointer;
	position: absolute;
	top: 0px;
	left: 128px;
}

#btn-next {
	position: absolute;
	top: 0px;
	right: 0px;
}



#profile-gallery-link {
	clear: both;
	width: 300px;
	text-align: center;
}

#profile-area .red {
	color: #ff0000;
}

.red {
	text-transform: uppercase;
}

#heroes-strip {
	position: absolute;
	top: 750px ;
	left: 0px;
	height: 76px;
	width: 940px;
}

#heroes-strip ul {
	height: 76px;
	width: 940px;
}

#heroes-strip ul li {
	display: block;
	float: left;
	height: 76px;
}

#heroes-strip ul li#strip-leanne img {
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 78px;
	height: 76px;	
	display: block;
}
	
#heroes-strip ul li#strip-leanne {
	width: 78px;
	height: 76px;
	display: block;	
}

#heroes-strip ul li#strip-leanne a {
	width: 78px;
	display: block;
}

#heroes-strip ul li#strip-james img {
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: -78px 0px;
	width: 94px;
	height: 76px;
	display: block;
}

#heroes-strip ul li#strip-james {
	width: 94px;
	height: 76px;	
	display: block;
}

#heroes-strip ul li#strip-james a {
	width: 94px;
	display: block;
}

#heroes-strip ul li#strip-kelly img {
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: -172px 0px;
	width: 94px;
	height: 76px;
	display: block;
}

#heroes-strip ul li#strip-kelly {
	width: 94px;
	height: 76px;	
	display: block;
}

#heroes-strip ul li#strip-kelly a {
	width: 94px;
	display: block;
}

#heroes-strip ul li#strip-glen img {
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: -266px 0px;
	width: 100px;
	height: 76px;
	display: block;
}
	
#heroes-strip ul li#strip-glen {
	width: 100px;
	height: 76px;	
	display: block;
}

#heroes-strip ul li#strip-glen a {
	width: 100px;
	display: block;
}	


#heroes-strip ul li#strip-jamesb img {
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: -366px 0px;
	width: 104px;
	height: 76px;
	display: block;
}

#heroes-strip ul li#strip-jamesb {
	width: 104px;
	height: 76px;	
	display: block;
}

#heroes-strip ul li#strip-jamesb a {
	width: 104px;
	display: block;
}

#heroes-strip ul li#strip-anna img {
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: -470px 0px;
	width: 90px;
	height: 76px;
	display: block;
}

#heroes-strip ul li#strip-anna {
	width: 90px;
	height: 76px;	
	display: block;
}

#heroes-strip ul li#strip-anna a {
	width: 90px;
	display: block;
}

#heroes-strip ul li#strip-brendan img {
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: -560px 0px;
	width: 104px;
	height: 76px;
	display: block;
}

#heroes-strip ul li#strip-brendan {
	width: 104px;
	height: 76px;	
	display: block;
}

#heroes-strip ul li#strip-brendan a {
	width: 104px;
	display: block;
}

#heroes-strip ul li#strip-precious img{
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: -664px 0px;
	width: 82px;
	height: 76px;
	display: block;
}

#heroes-strip ul li#strip-precious {
	width: 82px;
	height: 76px;	
	display: block;
}

#heroes-strip ul li#strip-precious a {
	width: 82px;
	display: block;
}

#heroes-strip ul li#strip-aron img {
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: -746px 0px;
	width: 106px;
	height: 76px;
	display: block;
}

#heroes-strip ul li#strip-aron {
	width: 106px;
	height: 76px;	
	display: block;
}

#heroes-strip ul li#strip-aron a {
	width: 106px;
	display: block;
}

#heroes-strip ul li#strip-clare img {
	background-image: url(../images/heroes-strip.jpg);
	background-repeat: no-repeat;
	background-position: -852px 0px;
	width: 88px;
	height: 76px;
	display: block;
}

#heroes-strip ul li#strip-clare {
	width: 88px;
	height: 76px;	
	display: block;
}

#heroes-strip ul li#strip-clare a {
	width: 88px;
	display: block;
}



/* ---------- FOOTER ---------- */

#footer {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	margin: 0px 0px 20px 0px;
	padding: 40px 0px 0px 0px;
	font-size: 11px;
	clear: both;
	width: 980px;
	overflow: hidden;
	height: auto;
	color: #ffffff;
	padding-bottom: 0px;
	display: block;
}

#footer-left {
	width: auto;
	text-align: left;
	float: left;
	display: inline;
}

#footer-right {
	width: auto;
	text-align: right;
	float: right;
	display: inline;
}

.separator {
	margin: 0px 6px;
	color: #263970;
}




/* ---------- FIELDS ---------- */


#title-form {
	width: auto;
}

#Name, #HearAbout, #surname, #companyname, #county, #phone, #email, #address1, #address2, #address3, #town, #postcode, #occupation {
	width: 280px;
	margin-bottom: 4px;
	padding: 3px;
 	font-size: 1.2em;
	border: 1px solid #bbb;
	color: #666;
}

#message, #WhatDo, #HowDo  {
	width: 280px;
	margin-bottom: 4px;
	padding: 3px;
	font-size: 1.2em;
	border: 1px solid #bbb;
	color: #666;
}

#subscribe-form {
	border: 0px;
}

.asterisk {
	color: #ff0000;
}




/* ---------- FORM FEILDS ---------- */

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 0px;
}

div.wpcf7-mail-sent-ok {

}

div.wpcf7-mail-sent-ng {

}

div.wpcf7-spam-blocked {

}

div.wpcf7-validation-errors {

}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	position: relative;
	overflow: hidden;
	clear:both;
	margin: 6px 0px 0px 194px;
	color: #f00;
	font-size: 12px;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

span.course-level {
	display: block;
	margin-top: 4px;
	margin-bottom: 7px;
}

div#film-btn {
	position: absolute;
	top: 140px;
	right: 20px;
	width: 150px;
	height: 121px;
	background-color: transparent;
}





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#999;
}

#TB_window a:link {color: #999;}
#TB_window a:visited {color: #999;}
#TB_window a:hover {color: #fff;}
#TB_window a:active {color: #999;}
#TB_window a:focus{color: #999;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#111;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #000000;
  z-index: 102;
  color:#fff;
  display:none;
  border: 10px solid #333;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border: 0px;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 15px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 0px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color: transparent;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:16px;
  width:16px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}