/* CSS Document */

body {
	font-family:Georgia, serif;
	background:#fff;
	margin:0px;
	padding:0px;
}

h1{
	font-size:24px;
	color:#333;
	text-transform: lowercase;
	font-weight:normal;
}

h2{
font-size:14px;
color:#777;
font-style:italic;
}

p {
color:#000;
font-size:11px;
line-height:1.5em;
}

p a{
color:#707070;
font-size:11px;
text-decoration:none;
}

p a:hover{
color:#333;
font-size:11px;
text-decoration:underline;
}

a {
text-decoration:none;}

a:hover {
text-decoration:underline;
}

img {border:0;}

ul {
font-size:11px;
color:#333;
}

ul a {
color:#333;
text-decoration:none;
}

ul a:hover {
color:#707070;
text-decoration:underline;
}

li {
line-height:24px;
list-style-type: none; 
margin-left:10px;
}

#container{
width:750px;
height:600px;
overflow:visible;
background:#FFF;
padding:25px;
text-align:left;
}

#header{
width:750px;
margin:0px 0px 0px 0px;
padding:0px;
float:right;
}

#content{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
}

#contentRESUME{
margin:0px 50px 0px 0px;
padding:10px 0px 0px 0px;
}

#footer{
height:50px;
font-size:9px;
font-family:trebuchet ms;
}

#footer a{
color:#707070;
text-decoration:none;
}

#footer a:hover {
color:#333;
text-decoration:underline;
}

#nav{
margin:0px 50px 0 0;
padding:5px 0 0 0;
background-image: url(images/work-nav.png);
background-position: center top;
background-repeat: no-repeat;
text-decoration:none;
text-align:center;
float:left;
height:700px;
width:170px;
line-height:22px;
letter-spacing: .21em;
}

#nav td{
margin:0;
padding:0;
}

#nav a{
color:#333333;
font-size:10px;
}

#nav a:hover{
color:#707070;
text-decoration:underline;
}

#nav_resume a img{
width:170px;
height:110px;
background-image: url(images/resume-nav.png);}
#nav_resume a:hover img{
background-position:-170px 0;}

#nav_email a img{
width:170px;
height:40px;
background-image: url(images/email-nav.png);}
#nav_email a:hover img{
background-position:-170px 0;}

#nav_topPRINT a img{
width:142px;
height:30px;
background-image: url(images/top-nav_02.png);}
#nav_topPRINT a:hover img{
background-position:-142px 0;}

#nav_topWEB a img{
width:142px;
height:22px;
background-image: url(images/top-nav_03.png);}
#nav_topWEB a:hover img{
background-position:-142px 0;}

#nav_topILLUS a img{
width:142px;
height:32px;
background-image: url(images/top-nav_04.png);}
#nav_topILLUS a:hover img{
background-position:-142px 0;}

#nav_BLOG a img{
width:275px;
height:50px;
background-image: url(images/blog-tile.png);}
#nav_BLOG a:hover img{
background-position:-275px 0;}


/* WEB Pop copy descriptions */






.pop:hover{

	background-color: transparent;

}



.pop:hover span{

	visibility: visible;

	position: absolute;

	left: 0px;

	top: -100px;

	color:#999999;

	font-size: 34px;

	background-color: transparent;

}



.pop span{

	position: absolute;

	background-color: #FFFFFF;

	left: -1000px;

	visibility: hidden;

	color: #FFFFFF;

	text-decoration: none;

}