*html {overflow-y:hidden;}

body{margin:0; padding:0 20px; font:normal 11px Georgia, "Times New Roman", Times, serif; color:#333;}
	*html body{height:100%; overflow-y:auto;}

a:link, a:visited{text-decoration:none; color:#333; outline:none;}
a:hover, a:active{color:#fff; outline:none;}

hr{height:1px; background:#333; border:0; margin:10px 5px; width:100px; color:#333;}
	*html hr{margin:5px 5px 5px -65px;}
	
	
.frame{width:1000px; margin:0;}

.navigation{width:180px; position:fixed; top:20px; z-index:500; height:100%;}
	*html .navigation{position:absolute; left:20px; height:100%;}
.navigation ul{margin:25px 0; padding:5px 0 0 0; list-style-type:none;}
.navigation ul.project_links{height:390px; overflow:auto; height:55%;}
	*html .navigation ul.project_links{height:350px;}
.navigation ul li{margin:0 0 10px 0; }
.navigation ul li a:link,.navigation ul li a:visited {padding:2px 5px; text-transform:uppercase}
.navigation ul li a:hover, .navigation ul li a:active{}
.navigation ul li a.selected{background:#000; color:#fff;}

.navigation h1{margin:0 0 2px 5px; font:normal 24px/24px georgia}
.navigation h4{margin:0 0 0 5px; font:italic 13px/13px georgia}

#about_me_link{padding:2px 0; margin:0 5px;}
#about_me_link:link, #about_me_link:visited{background:#fff;border-bottom:none;}
#about_me_link:hover, #about_me_link:active{background:#fff;border-bottom:1px dotted #000;color:#333;}
#about_me_link.selected:link, #about_me_link.selected:visited{border-bottom:1px dotted #000; color: #333;}

.footer{background:#fff; padding:5px 20px 17px 5px; font:normal 11px/17px georgia; position:fixed; bottom:0; background:#fff; z-index:9999;}
	*html .footer {position:absolute;}
.footer span{font-size:10px;}
.footer hr{margin: 9px 0; width:150px}
	*html .footer hr{margin:5px 5px 0 -35px;}
.footer a:link,.footer a:link{}
.footer a:hover,.footer a:active{color:#ff0000;} 

.project_images{padding:90px 0 0 180px; width:660px; text-align:center;}
.project_images img{margin:0 0 20px 0}

.project_description{position:fixed; top:125px; right:20px; width:200px;}
	*html .project_description{position:absolute}
.project_description h2{margin: 0 0 24px 0}
.project_description h2 span{padding:2px 5px; font:normal 16px/16px georgia;}
.project_description p{padding:2px 5px; font:normal 11px/18px georgia; background:#fff;}
.project_description a:link,.project_description a:visited{border-bottom:1px dotted #333; padding:2px 0; color:#333;}
.project_description a:hover,.project_description a:active{border-bottom:1px dotted #333; padding:2px 0; color:#333;}

.about_me{ padding:2px 5px}
.about_me:link, .about_me:visited {color:#333;}
.about_me:hover, .about_me:active { color: #FFF; background:#333 }