/* CSS Document */

body{
	background: #000000 url(/img/bg.jpg) center top no-repeat;
	font-family:"Trebuchet MS", sans-serif, Tahoma;
	font-size:12px;
	color:#FFFFFF;
	margin:0;
}

#header{
	background: url(img/keng-face-dark.png) center top no-repeat;
	margin-top:-5px;
	margin-left:22px;
	height: 380px;

}

#menu{
	padding-top:10px;
	padding-bottom:40%;
	letter-spacing:1px;
position:absolute;
top:5px; left:20px;
	
}

#menu a{
	font-weight:bold;
	text-decoration:none;
	color: #AAC9FA;
	margin:0px -4px 12px -3px;
	text-align:left;
	font-size:13px;
	padding:8px 10px 8px 10px;
	display:block;
	background-color: #8F3276;
}

#menu a:hover{
color: #CCCCCC;
}

#menu a.current{
color: #AAC9FA;
}


#content {
	text-align:center;
	padding: 5px;
	top:180px;
	margin-left:26px;
	margin-top:10px;
}



#pic {
	padding:10px;
	text-align:center;
	right: 0;
	top:170px;
	margin-top: 10px;
	position: absolute;
}

#pic img{
	margin-bottom:10px;
	padding:4px;
	border: #993399 double 6px;
	width:135px;
}

#pic img:hover{border: #993399 double 6px;

}

a {
color:#99FFCC;
text-decoration:none;
}

a:hover{text-decoration:underline;}


h2{
font-size:33px;
font-weight:bold;
letter-spacing:20px;
margin-bottom:-1px;
} 

h3{
font-style:normal;
letter-spacing:2px;
color:#CCFF00;
margin:0;
}

hr{
height:3px;
border-bottom:#FFFFFF;
background-color:#993399;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#663366;
padding: 5px;
left:0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 80px; /*position where enlarged image should offset horizontally */
top:-480px;
z-index: 50;
}

</style>