/* CSS Document */

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

body {
	font: 12px Arial, Verdana, Helvetica, Sans Serif;
	color: #fff;
	text-align: left;
	background: #000;
}

img {
	display: block;
	border: none;
}

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

a:hover {
color: #ff0000;
}

.facebook {
position: fixed;
top: 0;
z-index: 10;
right:0;
}

/*________ Container ________*/

#container {
	background: #630505 url(/images/bg-main.jpg) no-repeat top;
border-bottom: 1px solid #962725;
}

/*________ Header ________*/

#header {
width: 770px;
height: 380px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

#mainNav {
list-style-type: none;
text-align: center;
padding-top: 16px;
padding-bottom: 16px;
height: 17px;
margin-top: -12px;
}

#mainNav li {
display: inline;
}

#mainNav li a {
padding: 16px 14px 17px 14px;
font-size: 14px;
font-weight: bold;
color: #fff;
text-decoration: none;
border-right: 1px solid #2e2e2e;
}

#mainNav li a:hover {
color: #fcff00;
}

#mainNav li.borderNone a {
border: 0;
}

/*________ Content ________*/

#content {
width: 770px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}

#content h2 {
margin-bottom: 5px;
color: #fcff00;
font-size: 18px;
text-transform: uppercase;
}

#content h2.otherPage {
border-bottom: 1px solid #9b2726;
padding-bottom: 8px;
margin-bottom: 10px;
}

#content h3 {
font-size: 18px;
padding-bottom: 5px;
}

#content h3 a {
color: #fff;
}

#content h3 a:hover {
text-decoration: underline;
}

#content p {
line-height: 18px;
padding-bottom: 8px;
}

#content #flash {
width: 500px;
height: 280px;
margin: 0 auto 20px auto;
}

#content #buttons {
float: left;
width: 288px;
}

#content #buttons img {
margin-bottom: 20px;
}

#content #projects {
overflow: hidden;
width: 478px;
}

#content #projects div {
margin-bottom: 25px;
padding-top: 10px;
border-top: 1px solid #9b2726;
clear: left;
}

#content #projects div img {
float: left;
border: 1px solid #9b2726;
margin: 0 8px 25px 0;
}

#content #projects div a:hover img {
border: 1px solid #000;
}

/*________ VIDEOS ________*/

#videos {
overflow: hidden;
margin-bottom: 45px;
width: 770px;
}

#videos #otherVideos {
border: 1px solid #9b2726;
background-color: #000;
float: right;
margin-left: 20px;
width: 390px;
height: 310px;
overflow: auto;
}

#videos #otherVideos div {
float: left;
padding: 4px;
width: 170px;
}

#videos #otherVideos div img {
border: 1px solid #9b2726;
padding: 1px;
float: left;
}

#videos #otherVideos div p {
margin: 3px 0 0 3px;
float: left;
font-size: 11px;
width: 73px;
text-align: left;
}

#videos .back {
margin-top: 15px;
}

#videos .empty {
font-weight: bold;
padding: 10px;
text-align: center;
}

/*________ Links ________*/

.link {
margin-bottom: 20px;
}

/*________ Contact Us ________*/

#contactDetails {
float: left;
width: 380px;
padding-bottom: 40px;
}

#contactDetails dt {
float: left;
clear: left;
margin: 0 0 10px 0;
font-weight: bold;
width: 80px;
}

#contactDetails dd {
display: block;
overflow: hidden;
width: 220px;
margin: 0 0 10px 0;
}

#contactForm {
overflow: hidden;
width: 370px;
padding-bottom: 40px;
}

#contactForm fieldset {
border: 0;
}

#contactForm fieldset label {
float: left;
clear: left;
width: 55px;
text-align: right;
padding-top: 3px;
margin: 0 10px 10px 0;
}

#contactForm fieldset input {
display: block;
background: #e3e3e3;
width: 187px;
margin: 0 0 10px 0;
padding: 2px 0 2px 3px;
border: 1px solid #9b2726;
}

#contactForm textarea {
display: block;
background: #e3e3e3;
width: 240px;
height: 96px;
padding: 2px 0 2px 3px;
margin: 0 0 10px 0;
border: 1px solid #9b2726;
overflow: auto;
font: 13px Arial, Helvetica, sans-serrif;
}

#contactForm input {
margin: 0 0 0 65px;
}

#errorText {
border: 1px solid;
padding: 10px;
background: #ff8d8d;
color: #ed0000;
margin-bottom: 10px;
}

#errorText ul {
padding: 0 0 0 25px;
}

#successText {
border: 1px solid;
padding: 10px 0;
background: #98ff8d;
color: #0d8600;
margin-bottom: 10px;
}

#successText p {
padding: 0;
text-align: center;
font-weight: bold;
}

/*________ Footer ________*/

#footer {
background: url(/images/bg-footer.jpg) no-repeat top;
width: 770px;
height: 185px;
margin: 0 auto;
}

#footer div {
padding: 10px 0 20px 0;
margin-bottom: 8px;
border-bottom: 1px solid #1a1a1a;
width: 770px;
overflow: hidden;
}

#footer div img {
float: left;
padding: 6px 16px 0 0;
margin-right: 16px;
border-right: 1px solid #363636;
}

#footer p.seven82 {
font-size: 14px;
color: #696969;
padding: 8px 0 0 0;
text-align: left;
}

#footer p.seven82 a {
color: #b5b5b5;
}

#footer p {
font-size: 10px;
text-align: center;
}

#footer p a {
color: #fff;
}

#footer p a:hover {
text-decoration: underline;
}