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

body {
	background-color:#333;
	}

#container {
	width:950px;
	min-height:500px;
	_height:1000px;
	background-color:#fff;
	padding-right:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	overflow:visible;
}

#containerSelectedWorks {
	width:950px;
	min-height:1000px;
	_height:1000px;
	background-color:#fff;
	padding-right:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	overflow:visible;
	}
	
#spacer { /* placed at end of container to make sure height expands */
	clear:both;
	margin-top:20px;
	}

#sidebar {
	float:left;
	}

#content {
	margin-left:200px;
	color:#333;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	padding-right:10px;
	position:relative;
	}
	
#name {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:24px;
	line-height:36px;
	font-weight:bold;
	letter-spacing:-0.07em;
	color:#333;
	width:175px;
	text-align:right;
	border-right:10px solid #333;
	text-indent:-10px;
	top:-50px;
	}

#nav {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	color:#999;
	width:175px;
	text-align:right;
	border-right:10px solid #333;
	margin-top:0px;
	}
	
#nav li {
	list-style:none;
	line-height:36px;
}

#nav a {
	color:#999;
	text-decoration:none;
	padding-right:2px;
	border-right:10px solid #fff;
	}

#nav a:hover {
	color:#ccc;
	background-color:#333;
	padding-right:2px;
	border-right:10px solid #333;
	}

#selector {
	float:left;
	color:#FFFFFF;
	width:175px;
	z-index:10;
	position:relative;
	}
	
#selector li {
	list-style:none;
	margin-left:-30px;
	color:#333333;
	font-size:12px;
	line-height:12px;
	margin-bottom:18px;
	padding:4px;
	padding-right:10px;
	text-align:right;
	}
	
#selector a {
	text-decoration:none;
	color:#666;
	filter: alpha(opacity=50); 
	opacity:0.5;
	}

#selector a:hover {
	filter: alpha(opacity=100); 
	opacity:1;
	cursor:pointer;
	}
	
#selector .active {
	z-index:10;
	background-color:#ccc;
	}
	
#selector a.active {
	filter: alpha(opacity=100); 
	opacity:1;
	font-weight:bold;
	background-color:transparent;
	}
	
.inactive {
	border:none;
	/*filter: alpha(opacity=50); 
	opacity:0.5;*/
	}

.imagesActive {
	visibility:visible;
	background-color:#ccc;
	padding-right:10px;
	z-index:2;
	margin-left:174px;
	position:absolute;
	width:555px;
	height:850px;
	}

.imagesInactive {
	visibility:hidden;	
	z-index:1;
	margin-left:174px;
	position:absolute;
	width:555px;
	height:775px;
	}

h1 {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:1.2em;
	line-height:2.4em;
	letter-spacing:0.3em;
	vertical-align:bottom;
	background-color:#333333;
	padding-left:10px;
	color:#666;
	font-weight:normal;
	margin-bottom:18px;
	}
	
h2 {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:0px;
	margin-top:6px;
	color:#999;
	}
	
h3 	{
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:0px;
	color:#333;
	border-bottom:1px dotted #ccc;
	}

p	{
	font-size:0.8em;
	line-height:1.4em;
	padding-left:10px;
	vertical-align:top;
	}
	
a	{
	color:#7BACB7;
	text-decoration:none;
	}
	
a:hover	{
	text-decoration:underline;
	}
	
a:visited {
	color:#36496B;
	}


ul {
	list-style:square;
	font-size:0.8em;
	}
	
li {
	line-height:1em;
	}

img {
	border:1px solid #fff;
	}
	
#biolist {
	padding-top:12px;
	padding-left:0px;
	margin-left:0px;
	}
	
ul#biolist {
	list-style:none;
	list-style-type:none;
	font-weight:bold;
	color:#999;
}

/*second level */
ul#biolist li {
	display: block;
	list-style-type: none;
	padding-right:60px;
	position:relative;
	top:-14px;
}

ul#biolist ul {
	padding-left:60px;
	font-weight:normal;
	color:#333;
	font-size:100%;
}
	
/*Credit for below styles and function: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.galleryContainer {
	position: relative;
	top:5px;
	left:10px;
	height:520px;
	}

.gallerytext {
	padding-left:0px;
	line-height:0.8em;
	margin-top:0px;
	padding-bottom:4px;
	}
	
.thumbnail img {
border: 1px solid #333;
margin: 0 5px 5px 0;
}

.thumbnail:hover {
background-color: transparent;
}

.thumbnail:hover img {
border: 1px solid #fff;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	padding: 5px;
	left: -1000px;
	top:130px;
	visibility: hidden;
	text-decoration: none;
}

.thumbnail:hover span { /*CSS for enlarged image*/
	visibility: visible;
	top: 150;
	left: -5px; /*position where enlarged image should offset horizontally */
	z-index: 5;
}
	
/* end rollover gallery styles */	

#pullquote {
	float:right;
	width:175px;
	vertical-align:top;
	color:#999999;
	padding:5px;
	margin-top:-30px;
	}

#pullquote p {
	font-size:16px;
	line-height:36px;
	font-style:italic;
	font:Arial, Helvetica, sans-serif;
	}

#pullquote p.attrib {
	font-size:12px;
	text-align:right;
	font-style:normal;
	line-height:12px;
	}
	
	
/* forms ------------------- */
form {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:0.8em;

}

form div{
	margin-top:10px;
	}

label {
	width:150px;
	float:left;
	text-align:right;
	}
	
.btn {
	width:65px;
	border:1px solid #333;
	background-color:ccc;
	padding:3px;
	color:#666;
	font-weight:bold;
}

.btn:hover {
	background-color:#333;
	color:#ccc;
	}
	
</style>