@charset "UTF-8";
/* CSS Document */

*	{margin:0;}

body	{
background-color:#FFFFFF;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:100%;
}

#container	{
width:800px;
margin:0px auto;
}

#header	{
width:300px;
height:100px;
padding:10px 0px;
}

#info, #projects, #links, #contact, #content	{
border:1px solid #999999;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding:5px;
background-color:#CCCCCC;
-webkit-box-shadow:5px 5px 3px #996666;
-moz-box-shadow:5px 5px 3px #996666;
-o-box-shadow:5px 5px 3px #996666;
box-shadow:5px 5px 3px #996666;
}

#info, #projects, #links, #contact	{
left:0px;
width:290px;
margin-bottom:10px;
}

#path, #content	{
position:absolute;
top:120px;
margin-left:310px;
width:480px;
}

#path	{
top:100px;
color:#999999;
font-size:10px;
}

img.left	{float:left;border:none;margin:3px 3px 3px 0px;}
img.right	{float:right;border:none;margin:3px 0px 3px 3px;}

p	{margin:3px 0px;}

a:link, a:visited	{
color:#000066;
text-decoration:underline;
}

a:hover	{
color:#0000FF;
text-decoration:underline;
}

#projects a:link, #projects a:visited, #projects p	{
text-decoration:none;
color:#000066;
text-align:left;
}

#projects p.here	{
text-align:right;
font-weight:bold;
color:#000066;}

#projects a:hover	{
color:#0000CC;
}

#path a:link, #path a:visited	{
text-decoration:none;
color:#999999;
margin-right:6px;
}

#path a:hover	{
color:#333333;
text-decoration:none;
}