@import url(https://://fonts.googleapis.com/css?family=Roboto:400,500);

body
{
	text-align:center;
}

h1
{
	font-size:22pt;
	text-align:center;
	color:white;
	font-family:'Roboto', sans-serif; 
}

a
{
	color:white;
	text-decoration:underline;
}

a:hover
{
	text-decoration:none;
}

#page
{
	text-align:left;
	margin: 0 auto;
	width:1200px;
	background-color:darkblue;
	position:relative;
}

#header
{
	font-family:'Roboto', sans-serif; 
	background-color:black;
	z-index:99;
	padding-top:5px;
	padding-bottom:5px;
}
	#header > #logo
	{
		margin-left:20px;
		display:inline-block;
		border:1px solid white;
	}
	
	#header > #navigation
	{
		float:right;
		font-size:13pt;
		margin-top:25px;
	}
	
		#navigation > a
		{
			color:white;
			text-decoration:none;
			text-transform:uppercase;
			display:inline-block;
			margin-right:25px;
		}
		
		#navigation > a:hover, #navigation > a.active
		{
			color:red;
		}

#content
{

}

#content > .content_right
{
color:white;
float:right;
font-size:12pt;
font-family:Roboto;
margin-left:2px;
width:365px;
padding-right:10px;
text-align:center;
z-index:1;
}

#content > .content_text
{
	text-align:center;
	color:white;
	width:700px;
	font-size:13pt;
	font-family:Roboto;
	padding:20px;
}

#content > .gallery
{
text-align:center;
background-color:#111111;
}

#content > .thumbnails
{
text-align:left;
cursor:pointer;
}
	#content > .thumbnails > img
	{
		border:1px solid white;
	}

#footer
{
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	background-color:#111111;
	font-size:13pt;
	color:#999999;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.red
{
	color:red;
}

.imgmap_overlay
{
	height:640px;
	overflow:hidden;
}

.overlay
{
	position:absolute;
	display:block;
	background-color:none;
	z-index:10;
}

.overlay > a
{
display:block;
width:100%;
height:100%;
background-color:none;
z-index:11;
}