/* CSS Document */


body {
background-color:#000000;
border:0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
font-size: 10px;
color:#ffffff;
}

#homeContainer a {
color:#8e8e8e;
text-decoration: none;
}

#homeContainer a:hover {
background-color: #fff;
color:#000;
text-decoration: none;
}

#workContainer a {
color:#8e8e8e;
text-decoration: none;
}

#workContainer a:hover {
background-color: #fff;
color:#000;
text-decoration: none;
}

#contactContainer a {
color:#8e8e8e;
text-decoration: none;
}

#contactContainer a:hover {
background-color: #fff;
color:#000;
text-decoration: none;
}



#logoContainer {
position:absolute;
right: 30px;
height:33px;
margin: 0 10px 0 0;
}

#navContainer {
float: left;
width: 453px;
margin: 30px 0 0 0;
border: 0;
padding:0;
}

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

li a {
display:block;
height: 55px;
width: 453px;
overflow: hidden;
}

#nav1 a {
background: url("../imgDir/home.gif") 0 0 no-repeat;
}
#nav1 a:hover { 
background-position: 0 -110px;
}
#nav1 a:active {
background-position: 0 -55px;
}
#nav1active a {
background: url("../imgDir/home.gif") 0 -55px no-repeat;
}
#nav1active a:hover { 
background-position: 0 -55px;
}
#nav1active a:active {
background-position: 0 -55px;
}


#nav2 a {
background: url("../imgDir/about.gif") 0 0 no-repeat;
}
#nav2 a:hover { 
background-position: 0 -110px;
}
#nav2 a:active {
background-position: 0 -55px;
}
#nav2active a {
background: url("../imgDir/about.gif") 0 -55px no-repeat;
}
#nav2active a:hover { 
background-position: 0 -55px;
}
#nav2active a:active {
background-position: 0 -55px;
}


#nav3 a {
background: url("../imgDir/work.gif") 0 0 no-repeat;
}
#nav3 a:hover { 
background-position: 0 -110px;
}
#nav3 a:active {
background-position: 0 -55px;
}
#nav3active a {
background: url("../imgDir/work.gif") 0 -55px no-repeat;
}
#nav3active a:hover { 
background-position: 0 -55px;
}
#nav3active a:active {
background-position: 0 -55px;
}


#nav4 a {
background: url("../imgDir/contact.gif") 0 0 no-repeat;
}
#nav4 a:hover { 
background-position: 0 -110px;
}
#nav4 a:active {
background-position: 0 -55px;
}
#nav4active a {
background: url("../imgDir/contact.gif") 0 -55px no-repeat;
}
#nav4active a:hover { 
background-position: 0 -55px;
}
#nav4active a:active {
background-position: 0 -55px;
}


#homeContainer {
float: left;
width: 453px;
margin: 70px 0 0 6px;
border: 0;
}

#aboutContainer {
float: left;
width: 453px;
margin: 125px 0 0 6px;
border: 0;
}

#workContainer {
float: left;
width: 453px;
margin: 179px 0 0 6px;
border: 0;
}

#contactContainer {
float: left;
width: 453px;
margin: 234px 0 0 6px;
border: 0;
}

span a {
color:#8e8e8e;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
}

span a:hover {
background-color:#fff;
color:#000;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
}
span a:active {
background-color:#fff;
color:#000;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
}

span a:visited {
color:#666666;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
}

.copyright {
position: absolute;
right: 50px;
bottom: 20px;
text-align:right;
background-color:#000;
color:#fff;
font-size:9px;
}