html, body {
height:100%;
}

body {
background:black url(images/bg_pattern.gif) fixed repeat;
}

* {
margin:0;
padding:0;
border:0;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
list-style:none;
}

#header {
width:100%;
height:150px;
background:transparent url(images/header_bg.png) repeat-x top;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
width:900px;
background:transparent url(images/wrap_bg.png) repeat-y;
margin-top:-170px;
}

#footer {
height: 60px; /* .push must be the same height as .footer */
width:900px;
margin:auto;
background:transparent url(images/footer_bg.png) no-repeat;
}

.push {
height:60px;
clear:both;
}

#content {
width:850px;
margin:auto;
position:relative;
top:20px;
min-height:600px;
background:black url(images/contentBg.gif) no-repeat top center;
}

* html #content {
height:600px;
}

#logoList {
width:850px;
height:310px;
}

#logoList li {
float:left;
}

#logoList li h1 {
width:351px;
height:310px;
}

#footer p {
text-align:center;
font-size:10px;
color:#ddd;
margin:0;
padding-top:15px;
}

#mainMenu p {
font-size:11px;
margin:0;
text-align:center;
font-weight:bold;
color:#aaa;
text-transform:uppercase;
padding-top:10px;
margin-bottom:-5px;
}

#mainMenu p a {
color:#eee;
text-decoration:none;
}

#mainMenu p a:hover {
color:#9fa1a4;
}


#newsBox {
float:right;
width:350px;
margin:0 20px;
border-left:1px solid #222;
}

#quoteBox {
float:right;
width:220px;
margin:10px 20px;
background:transparent none;
text-align:center;
}

#flashBox {
position:relative;
margin:auto;
margin-top:10px;
margin-bottom:10px;
width:500px;
height:375px;
border:1px solid;
border-color:#333 #222 #222 #333;
background:transparent;
}

#accessLeft {
width:424px;
float:left;
border-right:1px solid #282828;
background:transparent none;

}

#accessRight {
width:425px;
float:right;
background:transparent none;
}

/* TYPOGRAPHY */

h2 {
color:#ddd;
margin:5px 10px;
font-size:16px;
text-transform:uppercase;
padding:2px;
border-bottom:1px solid #222;
}

h3 {
color:#afb2b5;
font-size:14px;
margin:5px 15px;
}

p {
font-size:12px;
color:#eee;
margin:5px 20px;
padding:5px;
}

a {
color:white;
text-decoration:underline;
}

a:hover {
color:#9fa1a4;
text-decoration:none;
}

.mainList {
color:#9fa1a4;
margin:5px 30px;
}

.mainList li {
background:transparent url(images/list_arrow.gif) no-repeat left;
padding-left:12px;
margin:2px 5px;
font-size:12px;
}

.mainList li ul {
margin:2px 5px;
}

.mainList li ul li {
background:transparent none;
list-style:disc inside;
color:#eee;
}

.errorlist {
margin:10px 60px;
}

.errorlist li {
color:red;
font-size:12px;
padding:3px;
}

.reviewForm .errorlist {
margin:5px;
}

.mainForm {
width:420px;
padding:5px;
margin:10px;
}

.mainForm fieldset {
border:1px solid #171717;
padding:5px;
margin-top:5px;
}

.mainForm legend {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
color:#555;
border:1px solid #171717;
padding:2px 5px;
margin:2px 5px 5px 5px;
background:white;
}

.mainForm label {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:14px;
text-transform:uppercase;
color:#CCC;
letter-spacing:.7px;
font-weight:bold;
float:left;
width:140px;
text-align:right;
}

.mainForm .inputField, .textField {
width:240px;
height:20px;
padding:1px;
border:1px solid #333;
color:#555;
float:left;
margin-bottom:10px;
font-size:12px;
}

.mainForm .textField {
height:100px;
overflow:auto;
}

.submitButton {
float:right;
background:transparent url(images/submitBG.png) no-repeat;
width:107px;
height:42px;
cursor:pointer;
color:#eee;
font-size:16px;
font-weight:bold;
text-align:center;
margin-top:5px;
}

.reviewForm {
width:250px;
float:right;
margin:5px 20px;
}

.reviewForm fieldset {
border:1px solid #171717;
padding:5px;
margin-top:5px;
}

.reviewForm legend {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
color:#555;
border:1px solid #171717;
padding:2px 5px;
margin:2px 5px 5px 5px;
background:white;
}

.reviewForm label {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:12px;
text-transform:uppercase;
color:#CCC;
letter-spacing:.7px;
font-weight:bold;
}

.reviewForm .inputField, .reviewForm .textField, .reviewForm .captchaField {
width:220px;
height:20px;
padding:1px;
border:1px solid #333;
color:#555;
margin-bottom:10px;
font-size:12px;
}

.reviewForm .captchaField {
width:130px;
}

.reviewForm .textField {
height:80px;
overflow:auto;
}

.reviewForm .captchaBox {
width:90px;
height:35px;
float:right;
}

.raveBox {
width:540px;
margin:10px;
border:1px solid #282828;
padding:5px;
background:transparent url(images/raveBox_bg.png) repeat;
}

.raveBox p {
margin:5px;
}