@import url("navigation.css");

html, 
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font: 0.95em/1.45em helvetica, arial;
	text-align: left;
	color: #FFF;
	background-color: #222317;
	}
	
a,
img { border: none; }

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

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

br { clear: both; }

h1 { line-height: 0em; font-weight: bold; }

h2 { line-height: 1.45em; }
	
#container {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	}
		
#header {
	width: 960px;
	height: 234px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	background-color: #b6a671;
	}
	
#header img { float: left; }

#flash-intro {
	width: 960px;
	height: 456px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #bfb177;
	}

#content {
	width: 920px; /*ACTUAL WIDTH 960px*/
	height: auto;
	min-height: 270px;
	margin: 0;
	padding: 30px 20px;
	float: right;
	background: transparent url(../images/general/background-content.jpg) no-repeat bottom;
	}
	
#content-stills {
	width: 920px; /*ACTUAL WIDTH 960px*/
	height: 396px; /*ACTUAL HEIGHT 456px*/
	margin: 0;
	padding: 30px 20px;
	float: right;
	background: transparent url(../images/general/background-stills.jpg) no-repeat top;
	}
	
.still-images, .event-images {
	width: 513px; /*ACTUAL WIDTH 563px*/
	height: 108px; /*ACTUAL HEIGHT 163px*/
	margin: 20px 0 0 160px;
	padding: 30px 0 25px 50px;
	float: left;
	background-color: transparent;
	}
	
.event-images {
	width: 920px;
	height: 122px;
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	background-color: transparent;
	}
		
.still-images img, .event-images img {
	width: 111px;
	height: 122px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	background-color: #333;
	}
		
#footer {
	width: 960px;
	height: 58px;
	margin: 0;
	padding: 0;
	float: left;
	border-top: 2px #000 solid;
	background: transparent url(../images/general/background-footer.jpg) no-repeat top;
	}
	
#footer img { float: left; }

#footer .logos { margin: 18px 5px 0 0; }