@charset "UTF-8";
/* CSS Document */

body {background-image:url(images/background.jpg);
background-color:#000000;
background-position:top;
margin-top:0px;
background-repeat:no-repeat}


img
{  border-style: none;
}

#maincontainer {
width:668px;
background-color:#000000;
height:700px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
top:0px;
}

#header {margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#navigation ul {
	width: 668px; 
	height: 54px; 
	position: relative; /** Places image at the top of the page **/
	list-style: none;
	margin: 0; padding: 0;
	background-color:#000000;
}
#navigation li {
	display: inline;
}



#navigation li.home a:link, #navigation li.home a:visited { 
	left: 0px;
	border: none;
	width: 164px; /** width of the button in active state **/
	height: 54px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
	background: url(images/about_button.jpg) no-repeat 0 0;
}

#navigation li.home a:hover {
	background: url(images/about_button.jpg) no-repeat 0 -54px; /** moves image up 30px showing the rollover states **/ 
}

#navigation li.classes a:link, #navigation li.classes a:visited { 
	left: 168px;
	border: none;
	width: 164px; /** width of the button in active state **/
	height: 54px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
	background: url(images/classes_button.jpg) no-repeat 0 0;
}

#navigation li.classes a:hover {
	background: url(images/classes_button.jpg) no-repeat 0 -54px; /** moves image up 30px showing the rollover states **/ 
}

#navigation li.gallery a:link, #navigation li.gallery a:visited { 
	left: 336px;
	border: none;
	width: 164px; /** width of the button in active state **/
	height: 54px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
	background: url(images/gallery_button.jpg) no-repeat 0 0;
}

#navigation li.gallery a:hover {
	background: url(images/gallery_button.jpg) no-repeat 0 -54px; /** moves image up 30px showing the rollover states **/ 
}

#navigation li.contact a:link, #navigation li.contact a:visited { 
	left: 504px;
	border: none;
	width: 164px; /** width of the button in active state **/
	height: 54px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
	background: url(images/contact_button.jpg) no-repeat 0 0;
}

#navigation li.contact a:hover {
	background: url(images/contact_button.jpg) no-repeat 0 -54px; /** moves image up 30px showing the rollover states **/ 
}

#text
{margin-left:40px;
margin-right:40px;
margin-top:40px;
}

#text h1
{ font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#e8e0cd;
}

#text h2
{ font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#e8e0cd;
}

.thumbnail{
	padding: 2px 2px 5px 2px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}