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

body{
	background-color:#000;	
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.container{
	margin-left:2%;	
	width:1007px;
}

.top{
	background:url(images/banner.png) no-repeat left top;
	width:100%;
	height:200px;
}

.bottom{
	background:url(images/bottom.jpg) no-repeat;
	height:64px;
	width:1007px;
}
.filler{
	background:url(images/filler.jpg) repeat-y;
	padding:1px 0px 1px 0px;
	min-height:600px;
}

.content{
	margin:20px 100px;	
	width:600px;
}

.content p{
	text-align:justify;	
}

.navigation{
	width:150px;
	float:right;
	margin-top:100px;
	margin-right:50px;
}

.navList li {
	display:block;
	float:right;
	list-style-type:none;
 }
 
.navList li a {
	display:block;
	height:50px; width:150px;
	background:transparent url(images/nav.png) no-repeat 0 0; /* Sets the image for the nav */
	text-indent:-9009px;
 }
 
.navList li a:hover {
	background-position: -150px 0; /* Changes the image to the hover by pushing the image to the correct place */
}

.navList li#aboutID a{
		width:150px;
		background-position:0 -50px;
}
	.navList li#aboutID a:hover{
		background-position:-150px -50px;	
	}
	
.navList li#contactID a{
		width:150px;
		background-position:0 -100px;
}
	.navList li#contactID a:hover{
		background-position:-150px -100px;	
	}


.navList li#galleryID a{
		width:150px;
		background-position:0 -150px;
}
	.navList li#galleryID a:hover{
		background-position:-150px -150px;	
	}