/* CSS Document */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	line-height: 1.3;
	font-weight: normal;
	
	margin: 50px 77px;
	text-align: justify;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #999999;
	margin: 90px 77px 77px;
	font-weight: normal;
}

html, body {
	font-family:  "Gill Sans light", "Gill Sans Std light", "Gill Sans MT", Helvetica, Arial, Verdana, sans-serif;	
	font-size:small;
	font-weight:lighter;
	line-height: 1.3;
	color:#0F0F0F;
	background-image:url(images/back2.gif);
	background-color:#F7F7F7; 
}

.container {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: left;
	margin-left: -418px;
	margin-right: auto;
	margin-top:-212px;
	border:solid 10px #FFFFFF;
	border-top:solid 9px #FFFFFF;
	width: 818px;
	height: 404px;
	min-width: 818px;
	min-height: 404px;
	background-color:#FFFFFF;
}

#navigation {
	position:absolute;
	top:0px;
	left:0px;
	width:128px;
	height:128px;
	overflow:auto;
	}
	
.current {color:#0F0F0F; z-index:99;}
.current a:visited {color:#0F0F0F;z-index:99;}
.current a:hover {color:#0F0F0F;z-index:99;}


a:link {text-decoration:none;color:#8F8F8F;}
a:visited {text-decoration:none; color:#8F8F8F;}
a:hover {color:#0F0F0F; z-index:1;}

#mainbody {
	position:absolute;
	top:138px;
	left:277px;
	width:542px;
	height:266px;
	overflow:auto;
	max-width:542px
	}
	
#mainbody_noscroll {
	position:absolute;
	top:138px;
	left:276px;
	width:542px;
	height:266px;	
	}
		
	
#titleblock {
	font-family:"Gill Sans Light", "Gill Sans Std Light", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	position:absolute;
	color:#0F0F0F;
	top:0px;
	left:276px;
	width:542px;
	height:128px;
	}
	
#notes {
	position:absolute;
	top:138px;
	left:0px;
	width:128px;
	height:266px;
	overflow:auto;
	}	
	
#pagenumbers {position:absolute;right:0px;bottom:271px;color:#8F8F8F;background-color:#FFFFFF;z-index:99;padding:1px; }

.portfolio_thumb {
	margin: 0px 10px 10px 0px; padding:0px; border:0px; float:left; 
	}
	
.portfolio_thumb_top_left {
	margin: 0px 0px 10px 0px; padding:0px; border:0px; float:left;}	

.portfolio_thumb:hover { position:relative; left:-1px; top:-1px; margin: 0px 8px 8px 0px; padding:0px; border:1px solid #0F0F0F; float:left;}
	
.portfolio_thumb_top_left:hover {position:relative; left:-1px; top:-1px; margin: 0px -2px 8px 0px; border:1px solid #0F0F0F;}