@charset "utf-8";

html {
    background-color: #f9f8f3;
    }
body {
	overflow-y: scroll;
    }
body#index {
	overflow-y: auto;
    }
.hidden {
	display: none;    
    }
	
/* home */
#home {
	position: absolute;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	height: 395px;
	top: 50%;
	margin-top: -230px;
	background-image: url(../img/vert_line.png);
	background-repeat: no-repeat;
	background-position: 260px 0px;
    }
#home #logo {
	position: absolute;
	width: 250px;
	height: 35px;
	top: 50%;
	margin-top: -18px;
	float: left;
	background-image: url(../img/logo_home.png);
	background-repeat: no-repeat;
	background-position: 3px 0px;
    }
#home #nav {
	list-style-type: none;
	width: 250px;
	top: 50%;
	margin-top: -73px;
	position: absolute;
	left: 250px;
    }
#home #nav a{
    display: block;
	margin-left: 30px;
	height: 16px;
	margin-bottom: 27px;
	background-repeat: no-repeat;	
    }
#home #nav-works {
	width: 38px;
	background-image: url(../img/nav_home_works.png);
    }
#home #nav-works:hover {
	background-position: -38px 0px;
    }
#home #nav-cv { 
    width: 14px;
	background-image: url(../img/nav_home_cv.png);
    }
#home #nav-cv:hover {
	background-position: -14px 0px;
    }
#home #nav-contact {
    width: 48px;
	background-image: url(../img/nav_home_contact.png);
    }
#home #nav-contact:hover {
	background-position: -48px 0px;
    }
#home #nav-links {
    width: 29px;
	background-image: url(../img/nav_home_links.png);
	margin-bottom: 0px;
    }
#home #nav-links:hover {
	background-position: -29px 0px;
    }
	
/* text */	
#content {
	position: absolute;
    width: 453px;
	left: 50%;
	margin-left: -228px;
	padding-bottom: 20px;
    }

#content #header {
	margin-top: 70px;
	height: 104px;
	width: 100%;
	background-image: url(../img/horz_line.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;

    }
#content #logo {
	background-image: url(../img/logo_content.png);
	background-repeat: no-repeat;
	width: 151px;
	height: 80px;
	display: block;
    }

#content #nav {
	list-style-type: none;
	margin-top: 9px;
	margin-left: 3px;
    }
#content #nav li {
    float: left;
	height: 7px;
    }
#content #nav a{
    display: block;
	height: 7px;
	margin-right: 9px;
	background-repeat: no-repeat;	
    }
#content #nav-works {
	width: 34px;
	background-image: url(../img/nav_content_works.png);    
    }
#content #nav-works:hover {
	background-position: -34px 0px;
     }
#content #nav-cv {
	width: 13px;
	background-image: url(../img/nav_content_cv.png);    
    }
#content #nav-cv:hover {
	background-position: -13px 0px;
    }
#content #nav-contact {
	width: 46px;

	background-image: url(../img/nav_content_contact.png);    
    }
#content #nav-contact:hover{
	background-position: -46px 0px;
   }
#content #nav-links {
	width: 29px;
	margin-left: -1px;
	background-image: url(../img/nav_content_links.png);    
    }
#content #nav-links:hover {
	background-position: -29px 0px;
    }	
#content #main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;   
	margin-left: 2px; 
    }
#content #main h2 {
	margin-top: 10px;
	text-transform: capitalize;
	font-size: 10pt;
    }
#content #main h3 {
    font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
    }
#content .yeardual {
	text-indent: -65px;
	margin-left: 65px;
    }
#content span {
	color: #444444;        
    }
#content .fulldate span {
     
    }
#content .year {
	text-indent: -32px;
	margin-left: 32px;
    }
#content #main a {
	color: #444444;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #444444;	    
    }
#content #main a:hover {
	border-bottom-style: solid;
    }
	
/* works */
#works #content {
    width: 603px;
    }

#works #content #header{
	background-image: url(../img/horz_line_long.png);    
    }
#works #content #main img {
    margin-top: 3px;
	margin-left: 1px;
    }
	
#content #yearselect {
    margin-top: 5px;
	height: 7px;
	margin-left: 1px;
    }
#content #yearselect a {
    border-bottom: none;
	display: block;
	float: left;
	width: 27px;
	height: 7px;
	margin-right: 9px;
	background-repeat: no-repeat;
    }
#content #yearselect #works2011 {
	background-image: url(../img/2011.png);    	
    }
    #content #yearselect #works2009 {
	background-image: url(../img/2009.png);    	
    }
#content #yearselect #works2008 {
	background-image: url(../img/2008.png);    	
    }
#content #yearselect a:hover,
#content #yearselect a.current {
	background-position: -27px 0px;
    border-bottom: none;
    }

/* gallery */
.caption {
    color:#000000;
	margin-top: 7px;
	}
.gallery{
    position: absolute;
	width:130px;
	left: 50%;
	margin-left: -353px;
	margin-top: 189px;
	}
.gallery li{
	width:55px;
	height:60px;
	border:1px solid #666666;
	background:#e0e0e0;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0;
	}
.gallery li.hover{
	margin-right: 2px;
	margin-bottom: 2px;
	margin-top: -2px;
	margin-left: -2px;
	border: 3px double #666666;
	}
.gallery li.active{
	border: 2px solid #444444;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-top: -1px;
	margin-left: -1px;
	}
.gallery li div{
	left:240px
	}