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

body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9C9;
	background-color:#300;
	}
	
img.thumb {
	border:1px solid #9C9;
	}
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9c9;
	font-weight:bold;
	margin:0px;
	}
	
/*for the circles on top*/	
#clouds {
	position:fixed;
	margin:0px;
	padding:0px;
	right:0px;
	top:0px;
	background-image:url(../images/clouds-rtcorner.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top right;
	width:627px;
	height:234px;
	}

/*for the circles on the bottom*/	
#clouds2 {
	position:fixed;
	margin:0px;
	padding:0px;
	left:0px;
	bottom:0px;
	background-image:url(../images/clouds-leftcorner.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:bottom left;
	width:627px;
	height:234px;
	}

#main {
	position: fixed;
	margin:0px;
	padding:5px;
	top:0px;
	left:200px;
	border-right:1px solid #9C9;
	width:80px;
	height:500px;
	text-align: right;
	}
	
/*portfolio navigation*/
#navi {
	position:fixed;
	margin:2px;
	padding:3px;
	top:35px;
	left:225px;
	width:50px;
	text-align:right;
	z-index:1;
	}

/*portfolio thumbnails*/
#content {
	position:fixed;
	margin:2px;
	padding:3px;
	top:35px;
	left:300px;
	width:35%;
	height:70%;
	text-align:left;
	overflow:auto;
	z-index:2;
	}
	
/*standard link definitions*/
a:link {
	color:#696;
	text-decoration:none;
	}
	
a:visited {
	color:#696;
	text-decoration:none;
	}
	
a:hover {
	color:#9C9;
	text-decoration:underline;
	cursor:crosshair;
	}
	
a:active {
	color:#696;
	text-decoration:none;
	}