@charset "utf-8";
/* CSS Document */
* {
     padding:0;
     margin:0;
     border:0;
}
body,td,th {
	color: #aaaaaa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	overflow:hidden;
	font-size: 12px;
}
html, body {
	background-color: #000000;


	height: 100%;
}
	

a:link {
	color: #CCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCC;
}
a:hover {
	text-decoration:underline;
	
	color: #fff;

}
a:active {
	text-decoration: none;
}



#header {
	position:absolute;
	background-color: #333;
	padding:10px;	
	width:100%;
	height:30px;
	vertical-align:middle;
	z-index:5;
	opacity:.75;
}



#footer {
background-color: #333;
position: absolute;
margin: -7.5em auto 0 auto;
width:100%;
text-align:center;
bottom: 0;
font-size: 10px;
height:16px;
z-index:10;
opacity:.75;

}

#floatinglogo {
background-image:url(images/bfly.png);
background-repeat:no-repeat;
width:125px;
height:125px;
position:absolute;
top:0px;
right:30px;
z-index:6;
margin:3px;
opacity:.75;
}

* html #container {
height:100%
}

#container {
	height:100%;
	min-height:100%;
 	max-height:100%;
	margin:0 auto;
 	padding:0px;
 	
}


#mainbody {
	
	position:absolute;	
	top:50px;
	bottom:31px;
	width:100%;
	z-index:4;
	

}

#paddiv {
height:100%;
min-height:100%;


}


#photocontainer {

position:absolute;
top:20px;
bottom:20px;
white-space: nowrap;
width:100%;

}

#aboutcontainer {

position:absolute;
top : 50%;
margin-top:-300px;
left :50%;
margin-left:-423px;
height : 600px;
white-space: nowrap;
width:857px;


}


#photodiv {
	position:relative;
	height:100%;
	min-height:100%;

	max-height:100%;
	overflow:auto;
	width:100%;

background-image:url(images/bg.jpg);
background-repeat:repeat-x;


	}