/* CSS Document */


body{background:url(images/main-bg.gif) 0 0 repeat-x #A8A39D; color:#1A1917; margin: 0; padding:0; font:14px/20px Arial, Helvetica, sans-serif;}
div, p, ul {
	margin:0;
	}
	
h1{
	font-size: 3em;
	color:#cdc6a7;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

h2 {
	font-size: 2em;
	color:#cdc6a7;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}
	
ul {
	list-style-type:none;
}

img {
	border:none;
}

#header {
	width: auto;
	height: 150px;
	padding: 10px;
	background: url(images/headerBG.png) repeat-x; 
	}
	
	
#containerTop {
	width: 902px;
	height:20px;
	margin: -20px 0 auto 78px;
	background-image: url(images/containerTopBG.png);
	background-repeat: repeat-x;
	}
	
#container {
	width: 1100px;
	height:auto;
	padding: 20px;
	margin: -48px auto 0 auto;
	background-image: url(images/containerBG.png);
	background-repeat: repeat-y;
	}

#menu {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	}

#menu ul li {
	display:inline;
	text-decoration:none;
	text-align:center;
	}
		
#menu ul li a {
	display:inline; 
	text-decoration:none; 
	text-align:center;
	}

#menu .currentHome{
	width: 150px;
	height: 125px;
	float: left;
	background-image: url(images/buttonCurrentHome.png);
}

#menu .currentBio{
	width: 150px;
	height: 125px;
	float: left;	
	background-image: url(images/buttonCurrentBio.png);
}

#menu .currentGallery{
	width: 150px;
	height: 125px;
	float: left;
	background-image: url(images/buttonCurrentGallery.png);
}

#menu .currentContact{	
	width: 150px;
	height: 125px;
	float: left;
	background-image: url(images/buttonCurrentContact.png);
}

#menu .currentLinks{	
	width: 150px;
	height: 125px;
	float: left;
	background-image: url(images/buttonCurrentLinks.png);
}

#menu .home{
	width: 150px;
	height: 125px;
	float: left;
	background-image:url(images/buttonHome.png);
}

#menu .home:hover {
	width: 150px;
	height: 125px;
	background-image: url(images/buttonHoverHome.png);
}

#menu .bio{
	width: 150px;
	height: 125px;
	float: left;
	background-image:url(images/buttonBio.png);
}

#menu .bio:hover {
	width: 150px;
	height: 125px;
	background-image: url(images/buttonHoverBio.png);
}

#menu .gallery{
	width: 150px;
	height: 125px;
	float: left;
	background-image:url(images/buttonGallery.png);
}

#menu .gallery:hover {
	width: 150px;
	height: 125px;
	background-image: url(images/buttonHoverGallery.png);
}

#menu .contact{
	width: 150px;
	height: 125px;
	float: left;
	background-image:url(images/buttonContact.png);
}

#menu .contact:hover {
	width: 150px;
	height: 125px;
	background-image: url(images/buttonHoverContact.png);
}

#menu .links{
	width: 150px;
	height: 125px;
	float: left;
	background-image:url(images/buttonLinks.png);
}	

#menu .links:hover {
	width: 150px;
	height: 125px;
	background-image: url(images/buttonHoverLinks.png);
}
	
#main{
	width:600px;
	height: auto;
	margin-left: auto;
	margin-right:auto;
	clear: left;
	}
#container #main img {
	margin-top: 20px;
}


#main h3 	{
	display: block;
	width: auto;
	margin-right: auto;
	margin-left: auto;	 
}	
	
#gallery {
	width:800px;
	margin-left: auto;
	margin-right:auto;
	margin-top:20px;
	clear:both;
	}


#flashContent {
	width:800px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	
}
	
	
#links {
	background-image: url(images/linkBoard.jpg);
	background-repeat:no-repeat;
	width:600px;
	height: 500px;
	margin-left: auto;
	margin-right:auto;
	padding-top: 10px;
	clear: both;
}

#bio {
	background-image: url(images/bioBook.png);
	background-repeat:no-repeat;
	width:600px;
	height: 500px;
	padding-top: 40px;
	padding-left: 20px;
	margin-left: auto;
	margin-right:auto;
	clear: left;
}

#bio p{
	width:250px;
	height: 400px;
	margin-left: 300px;
	margin-right:auto;
	font-size: .8em;
}

#container #links img {
	margin-top: 20px;
	margin-left: 30px;
}


#secondary{
	width:600px; 
	margin: 20px auto 0 auto;
	}
	
#secondary img {
	float:left;
	margin: 0 10px 5px 0;
	}

#footer {
	width:auto;
	height:40px;
	margin: -20px 0 0 0;
	padding: 5px;
	background-image: url(images/footerBG.png);
	background-repeat: repeat-x;
	
}
.bold {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

#footerText {
	width: 900px;
	margin: 20px auto 0 auto;
	text-align:right;
	text-decoration:none;
	}
	
#copyRight {
	color: #FFFFFF;
	margin: 20px auto 0 auto;
	text-align: center;
}
	
#footerText a {
	text-decoration:none;
	color: #cdc6a7;
	}
a {
	text-decoration: none;
	color: #333333;
}
#space {
	clear: both;
	height: 30px;
	width: 5px;
}