@charset "UTF-8";

body {
	margin:0;
	vertical-align:middle;
	background-color:#666666;
}

.email {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6D00;
}

.email a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6D00;
}

.menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FF6D00;
}

.menu a {
	color:#666666;
	text-decoration:none;
}

.menu a:hover {
	color:#FF6D00;
}

#current {
	color:#FF6D00;
}

.title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#666666;
	line-height: 25px;
}

.subtitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666666;
	line-height: 25px;
}

.blurb {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height: 18px;
}

.blurb a {
	text-decoration:underline;
	color:#666666;
}

.blurb a:hover {
	text-decoration:underline;
	color:#FF6D00;
}

#whitebox {
	position:absolute;
	align:centre;
	left:50%;
	width:840px;
	height:100%;
	margin-left:-420px;
	background-color:#FFFFFF;
	z-index:1;
}

#content {
	position:absolute;
	align:centre;
	left:50%;
	top:0;
	margin-left:-400px;
	margin-top:0;
	width:800px;
	height:570px;
	z-index:2;
}

#header {
	position:absolute;
	left:0;
	top:0;
	margin-top:20px;
	width:800px;
	height:50px;
	border:0;
}

#menu_container {
	position: absolute;
	left:150px;
	top:0;
	width:650px;
	height:50px;
	border-bottom:2px solid #666666;
	z-index:3;
}

#menu {
	position:absolute;
	bottom:0;
	right:0;
	width: 450px;
	text-align:right;
	margin-bottom:4px;
	z-index:4;
}

#blurb_container {
	position:absolute;
	left:0;
	top:85px;
	width:240px;
	height:485px;
	background-color:#EEEEEE;
	z-index:3;
}

#blurb_container_wide {
	position:absolute;
	left:0;
	top:85px;
	width:545px;
	height:485px;
	background-color:#EEEEEE;
	z-index:3;
}

#blurb {
	position:absolute;
	left:15px;
	top:15px;
	width:210px;
	height:455px;
}

#wide {
	position:absolute;
	margin:0;
	width:545px;
	height:485px;
	border:0;
}

#graphics {
	position:absolute;
	right:0;
	top:85px;
	width:545px;
	height:485px;
	z-index:3;
}

#graphics_narrow {
	position:absolute;
	right:0;
	top:85px;
	width:240px;
	height:485px;
	z-index:3;
}
	

#gallery_container {
	position:absolute;
	padding:0;
	margin:0;
	left:1px;
	bottom:0;
	width:240px;
	height:485px;
	z-index:3;
}

#gallery_container a.pics {
	float:left;
	padding:0 15px 15px 0;
	display:inline;
	color:#666666;
	text-decoration:none;
	width:65px;
	height:65px;
	cursor:default;
}

#point {
	cursor:pointer;
}

#gallery_container a.pics img.thumb {
	display:block;
	border:1px solid #FFFFFF;
}

#gallery_container a.pics span {
	display:none; 
	border:0; 
	width:545px;
	left:255px; 
	text-align:center;
}

#gallery_container a.pics span img {
	margin:0; 
	border:0;
}

#gallery_container a.pics:hover {
	white-space:normal;
}

#gallery_container a.pics:hover img.thumb {
	border:1px solid #FF6D00;
}

#gallery_container a.pics:hover img.blank {
	border:0;
}

#gallery_container a.pics:hover span {
	display:block;
	position:absolute;
	left:255px; 
	top:0; 
	z-index:10; 
	height:481px;
}

#gallery_container a.pics:active img.thumb {
	border:1px solid #FF6D00;
}
 
#gallery_container a.pics:active span {
	display:block;
	position:absolute; 
	left:255px; 
	top:0; 
	z-index:5; 
	height:484px;
}

#gallery_blurb {
	position:absolute;
	left: 256px;
	top:85px;
	width:545px;
	height:484px;
	text-align:center;
	z-index:3;
}