body{
background-color: black;
}

#site{
width: 1020px;
height: 770;
position: absolute;
top: 0;
left: 0;
/*border: solid 1px #d7d7d7;*/
}
#ivy{
top: 0;
left: 0;
width: 258;
height: 770;
background-image:url(../layout/ivy.png);
/*background-color:black;*/
position: absolute;
z-index:4;
}
/*#grad{
top: 0;
left: 200;
height: 770;
width:820;
background-color: black;
background-image:url(../layout/gradToBlack.png);
background-repeat:repeat-y;
background-position:left;
position: absolute;
display: block;
}*/

#header{
position: absolute;
top:0;
left:0;
width:1000px;
height:110;
z-index:1;
}
#logo{
text-align: center;
background-image:url(../layout/logo.png);
width: 195;
height: 65;
/*margin: auto;*/
top:0;
left:510;
position: relative;
}
#bar{
left:50px;
height: 18;
width:970px;
background: white;/*#d7d7d7;*/
position: relative;
z-index:3;
}

#topmenu{
width: 800px;
left:310px;
position: relative;
height:42;
top:-18;
margin: auto;
}
#topmenu li{
float: left;
background-color:white;
margin: 10 2 10 0;
top: -10;
/*width: 146;*/
height:42;
position: relative;
list-style: none;
}

#topmenu a{
float: left;
/*background-image:url(../layout/leftButtonCorner.png);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left;*/
background-color: white;
margin: 1 1 1 1;
/*width:144;*/
height:42;
top: 0;
display: block;
position: relative;
vertical-align: top;
text-align: center;
text-decoration: none;
color: #727272;
padding: 0 10 0 10;
}

#home #home {
color: #004c1d;
border-bottom:solid red 2px;
}
#home #home:hover{
top:0;
color: #004c1d;
}
#photo #photo {
color: #004c1d;
border-bottom:solid red 2px;
}
#photo #photo:hover{
top:0;
color: #004c1d;
}
#art #art {
color: #004c1d;
}
#art #art:hover{
top:-12;
}
#3d #3d {
color: #004c1d;
border-bottom:solid red 2px;
}
#3d #3d:hover{
top:0;
color: #004c1d
}
#writing #writing {
color: #004c1d;
}
#writing #writing:hover{
top:-12;
}
#info #info {
color: #004c1d;
}
#info #info:hover{
top:-12;
}

#topmenu li:hover{
top: 3;
}

#topmenu #home {
width: 50px;
}

#txtdrop{
position: relative;
top: 0px;
height: 20px;
}

#content{
top: 80;
position: relative;
display: block;
height:690px;
width:970px;
left:52px;
/*background-image:url(../layout/tileback.jpg);*/
}
#index{
color:white;
left: 200;
top:45px;
width:705px;
display: block;
position: relative;
}
#index img{
width: 150px;
height: 150px;
background-color: black;
border: 2px solid black;
}

#index img:hover{
border-color: green;
}

#slidebox{
float: left;
margin: 10 10 10 10;
vertical-align: bottom;
height: 200px;
border: 1px solid black;
background-color:#004c1d;
text-align: center;
text-decoration:none;
color: white;
}

#slidebox:hover{
color: black;
}
#content a{
text-decoration:none;
}
#rightside{
background-image:url(../layout/tileside.jpg);
background-repeat: repeat-y;
top:73px;
position: relative;
left: 1013px;
height:770px;
}
#txt{
color: white;
width: 430;
margin: auto;
position: relative;
left: 40;
}