/* ----------------------------------------------------------
Site Name
Design by: Ryan Downie [ryan@bfinternet.co.uk]
Version: 1.0 Date
-----------------------------------------------------------

Table Of Contents

	General Styles
	    Building Blocks
            Headings
            Sub Content 
            Footer
        Navigations
            Navigation Main
            Secondery Navigation
        Forms
            Mail forms
        Tables
            Main Tables
        Buttons and Misc
            Buttons
            Images
        Page Specific Styles
            Home Page
            About Page
        Progressive Enhancement (css3)
            Rounded Corners
            Text Shadows
            RGBA
            Box shadows

----------------------------------------------------------*/
/*  
General Styles
------------------------------------------------------------------------------------------- */


/*
= Building Blocks  */

html {
	background:#080808 url(../images/html.jpg) repeat-x ;
}

body {
	background: url(../images/body.jpg) no-repeat 50% 0;
	color: #fff;
}

div#wrapper {
	margin: 0 auto;
	width:870px; min-height: 900px;
	overflow: auto;
}

div#masthead {
	float:left; width: 100%;
}

div#masthead div.slideshow {
	left:240px;
	position:relative;
	top:-3px;
	width:626px;
}

div#main-content {
	float:right;
	margin:0 20px 0 0;
	width:590px;
}

div#sub-content {
	background:transparent url(../images/sub-content.png) no-repeat scroll right 0;
	float:left;
	margin:-6px 0 0 36px;
	min-height:600px;
	width:208px;
}
/*
= Headings
*/

h1#logo {
	background:transparent url(../images/logo.png) no-repeat;
	float:left;
	height:108px;
	margin:57px 20px 0 26px;
	width:209px;
}
h1#logo a {
	width: 209px;
	height: 108px;
	display: block;
	outline:none;
	text-indent: -9999em;
}


div#main-content h2 {
	/*background:transparent url(../images/h2-bg.png) no-repeat scroll 110% 50%;*/
	color:#E1081D;
	float:left;
	font-size:204%;
	margin:10px 0;
	width:100%;
}

div#main-content p {
	line-height: 1.6em;
}

div#image-container {
	float:right;
	margin:0 4px 0 21px;
	width:215px;
}

div#image-container ul {
	float: left;
	margin: 0px;
	
}

div#image-container li {
list-style-type:none;
margin:0 0 20px;
}

div#image-container li img {
	background-color: #fff;
	padding: 1px;
	
}

/* Sub Content */
div#signup {
	left:8px;
	position:relative;
	top:-84px;
}

div#signup h4 {
	color:#5F5F5F;
	font-size:112%;
	margin:26px 0 5px;
	text-transform:uppercase;
}

div#signup form input[type="text"] {
	background:#3A3A3A none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	font-size:88%;
	padding:5px;
	width:163px;
	float: left;
}

div#signup form button {
background:transparent url(../images/span-bg.png) no-repeat scroll 0 0;
border:medium none;
float:right;
margin:4px 10px 0 10px;
text-indent:-9999em;
width:15px; height: 15px;
}

img.memebers {
float:left;
margin:22px 0 0 -3px;
}

div#footer {
	border-top:1px solid #FFFFFF;
	float:left;
	margin:10px 0 0;
	width:615px;
}

div#footer ul {
	float:left;
	margin:14px 10px 2px;
	width:100%;
}

div#footer li {
	color:#626060;
	float:left;
	font-size:82%;
	list-style-type:none;
	margin:0 8px 10px 0;
	padding:0;
}

div#footer li a {
	color:#626060;
}

div#footer li a:hover {
	color:#fff;
}

p#bf {
	float: right;
	font-size:82%;
	color:#626060;
}
p#bf a {
	color:#626060;
}

a.join {
	background:transparent url(/images/join_btn.jpg) no-repeat scroll 0 0;
	display:block;
	height:43px;
	margin:16px 0 4px 8px;
	text-indent:-1999px;
	width:187px;
}

a.join:hover {
	background-position: 0 100%;
}

/*  ----------------------------------------------------------
2.0 Navigations
------------------------------------------------------------------------------------------- */
/*
= navigation-main  */
ul#navigation-main {
	background:transparent url(../images/li-bg.png) repeat-y scroll 0 0;
	border-color:#FFFFFF -moz-use-text-color #FFFFFF #FFFFFF;
	border-style:solid none none solid;
	border-width:1px medium 1px 1px;
	margin:-1px 3px 0 0;
}
ul#navigation-main li {
	border-bottom:1px solid #FFFFFF;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:11px;
}

ul#navigation-main li a {
	background:url(../images/span-bg.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	font-size:95%;
	font-weight:bold;
	padding:0 38px;
	text-decoration:none;
	text-transform:uppercase;
}


ul#navigation-main a:hover {
	background:url(../images/span-bg-hover.png) no-repeat scroll 0 0;
	color: #e5232d;
}

ul#page-nav { float:left; margin:0 0 15px; width:100%; }
ul#page-nav li {list-style-type: none; float: left;}
ul#page-nav li a {color:#FFFFFF; display:block; float:left; font-size:81%; margin:0 15px 0 0; padding:10px; text-decoration:none; text-transform:uppercase; background-color: #312F30;}
ul#page-nav li a:hover {background-color: #EC2126;}	


/*  ----------------------------------------------------------
3.0 Forms
------------------------------------------------------------------------------------------- */
form#contact-form {
float:left;
width:512px;
}

form#contact-form fieldset {
border:1px solid #3A3A3A;
padding:12px;
}

form#contact-form legend {
color:#FFFFFF;
font-size:147%;
}

form#contact-form label {
display:block;
float:left;
width:161px;
}

form#contact-form input[type="text"], form#contact-form select, form#contact-form textarea {
background:#3A3A3A none repeat scroll 0 0;
border:1px solid #3A3A3A;
color:#FFFFFF;
padding:5px;
width:291px;
}

form#contact-form input[type="text"]:hover, form#contact-form select:hover, form#contact-form textarea:hover {
border:1px solid #fff;
}
	

form#contact-form span {
color: #EC2126;
}

img#verification_img {
float:left;
margin:0 160px 16px;
}

form#contact-form button {
-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;
background:#FF2732 none repeat scroll 0 0;
border-color:#FF6F78 #FF6F78 #CF2635 #CF2635;
border-style:solid;
border-width:1px;
color:#FFFFFF;
float:left;
font-weight:bold;
margin:0 0 0 161px;
padding:7px;
text-shadow:1px 1px 1px #000000;
cursor:pointer;
}

form#contact-form input:focus, form#contact-form textarea:focus, form#contact-form select:focus, div#sub-content form input:focus {
background-color: #000;	
border: 1px solid #EFB61D;
padding: 4px;
}