html { 
z-index: 1; 
background-color: white;
background-image: url("images/back.jpg")
width: 100%;
height: 100%;
position: absolute; 
overflow: auto;
top: 0; 
left: 0;
}

#me {
position: absolute;
z-index: 500;
background-color: none;
top: 374px;
left: 298px;
width: 80px;
height: 25px;
}

#flourish {
position: fixed;
width:100%;
height: 100%;
left: 175px;
top: 230px;

}


#squiggle {
z-index: 400;
position: absolute;
top: 198px;
left: 190px;
background-color: none;
font-family:  "cambria", "times new roman", "georgia", "helvetica";
font-size: small;
height: 300px;
width: 480px;
}


#contactInfo {
z-index: 100;
position: fixed;
float: center;
border: 0pt;
top: 280px;
left: 47%;
width: 100%;
background-color: none;
font-family:  "cambria", "times new roman", "georgia", "helvetica";
font-size: small;
}

#bioInfo {
z-index: 100;
position: absolute;
width: 300px;
height: 70px;
border: 0pt;
top: 342px;
left: 500px;
background-color: ;
font-family:  "cambria", "times new roman", "georgia", "helvetica";
font-size: medium;
}

#footer {
position: fixed;
z-index: 500;
float: center;
width: 100%;
left: 225px;
top: 95%;
background-color: white;
font-family:  "cambria", "times new roman", "georgia", "helvetica";
font-size: x-small;
}


#photoGal {
z-index: 30;
width: 600px;
height: 100%;
background-color: none;
left: 7%;
right: 70%;
top: 50px;
bottom: 50px;
padding: 5px;
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
}


#links { 
z-index: 10;
width: 80px;
position: fixed;
top: 250px;
left: 800px;
background-color: none; 
}


.linkover {
	border: 0px solid #575757;
	margin-left: 12px;
}

.img {
	border: 0px solid #575757;
	margin-left: 12px;
}

#face {
z-index: 4;
width: 100%;
height: 100%;
background-color: yellow;
background: url("images/faceflip.png") no-repeat;
position: fixed;
top: -50px;
left: 80%;
right: -1px;
}

a:link {
color: black;
text-decoration: none;
}

a:active { color: silver; text-decoration: none }
a:visited { color: black; text-decoration: none }
a:hover { color: silver; text-decoration: none }