body{
margin:0px;
padding:0px;
background: url('background.jpg');
}

a{
color:#cc0000;
text-decoration: none;
}

h2{
font-size:25px;
font-family:georgia,"times new roman",serif;
font-weight:normal;
font-variant:small-caps;
border-bottom:#000000 dashed 1px;
}

p{
font-size:14px;
font-family:verdana,lucida,sans-serif;
font-weight:normal;
}

h3{
font-size:20px;
font-family:georgia,"times new roman",serif;
font-weight:normal;
}

.note-text{
text-decoration: italic;
color: #a9a9a9;
font-size: 12px;
}

.note-footer{
color: #333333;
font-size: 10px;
}

.project-section{
border-bottom: #a9a9a9 dashed 1px;
padding-bottom: 2px;
}

#content-wrap{
position:relative;
width:830px;
height:480px;
margin:auto;
margin-top: 70px;
background: url('frame.png');
}

#nav-links ul{
position:relative;
float:left;
width:190px;
margin-top:30px;
list-style-type:none;
padding:0px;
margin-left:25px;
}

#nav-links li{
position:relative;
font-size:20px;
font-family:georgia,"times new roman",serif;
border-bottom:0px solid #c0c0c0;
z-index:10;
}

#nav-links li a{
position:relative;
outline: none;
height:40px;
padding-top:15px;
padding-bottom:0px;
padding-left:5px;
text-decoration:none;
color:#000000;
display:block;
height:40px;
}

#nav-links li:hover{
background: url('marker_hover.png') no-repeat;
}

#actual-content{
position:relative;
float:right;
margin-right:30px;
margin-top:30px;
width:555px;
height:400px;
overflow:auto;
background:#f8f8ff;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
/*border:4px solid #bdc5eb;*/
border: 4px solid #f8f8ff;
z-index:1;
}

h1.adi{
right: 10px;
top: -45px;
margin:0px;
text-indent: -99999px;
width:400px;
height:70px;
background: url('adi.png') no-repeat;
position:absolute;
}

.footer{
text-align:center;
position:relative;
}

.active{
width:193px;
background: url('marker_hover.png') no-repeat;
color:#000000;
}

.active a:hover{
background: url('marker_hover.png') no-repeat;
}