/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
		padding: 0;
        font: 100%/120%;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
	margin: 0;
	background-color: #1F1F1F;
	color: #000000;
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
	min-width: 810px;
	text-align: center;
}

a:link {text-decoration: underline; color: #cc0000; background-color: transparent;}
a:visited {text-decoration: underline; color: #cc0000; background-color: transparent;}
a:hover {text-decoration: none; color: #cc0000; background-color: transparent;}

/*-- GENERAL BITS --*/
.pageContainer {float: left; width: 100%;}

/*-- HEADER --*/
.headerContainer {
	float: left;
	width: 100%;
	background-color: #1F1F1F;
}
.headerArea {position: relative; width: 810px; margin: 0 auto;}


.headerStrapline {margin: 58px 0 10px 0;}
.flashHolder {position: relative; width: 810px; margin: 56px 0 10px 0;}
.headerLogo {margin: 0 0 75px 0;}


/*-- BOTTOM --*/
.bottomContainer {float: left; width: 100%; background-color: #231f20;}
.bottomArea {position: relative; width: 700px; margin: 0 auto;}
	.bottomArea img {margin: 40px 0 40px 0;}

.footerArea {position: relative; width: 700px; margin: 0 auto;}
	.footerArea p {font-size: 12px; color: #FFFFFF; line-height: 1.5em; margin: 20px 0 50px 0;}