html, body, #layerwrap {height: 100%;}
body > #layerwrap {height: auto; min-height: 100%;}
body {margin: 0; padding: 0; background: #000000 url('images/bg.gif') top right repeat fixed;}

/* Basic Phrase Element Styles
---------------------------------------------------------- */
span {display: none;}
strong {font-weight: bold;}
p {margin: 0;}
table{font-size: 0.8em; width: 565px;}
table.audio{font-size: 1.0em; width: 565px; padding-top: 20px;}
h2 {margin-bottom: 0; color: #cc0000;}
img {border: none;}

/* Anchors
---------------------------------------------------------- */
a:link, a:active {text-decoration: none; color:#990000;}
a:visited {text-decoration: none;color:#990000;}
a:hover {text-decoration: none;color:#ffffff;}
a img {border-width: 0; border-style: none;}

/* Generic page structure
---------------------------------------------------------- */

#container{
	width: 850px;
	margin: 0 auto;
	}
	
#content{
	width: 850px;
	margin: 0;
	padding: 0;
	}
	
#content-left{
	width: 150px;
	float: left;
	}
	
#content-right{
	width: 650px;
	float: left;
	}
	
#contact-left{
	width: 200px;
	float: left;
	padding: 40px 0;
	_margin: 40px 0;
	}
	
#contact-right{
	width: 250px;
	float: left;
	padding: 40px 0;
	}
	
#home-right{
	width: 486px;
	float: left;
	}
	
#layerwrap {
	width: 850px;
	margin: auto;
	background: transparent url('images/flowers.png') no-repeat top;
	background-attachment: fixed;
	}
	
#logo{
	width: 850px;
	height: 170px;
	margin: 0;
	padding: 0;
	}
	
#photos {
	padding: 0 20px 0 40px;
	}
	
#photos img{
	padding: 20px 35px 0 0;
	}
	
#text{
	color: #ffffff;
	padding: 0 30px 0 30px;
	font-family: helvetica;
	font-size: 0.9em;
	}
	
#text-top{
	width: 614px;
	height: 25px;
	margin: 0;
	background: transparent url('images/content-top.png') no-repeat top left;
	}
	
#text-middle{
	width: 614px;
	min-height: 400px;
	margin: 0;
	background: transparent url('images/content-middle.png') repeat-y top left;
	}
	
#text-bottom{
	width: 614px;
	height: 22px;
	margin: 0;
	background: transparent url('images/content-bottom.png') no-repeat top left;
	}
	
	

/* Standard Navigation Structure
---------------------------------------------------------- */
#nav{
	padding: 125px 20px 0 0;
	text-align: right;
	}
.nav-gap{
	margin-bottom: 0px;
	}
	
a.home { 
        background: url('images/nav-home.png') repeat 0px 0px; 
        width: 130px; 
        height: 31px; 
        display: block; 
		}

a.home:hover { 
        background: url('images/nav-home.png') repeat 0px -31px; 
		}


a.bio { 
        background: url('images/nav-bio.png') repeat 0px 0px; 
        width: 130px; 
        height: 31px; 
        display: block;
		}

a.bio:hover { 
        background: url('images/nav-bio.png') repeat 0px -31px; 
		}
		
		
a.resume { 
        background: url('images/nav-resume.png') repeat 0px 0px; 
        width: 130px; 
        height: 31px; 
        display: block; 
		}

a.resume:hover { 
        background: url('images/nav-resume.png') repeat 0px -31px; 
		}
		
a.audio { 
        background: url('images/nav-audio.png') repeat 0px 0px; 
        width: 130px; 
        height: 31px; 
        display: block; 
		}

a.audio:hover { 
        background: url('images/nav-audio.png') repeat 0px -31px; 
		}
		
a.photos { 
        background: url('images/nav-photos.png') repeat 0px 0px; 
        width: 130px; 
        height: 31px; 
        display: block; 
		}

a.photos:hover { 
        background: url('images/nav-photos.png') repeat 0px -31px; 
		}

a.contact { 
        background: url('images/nav-contact.png') repeat 0px 0px; 
        width: 130px; 
        height: 31px; 
        display: block; 
		}

a.contact:hover { 
        background: url('images/nav-contact.png') repeat 0px -31px; 
		}




/* Index Navigation Structure
---------------------------------------------------------- */
#home-left{
	width: 264px;
	float: left;
	}
	
#home-nav{
	padding: 125px 20px 0 0;
	float: right;
	}