@import url("reset.css");

/* Basic Template Layout *********************/

HTML, BODY {
	height:100%;
}

#wrapper {
	height:100%; width:100%;
}

#wrapper-td {
	vertical-align: middle;
}

#container {
	position:relative;
	width:850px;
	height:600px;
	text-align:left;
}

#menu-container {
	position:absolute;
	bottom:55px;
	left:60px;
	z-index:20;
}

#logo .letter {
	height:58px;
	float:left;
	background:url(/img/title_test2.png) no-repeat;
}

#logo {
	position:absolute;
	background:url(/img/logo.png) no-repeat;
	width:740px;
	height:60px;
	top:55px;
	left:60px;
	cursor: pointer;
}

#main {
	position:absolute;
	z-index:10;
	max-height:380px;
	overflow-y:auto;
	padding-left:2px;
	padding-bottom:2px;
	bottom:145px;
	left:492px;
}

#main.news {
	bottom:130px;
	width: 386px;
	max-height:350px;
	overflow-y:auto;
}

#main.credits {
	bottom:111px;
	width:336px;
	max-height:365px;
}

#main.gallery {
	bottom:95px;
	width:336px;
	max-height:380px;
}

#main.equipment {
	bottom:73px;
	width: 386px;
	max-height:400px;
	overflow-y:auto;
}

#main.contact {
	bottom:55px;
	width:336px;
}

/* Global Page Styles ******************************/

BODY, TD, P {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

h2 {
	color: #466a87;
	font-weight:normal;
	margin-top:21px; /* normal this would be 18px, but we want to shift the text lower, so we increase the top margin by 3pm and take it off the bottom margin */
	margin-bottom:-3px;

}

a {
	color: #466a87;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:hover img {
	text-decoration: none;
}

/* Credits section *********************************/

.thumbnail-list IMG {
		border:0;
		margin-top:18px;
		margin-right:18px;
}

.thumbnail-list A:HOVER IMG {
		border: 2px solid #ffd503;
		margin-top:16px;
		margin-right:16px;
		margin-left:-2px;
		margin-bottom:-2px;
}