body {
	background-color: #000000;
	color: #EEEEEE;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bgstarfield.jpg);
	background-repeat: repeat-y;
}

a:link, a:visited {
	color:#FFFFFF;
}

.contactpage a:link, .contactpage a:visited {
	color:#0066FF;
	text-decoration: underline;	
}

#backgroundHolder {
	background-color: #555555;
	background-image: url(../images/bgstarfield.jpg);
	background-repeat: repeat-y;
	background-position: 50% 0px;
	padding: 1px;
}

#container {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	position: relative;
	height: 1500px;
}
#containerhome {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	background: url(../images/homebg.jpg) no-repeat center -10px;
	position: relative;
}
#gallerycontent {
	margin: 20px 0px;
	padding: 1px 0px;
	width: 960px;
/*	background: #FFFFFF; */
	position: relative;
	display: block;
	height: 4500px;
}


#insideheader{
	height:150px;
	margin: 0px 0px;
	padding: 1px 0px;
	background: url(../images/insideheader.png) no-repeat left top;
	display: block;
	border: 1px solid #999999;
}

#homeheader{
	margin: 0px 0px;
	padding: 0px;
	height:80px;
}

#footer {
	clear: both;
	font: .7em Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	display: block;
	margin: 50px 0px;
	padding: 5px;
	position: relative;/*	position: fixed; */
/*	bottom: 0px; */
}

/* Global navigation area. */
#topnav {
	padding: 8px 0;
	display: block;
	text-align: right;
	margin: 10px 0px 0px;
}
#topnav ul {
	padding: 0;
	margin: 0 0px 0 0px;
	list-style-type: none;
	font-size: 1em;
	text-align: right;
	font-style: normal;
	font-weight: normal;
	color: #EEEEEE;
}
#topnav li {
	padding: 0 7px 0 7px; 
	margin: 0 5px 0 5px; 
	display: inline; 
}
#topnav li a:link, #topnav li a:visited {
	color: #EEEEEE; 
	text-decoration: none; 
	padding: 2px 10px 2px 5px; /* Spaces out each link from the pipe separators. Padding is used intstead of margin so that the background color used in the next selector will not so tightly enclose the text. */
}
#topnav li a:hover, #topnav li a:active, #topnav li a:focus {
	background: #999999; 
	color: #FFFFFF;
}
  

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("../images/topMenuImages.png") repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(105,46,46); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("../images/topMenuImages.png") 0px -30px no-repeat; outline:none;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("../images/topMenuImages.png") 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url("../images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url("../images/topMenuImages.png") 100% -90px no-repeat;}

html body div.clear,
html body span.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  margin: 0;
  padding: 0;
  position: static;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.gallitem img {
	text-align: center;
	vertical-align: middle;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border: 1px solid #999999;
}

.gallitem1 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 0px 0px 20px;
	padding: 0px;
	width: 285px;
	float: left;
	height: 285px;
}
.gallitem2 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 0px 0px 20px;
	padding: 0px;
	width: 285px;
	float: left;
	height: 260px;
}
.gallitem3 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 0px 0px 20px;
	padding: 0px;
	width: 285px;
	float: left;
	height: 200px;
}
.gallitem4 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 0px 30px 20px;
	padding: 0px;
	width: 285px;
	float: left;
	height: 160px;
}
.gallitem5 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 0px 0px 80px;
	padding: 0px;
	width: 350px;
	float: left;
	height: 200px;
}
.gallitem6 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 0px 30px 120px;
	padding: 0px;
	width: 286px;
	float: left;
	height: 390px;
}
.gallitem7 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 0px 0px 20px;
	padding: 0px;
	width: 285px;
	float: left;
	height: 366px;
}
.gallitem8 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 0px 0px 20px;
	padding: 0px;
	width: 285px;
	float: left;
	height: 360px;
}
.gallitem9 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 0px 0px 80px;
	padding: 0px;
	width: 350px;
	float: left;
	height: 200px;
}
.gallitem10 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 180px;
	padding: 0px;
	width: 600px;
	float: left;
	height: 419px;
}
.gallitem11 {
	border: 1px solid #999999;
	position: relative;
	vertical-align: bottom;
	margin: 60px 50px;
	padding: 0px;
	width: 859px;
	float: left;
	height: 644px;
}
.divider {
	display: block;
	margin: 50px 0px 10px 0px;
	padding: 1px 20px;
	clear: both;
	height: 60px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	top: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.divider h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	padding: 1px;
	font-size: 1.5em;
	font-style: normal;
}
#gallerycontent p {
	font: 1em/1.8em Arial, Helvetica, sans-serif;
	color: #333333;
}
#gallerycontent h3 {
	font: 1.3em/1.8em "Lucida Grande", sans-serif;
	color: #FFFFFF;
	text-align: left;
	padding: 0px 20px;
}
#aboutpic {
	margin: 30px;
	padding: 0px;
	float: left;
	height: 400px;
	width: 300px;
	position: relative;
}

#abouttext {
	font: 1em/1.5em "Lucida Grande", sans-serif;
	color: #F3F3F3;
	text-align: left;
	margin: 30px 40px 0px 0px;
	padding: 0px;
	float: right;
	width: 500px;
}
#aboutpic img {
	position: absolute;
	left: 0px;
	top: 0px;
}
#contactcontent {
	margin: 0px;
	padding: 0px;
	height: 500px;
	position: relative;
}
#contacttext {
	text-align: left;
	margin: 0px;
	padding: 20px;
	height: 300px;
	width: 450px;
	position: absolute;
	left: 291px;
	top: 41px;
	font: 1.5em/2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
