body
{
background-color: #373737;
font-family: arial, helvetica;
margin:0px;
}
.hidden
{
display: none;
}
.visibile
{
cursor: hand;
}


#main
{
width: 100%;
}

#bottom
{
background: url(images/back_bottom.gif);
font-size: 11px;
padding: 4px;
height: 24px;
width: 780px;
}

#bottom A
{
color:#000000;
}
#bottom A:hover
{
color:#ffffff;
}

#container
{
width: 780px;
height: 440px;
border: #535353 solid 1px;
text-align: left;
margin-top:10px;
}
#container2
{
width: 780px;
height: 580px;
border: #535353 solid 1px;
text-align: left;
margin-top:10px;
}
#container3
{
width: 780px;
height: 580px;
border: #535353 solid 1px;
text-align: left;
margin-top:10px;
}
.splashContainer
{
background: url(images/backsplash.gif);

}
.otherContainer
{
background: url(images/back.gif);
background-repeat: no-repeat;
}

#logoSplash
{
position: relative;
top: 145px;
left:2px;
}
#header
{
margin-top: 17px;
width:100%;
}
#logo
{
width: 100px;
}
#menucell
{
}
#menu .current
{
color: #000000;
font-size: 11px;

}
#menu IMG
{
margin-right: 5px;
}
#menu A
{
font-size: 11px;
color: #ffffff;
}
#menu A:hover
{
color: #000000;
}


#enter
{
position: relative;
display:inline;
left:600px;
top: 15px;
vertical-align: middle;
}

#splashCoordinates
{
position: relative;
text-align:  right;
left: -5px;
top: 115px;
font-family: arial, helvetica;
font-size: 11px;
color: #787878;
border: 1px;
}
A
{
color: #787878;
text-decoration: none;
}
A:hover
{
color: #ffffff;
text-decoration: none;

}

A.projectlink
{
text-decoration: underline;
}

#imgContainer
{
position: relative;
border: 1px solid #535353;
left:405px;
top: 63px;
width:166px;
text-align: center;
}
#imgContainer IMG
{
border: #000000 solid 2px;
margin-top: 3px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}

#news
{
width: 175px;
}
#portfolio
{
width: 275px;
font-size: 11px;
color: #787878;
margin-left: 50px;
}
#bio
{
margin: 30px 0 0 50px;
width: 500px;
font-size: 11px;
color: #787878;
}
#projects
{
margin: 30px 0 0 50px;
width: 700px;
font-size: 11px;
color: #787878;
}
#portfolio A
{
font-size: 12px;
}
#portfolio TD
{
font-size: 12px;
color: #787878;
}

#portfolio .thumb
{
margin-top: 3px;
margin-right: 0px;
border: 1px solid #787878;
}
#contact
{
width: 275px;
margin-top: 95px;
margin-left: 50px;
font-size: 11px;
}
#contact TD
{
font-size: 12px;
color: #787878;
}


.box
{
font-size: 12px;
border: 1px solid #808080;
height: 270px;
color: #7B7B7B;
padding:10px;
margin-bottom: 50px;
}

.box2
{
font-size: 12px;
border: 1px solid #808080;
height: 410px;
color: #7B7B7B;
padding:10px;
}

#photoDiv
{
margin-top: 5px;
margin-left: 10px;
}
#imageTable
{
height: 340px;
width: 440px;
font-size: 11px;
color:#969696;
}
#imageTable2
{
height: 350px;
width: 420px;
font-size: 11px;
color:#969696;
}
#imageHolder
{
border: 2px solid #000000;
}

#imageTable A
{
font-size: 11;
}

#imageTable .arrow
{
margin-left: 5px;	
margin-right: 5px;	
}
#imageTable .desc
{
padding-left:15px;
color:#BABABA;
height: 10px;
}

#thumbnails
{
margin-top: 30px;
margin-left: 68px;
width: 255px;
}

#thumbnails IMG
{
margin-top: 4px;
margin-bottom: 4px;
}
#thumbnails .thumb
{
border: 1px solid #373737;
}
#thumbnails .thumbOver
{
border: 1px solid #ffffff;
}

#portfolioSubmenu
{
margin-left: 68px;
}

#portfolioSubmenu .current
{
width: 255px;
color: #ffffff;
font-size: 11px;
}
#portfolioSubmenu .item

{
width: 255px;
color: #ffffff;
font-size: 11px;
}


#portfolioSubmenu A
{
color:#969696;
font-size: 11px;
}
#portfolioSubmenu A:hover
{
color:#ffffff;
}
.greyborder
{
border: 1px solid #808080;
font-size: 12px;
}
