@import url("navigation.css");

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	}

body {
	font: 0.9em/1.4em Helvetica, Arial, sans-serif;
	color: #FFF;
	text-align: center;
	background-color: #000;
	}
	
img,
a { border: none; }

h1 { font-size: 1.8em; line-height: 1em; color: #d29d01; text-transform: uppercase; }

a { color: #FFF; text-decoration: underline; }

a:hover { color: #d29d01; text-decoration: none; }
	
#wrap {
	float: left;
	height: 50%;
	margin-top: -320px;/* half vertical height*/
	width: 100%;
	}

#container {
	width: 850px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: visible;
	text-align:left;
	background-color: #000; 
	}
	
#header {
	width: 850px;
	height: 122px;
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
	overflow: hidden;
	background-color: #000;
	}
	
#jcvd {
	width: 410px;
	height: 122px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #333;
	}
	
#slogan {
	width: 430px;
	height: 80px;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #333;
	}
	
#out {
	width: 320px;
	height: 42px;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #333;
	}
	
#flash,
#overflow-content {
	width: 850px;
	height: 400px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #333;
	}
	
#overflow-content { 
	width: 770px;
	height: auto;
	padding: 40px;
	background: #000 url(../images/general/background-content.jpg) no-repeat bottom;
	}
	
#content { 
	width: 770px;
	height: 320px; /*ACTUAL HEIGHT 400px*/
	padding: 40px;
	float: left;
	background: #000 url(../images/general/background-content.jpg) no-repeat bottom;
	}
	
.gallery-images {
	width: 770px;
	height: 125px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	background-color: transparent;
	}
	
.gallery-images img { 
	width: 144px;
	height: 125px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	}

#footer {
	width: 830px;
	height: 50px;
	margin: 0;
	padding: 0 10px;
	float: left;
	border-top: 2px #FFF solid;
	background-color: #000;
	}