@charset "UTF-8";
/* CSS Document */
body 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #af7c49;
}

a
{
color: #fefffe;
}

#wrapper
{
    position: relative;
    width: 800px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	background-color: #cc9966;
	color: #fefffe;	
}

#wrappermethods 
{
    position: relative;
    width: 800px;
	height: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #cc9966;
	color: #fefffe;	
}

#wrapperresume
{
    position: relative;
    width: 800px;
	height: 1250px;
	margin-left: auto;
	margin-right: auto;
	background-color: #cc9966;
	color: #fefffe;
}

#header
{
    position: absolute;
	top: 40px;
	left: 40px;
	z-index: 100;
	width: 150px;
	height: 150px;
	/*background-color: #cc6633;*/
}

.content
{
	position: absolute;
	top: 200px;
	left: 150px;
	width: 315px;
	font-size: 70%;
}

#contentboxindex
{
	position: absolute;
	top: 110px;
	left: 130px;
	width: 375px;
	height: 320px;
	background-color: #af7c49;	
}

#contentboxmethods
{
	position: absolute;
	top: 110px;
	left: 130px;
	width: 375px;
	height: 880px;
	background-color: #af7c49;
	}

#contentboxresume
{
	position: absolute;
	top: 110px;
	left: 130px;
	width: 375px;
	height: 1125px;
	background-color: #af7c49;
	}	
	
/*#overlap1
{
	position: absolute;
	top: 110px;
	left: 130px;
	z-index: 10;
	width: 60px;
	height: 80px;
	background-color: #af6633;
}*/

#flashcontent
{
position: absolute;
top: 40px;
left: 130px;
}

#overlap2
{
position: absolute;
top: 110px;
left: 475px;
z-index: 10;
width: 30px;
height: 320px;
background-color: #995033;
}

#overlap2methods
{
position: absolute;
top: 110px;
left: 475px;
z-index: 10;
width: 30px;
height: 425px;
background-color: #995033;
}

#overlap2resume
{
position: absolute;
top: 110px;
left: 475px;
z-index: 10;
width: 30px;
height: 425px;
background-color: #995033;
}

#photoimagespacetop 
{
    position: absolute;
    top: 40px;
    left: 475px;
    width: 268px;
    height: 70px;
    background-color: #993333;
} 

#photoimagespaceright 
{
    position: absolute;
    top: 110px;
    left: 713px;
    width: 30px;
    height: 320px;
    background-color: #993333;
} 

#photoimagespacebottom
{
    position: absolute;
    top: 430px;
    left: 475px;
    width: 268px;
    height: 105px;
    background-color: #993333;
} 

#photoimagespaceleft
{
    position: absolute;
    top: 110px;
    left: 475px;
    width: 30px;
    height: 316px;
    background-color: #993333;
} 

#photoimagespace p
{
position: absolute;
top: 395px;
left: 30px;
width: 212px;
height: 60px;
font-size: 70%;
color: #fefffe;
padding: 0 5px 5px 5px;
margin: 0;
}


#photoimage 
{
position: absolute;
top: 110px;
left: 505px;
}

#photoimagetext
{
position:absolute;
top: 45px;
left: 475px;
width: 212px;
height: 60px;
font-size: 90%;
color: #fefffe;
padding: 0 5px 5px 5px;
margin: 0;
}

#navigation
{
position: absolute;
top: 210px;
left: 40px;
}

#navigation ul
{
list-style: none;
margin: 0;
padding: 0;
}

#navigation li 
{
width: 90px;
height: 30px;
margin: 0 0 20px 0;
}

#navigation li a
{
font-size: 85%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
background-color: #993333;
color: #fefffe;
text-decoration: none;
}

#navigation li a:hover
{
background-color: #af7c49;
}

#contact
{
position: absolute;
top: 535px;
left: 40px;
width: 703px;
height: 30px;
background-color: #cc6633;
}

#contact ul
{
margin: 0;
padding: 0;
}

#contact li
{
font-size: 75%;
display:inline;
margin: 0;
padding: 0.4em 0 0.4em 1em;
color: #fefffe;
}

#contactmethods
{
position: absolute;
top: 945px;
left: 40px;
width: 703px;
height: 30px;
background-color: #cc6633;
}

#contactmethods ul
{
margin: 0;
padding: 0;
}

#contactmethods li
{
font-size: 75%;
display:inline;
margin: 0;
padding: 0.4em 0 0.4em 1em;
color: #fefffe;
}

#contactresume
{
position: absolute;
top: 1180px;
left: 40px;
width: 703px;
height: 30px;
background-color: #cc6633;
}

#contactresume ul
{
margin: 0;
padding: 0;
}

#contactresume li
{
font-size: 75%;
display:inline;
margin: 0;
padding: 0.4em 0 0.4em 1em;
color: #fefffe;
}

#copy
{
position: absolute;
top: 565px;
left: 40px;
font-size: 60%;
color: #cc6633;
}

#site
{
position: absolute;
top: 565px;
left: 612px;
font-size: 55%;
color: #cc6633;
}

#site a
{
color: #cc6633;
}