/* CSS Document */
img {border: none;}

body
	{
	background-image: url(images/index_05.jpg);
	background-repeat:repeat-x;
	color: fff;
	font-family: Helvetica, Arial, sans-serif;
	}

h1
	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: bold;
	}

h2
	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	font-variant:small-caps;
	}

.logo 
	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 74px;
	display: block;
	z-index: 1;
	}
	
.portfolio
	{
	position: absolute;
	left: 74px;
	top: 0px;
	display: block;
	width: 158px;
	height: 127px;
	z-index: 1;
	}
		a.portfolio
			{
			background: url(images/over_02.jpg);
			background-repeat: no-repeat;
			}
		a:hover.portfolio
			{
			background: url(images/over_02.jpg);
			background-position: -158px 0px;
			background-repeat: no-repeat;
			}
			
	
.resume
	{
	position: absolute;
	left: 232px;
	top: 0px;
	display: block;
	width: 162px;
	height: 127px;
	z-index: 1;
	}
		a.resume
			{
			background: url(images/over_03.jpg);
			background-repeat: no-repeat;
			}
		a:hover.resume
			{
			background: url(images/over_03.jpg);
			background-position: -162px 0px;
			background-repeat: no-repeat;
			}


.bio
	{
	position: absolute;
	left: 394px;
	top: 0px;
	display: block;
	width: 72px;
	height: 127px;
	z-index: 1;
	}
		a.bio
			{
			background: url(images/over_04.jpg);
			background-repeat: no-repeat;
			}
		a:hover.bio
			{
			background: url(images/over_04.jpg);
			background-position: -72px 0px;
			background-repeat: no-repeat;
			}
	
.blog
        {
        position: absolute;
        left: 466px;
        top: 0px;
        display: block;
        width: 99px;
        height: 127px;
        z-index: 1;
        }
	        a.blog
	               {
	               background: url(images/over_05.jpg);
	               background-repeat: no-repeat;
	               background-position: 0px 0px;
	               }
	       a:hover.blog
                       {
                       background: url(images/over_05.jpg);
                       background-position: -99px 0px;
                       background-repeat: no-repeat;
                       }


.fix
	{
	position: absolute;
	left: 565px; 
	display: block;
	top: 0px; 
	z-index: 2;	
	background-image: url(images/index_05.jpg); 
	background-repeat: repeat-x; 
	width: 500px; 
	height: 127px;	
	}
	
	
.bottom-glass
	{
	position: absolute;
	left: 0px;
	top: 127px;
	z-index: 1;
	}
	
.content
	{
	position: absolute;
	left: 265px;
	top: 160px;
	width: 700px;
	height: 800px;
	display: block;
	z-index: 2;
	}

.print
	{
	margin: 0 auto;
	position: relative;
	display: block;
	width: 664px;
	height: 507px;
	background-image: url(portfolio/print/printbg.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 78px;
	padding-left: 114px;
	}
	
.photo
	{
	margin: 0 auto;
	position: relative;
	display: block;
	width: 664px;
	height: 507px;
	background-image: url(portfolio/photo/photobg.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 78px;
	padding-left: 114px;
	}


.sample
	{
	position: relative;
	width: 92px;
	height: 92px;
	display: inline;
	float: left;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 28px;
	}

.restext
	{
	padding-left: 45px;
	margin-top: -15px;
	}	

	
.logobottom
	{
	width: 100%;
	position: relative;
	float: right;
	vertical-align: bottom;
	z-index: 3;
	}
	
.stuff
	{
	width: 700px;
	border: none;
	vertical-align: top;
	}
	
	
	
/* LIGHTBOX */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}