*
{
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: 24px;
text-align: right;
margin-bottom: 10px;
}
p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#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;
margin-bottom: 30px;
}
#nav
{
height: 476px;
margin-bottom: 4px;
background-image: url("../images/homebkgnd.jpg");
}
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: 464px;
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: 464px;
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: 464px;
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: 464px;
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: 464px;
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: 464px;
display: block;
float: left;
}
#text
{
border-top: solid #000000 5px;
padding: 25px;
}