/**********************************
Utility........: css/style.css
Description....: BRC Screen CSS file
Copyright......: Persona Creative
Email..........: lewis@personacreative.com
Last Changed...: 25/06/2007
Notes..........: None
**********************************/
/******************
Layout
******************/
* {
	padding:0;
	margin:0;
	border:0;
}
body {
	background-color:#fff;
	text-align:center;
	font-family:arial, tahoma;
	font-size:100%;
}
.container {
	position:relative;
	width:900px;
	margin:0px auto;
	text-align:left;
	background-color:#fff;
}
/******************
Logo
******************/
.logo {
	float:left;
	height:88px;
	width:650px;
	background:#fff;
}
.logo h1 {
	height:66px;
	width:397px;
	background:#fff url(../img/logo.gif);
	margin:10px 0px 0px 30px;
}
.logo h1 a {
	display:block;
	height:66px;
	width:397px;
}
.logo h1 span, .logo p {
	display:none;
}
/******************
Robin Hood Logo
******************/
.logo_robin {
	float:left;
	height:88px;
	width:250px;
	background:#fff;
}
.logo_robin h1 {
	height:66px;
	width:224px;
	background:#fff url(../img/robin_logo.gif);
	margin-top:10px;
}
.logo_robin h1 a {
	display:block;
	height:66px;
	width:224px;
}
.logo_robin h1 span, .logo_robin p {
	display:none;
}
/******************
Main Map
******************/
#map {
	float:left;
	height:650px;
	width:900px;
	background:#fff url(../img/map_bg.jpg) no-repeat;
	margin:0px 0px 0px 0px;
}
/******************
Flash (Flash page)
******************/
#flashcontent {
	float:left;
	width:900px;
	background:#808;
	margin:0px;
}
/******************
MAIN CONTENT
******************/
#main_content {
	float:left;
	width:500px;
	height:260px;
	margin:200px;
}
#main_content p {
	font-size:0.7em;
	color:#fff;
	margin:30px 10px 0px 10px;
}
/******************
Flashplayer Icon
******************/
.flash_plugin {
	float:left;
	width:100%;
	height:31px;
	margin-top:20px;
	border:0px solid #808;
}
.flash_plugin img {
	float:left;
	margin:0px 0px 0px 102px;
}
/******************
Block Container
******************/
.block_container {
	float:left;
	width:490px;
}
.block_container span {
	display:none;
}
/******************
Clickable Blocks
******************/
.click_block_html {
	float:left;
	margin:11px 0px 30px 40px;
	background:url(../img/html_btn_off.gif);
}
.click_block_html a {
	display:block;
	width:148px;
	height:107px;
}
.click_block_html a:hover {
	background:url(../img/html_btn_on.gif);
}
.click_block_flash {
	float:left;
	margin:11px 0px 30px 70px;
	background:url(../img/flash_btn_off.gif);
}
.click_block_flash a {
	display:block;
	width:148px;
	height:107px;
}
.click_block_flash a:hover {
	background:url(../img/flash_btn_on.gif);
}

.click_block_01 {
	float:left;
	margin:9px 0px 0px 25px;
	background:url(../img/route_btn_off.gif);
}
.click_block_01 a {
	display:block;
	width:136px;
	height:99px;
}
.click_block_01 a:hover {
	background:url(../img/route_btn_on.gif);
}
.click_block_02 {
	float:left;
	margin:9px 0px 0px 13px;
	background:url(../img/training_btn_off.gif);
}
.click_block_02 a {
	display:block;
	width:136px;
	height:99px;
}
.click_block_02 a:hover {
	background:url(../img/training_btn_on.gif);
}
.click_block_03 {
	float:left;
	margin:9px 0px 0px 13px;
	background:url(../img/signup_btn_off.gif);
}
.click_block_03 a {
	display:block;
	width:136px;
	height:99px;
}
.click_block_03 a:hover {
	background:url(../img/signup_btn_on.gif);
}

.click_block_04 {
	float:left;
	margin:24px 0px 0px 9px;
	background:url(../img/whatyouget_btn_off.gif);
}
.click_block_04 a {
	display:block;
	width:148px;
	height:107px;
}
.click_block_04 a:hover {
	background:url(../img/whatyouget_btn_on.gif);
}
.click_block_05 {
	float:left;
	margin:24px 0px 0px 13px;
	background:url(../img/share_btn_off.gif);
}
.click_block_05 a {
	display:block;
	width:148px;
	height:107px;
}
.click_block_05 a:hover {
	background:url(../img/share_btn_on.gif);
}
.click_block_06 {
	float:left;
	margin:24px 0px 0px 14px;
	background:url(../img/howyouhelp_btn_off.gif);
}
.click_block_06 a {
	display:block;
	width:148px;
	height:107px;
}
.click_block_06 a:hover {
	background:url(../img/howyouhelp_btn_on.gif);
}
/******************
SCROLLING STYLES
******************/
.scrolling_container {
	position:absolute;
	top:280px;left:210px;
	width:380px;
	height:240px;
}
#Scroller-1 {
	position:absolute;
	overflow:hidden;
	width:380px;
	height:240px;
}
#Scroller-1 h1 {
	margin:10px;
	font-size:1.2em;
	color:#fff;
	font-weight:normal;
}
#Scroller-1 h2 {
	margin:10px;
	font-size:0.9em;
	color:#fff;
	font-weight:bold;
}
#Scroller-1 h3 {
	margin:10px;
	font-size:0.8em;
	color:#fff;
	font-weight:bold;
}
#Scroller-1 p {
	margin:10px;
	font-size:0.7em;
	color:#fff;
}
#Scroller-1 a, #Scroller-1 a:active, #Scroller-1 a:visited {
	color:#f99;
	text-decoration:none;
	border-bottom:1px solid #ddd;
}
#Scroller-1 a:hover {
	border:0;
}
#Scroller-1 ul {
}
#Scroller-1 li {
	margin:5px 10px 5px 30px;
	font-size:0.7em;
	color:#fff;
}
.Scroller-Container {
	position:absolute;
	top:0px;left:0px;
}
#Scrollbar-Container {
	position:absolute;
	top:290px;left:185px;
	z-index:100;
}
.Scrollbar-Up {
	cursor:pointer;
	position:absolute;
}
.Scrollbar-Track {
	position:absolute;
	top:36px;left:4px;
	width:20px;
	height:161px;
	background:transparent url(../img/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
	position:absolute;
	width:20px; height:22px;
}
.Scrollbar-Handle:hover {
	cursor:pointer;
}
.Scrollbar-Down {
	cursor:pointer;
	position:absolute;
	top:187px;
}
/******************
PDF Icons (+Set Style)
******************/
#pdf-set a, #pdf-set a:active, #pdf-set a:visited {
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #fff;
}
#pdf-set a:hover {
	border:0;
}
.pdf_icons {
	float:left;
	width:150px;
	margin:10px;
	border:1px solid #9d8e86;
}
.pdf_icons img {
	float:left;
	margin:10px;
}
/******************
Contact Form
******************/
.whatyouget {
	float:left;
	margin:0px 10px 20px 10px;
}
/******************
Contact Form
******************/
.contactform {
	font-family:arial, tahoma;
	font-size:0.7em;
	color:#fff;
	float:left;
	clear:both;
	width:340px;
}
.contactform input {
	width:222px;
	background:url(../img/form_field.gif) no-repeat;
	font-size:0.9em;
	color:#000;
	padding:6px 0 6px 10px;
	margin:4px;
}
.contactform input:hover {
	background:url(../img/form_field_select.gif) no-repeat;
	cursor:text;/*pointer ie fix*/
}
.contactform textarea {
	font-family:arial, tahoma;
	font-size:0.9em;
	height:200px;
	background:#ebe3cc;
	border:1px solid #9d9788;
}
.contactform input.submit {
	width:52px;
	height:21px;
	border:0px solid #fff;
	margin-top:3px;
	background:#ed2724 url(../img/submit_btn.gif) no-repeat;
}
.contactform input.submit:hover {
	background:#fff url(../img/submit_btn.gif) no-repeat;
	cursor:pointer;
}
/******************
Useful links
******************/
.useful_link {
	position:absolute;
	top:300px;
	right:185px;
	width:105px;
}
.useful_link p {
	margin-top:10px;
	font-size:0.6em;
	color:#fff;
}
/******************
Back/Homepage link
******************/
.back_link {
	position:absolute;
	top:530px;
	right:210px;
	font-size:0.7em;
	font-weight:bold;
}
.back_link a, .back_link a:active, .back_link a:visited {
	color:#fff;
	text-decoration:none;
	border-bottom:0;
}
.back_link a:hover {
	border-bottom:1px solid #f00;
	text-decoration:none;
	color:#fff;
}
/******************
Footer
******************/
.footer {
	float:left;
	width:100%;
	height:35px;
	background:#fff;
	margin:10px 0px -10px 0px;
	border-top:1px solid #ccc;
}
.footer p {
	font-family:arial, verdana;
	font-size:0.7em;
	color:#999;
	text-align:center;
	margin:5px 10px 0px 0px;
}
.footer a, .footer a:active, .footer a:visited {
	color:#666;
	text-decoration:underline;
}
.footer a:hover {
	color:#666;
	text-decoration:none;
}
.footer img {
	border:0;
	text-decoration:none;
	padding-top:5px;
	vertical-align:middle;
}
/******************
Global Styles
******************/
acronym {
	cursor:help;
	border-bottom:1px dotted #fff;
}
.line {
	border-bottom:1px solid #ddd;
	margin:0px 10px 0px 10px;
	height:1px;
}
hr {
	border:0;
	border-bottom:1px solid #a8a7a7;
	margin:-10px 0px 5px 0px;
	height:1px;
}
fieldset {
	border:0;
}
.clearing {
	clear:both;
}
a img {
	border:0;
}
a img.remove {
	border:0;
}
a.remove {
	margin:0;
	border:0;
}
a {color:#000; text-decoration:none}
a:visited {color:#000; text-decoration:none}
a:hover {color:#000; text-decoration:underline}
a:active {color:#000}
/******************
CLEARFIX CODE
******************/
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}