*
{
margin: 0;
padding: 0;
}
body
{
background-color: #000000;
}
a
{
border: none;
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding-top: 12px;
text-align: center;
border: none;
text-decoration: none;
}
h1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 35px;
text-align: left;
padding: 10px 0  0 10px;
}
h2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
padding-left: 10px;
}
h3
{
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
vertical-align: middle;
font-weight: lighter;
}
p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left: 10px;
}
p#footer
{
font-size: 10px;
color: #FFFFFF;
float: right;
margin: 3px 0 30px 0;
}
p.email
{
font-size:26pt; 
text-align:center; 
font-weight:bold; 
padding-top:140px; 
color:#000000; 
text-decoration: underline;
}
table
{
margin: 10px;
}
td
{
padding-top: 10px;
}
ul
{
padding: 30px 92px;
}
li 
{
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 0 5px;
text-align: right;
text-decoration: underline;
}
li a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}
#container
{
width: 660px;
margin: 0 auto;
}
#header
{
height: 60px;
float: left;
margin-top: 10px;
}

#header img
{
border-style: none;
}
#content
{
width: 654px;
float: left;
background-color: #FFFFFF;
border: solid #FFFFFF 3px;
}
#nav
{
height: 92px;
background-color: #FFFFFF;
}
#nav.about
{
background-image: url("../images/about_bkgnd.gif");
}
#nav.photo
{
background-image: url("../images/photo_bkgnd.gif");
}
#nav.film
{
background-image: url("../images/film_bkgnd.gif");
}
#nav.design
{
background-image: url("../images/design_bkgnd.gif");
}
#nav.contact
{
background-image: url("../images/contact_bkgnd.gif");
}
a#home
{
background-image: url("../images/home.gif");
width: 109px;
height: 28px;
display: block;
float: left;
}
a#home:hover
{
background-image: url("../images/home_hover.png");
width: 109px;
height: 80px;
display: block;
float: left;
}
a#about
{
background-image: url("../images/about.gif");
width: 109px;
height: 28px;
display: block;
float: left;
}
a#about:hover
{
background-image: url("../images/about_hover.png");
width: 109px;
height: 80px;
display: block;
float: left;
}
a#photo
{
background-image: url("../images/photo.gif");
width: 109px;
height: 28px;
display: block;
float: left;
}
a#photo:hover
{
background-image: url("../images/photo_hover.png");
width: 109px;
height: 80px;
display: block;
float: left;
}
a#film
{
background-image: url("../images/film.gif");
width: 109px;
height: 28px;
display: block;
float: left;
}
a#film:hover
{
background-image: url("../images/film_hover.png");
width: 109px;
height: 80px;
display: block;
float: left;
}
a#design
{
background-image: url("../images/design.gif");
width: 109px;
height: 28px;
display: block;
float: left;
}
a#design:hover
{
background-image: url("../images/design_hover.png");
width: 109px;
height: 80px;
display: block;
float: left;
}
a#contact
{
background-image: url("../images/contact.gif");
width: 109px;
height: 28px;
display: block;
float: left;
}
a#contact:hover
{
background-image: url("../images/contact_hover.png");
width: 109px;
height: 80px;
display: block;
float: left;
}
#text
{
width: auto;
padding: 20px;
}
#text a
{
padding: 0;
margin: 0;
}
#text img
{
padding: 10px;
}
#text a img
{
padding: 0;
margin: 0;
border: solid 2px #FFFFFF;
}
#text a:hover img
{
padding: 0;
margin: 0;
border: solid 2px #000000;
}
#text img.profile
{
border: solid 4px #000000;
padding: 0; 
margin: 5px;
}
#profile
{
margin: 40px 54px;
height: 342px;
}
a#web 
{
border: none;
text-decoration: underline;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
position: relative;
bottom: 95px;
right: 15px;
}
#graphic
{
margin-right: 40px;
}
#photography
{
margin-left: 80px;
}
#photography a img, #photography a:hover img
{
margin: 10px;
}
#portfolio
{
padding-top: 20px;
height: 490px;
}
#portfolio img
{
padding: 0;
}