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

<style type="text/css">

	body {
		margin:0px;
		padding:0px;
		}

	#logo {
		position: absolute;
		left: 20px;
		top: 20px;
		}

	#image {
		position:absolute;
		margin-left:300px;
		margin-top:200px;
		}
		
	#address {
		position:absolute;
		margin-left: 400px;
		margin-top: 250px;
		width:auto;
		}
		
	#footer {
		font-family: Arial, Helvetica, sans-serif;
		font-size: x-small;
		position: absolute;
		left: 3%;
		top: 96%;
		z-index: 0;
		}

/******************/
/* EMAIL ROLLOVER */
/******************/
		
	.email {
		display: block;
		position:absolute;
		margin-left: 425px;
		margin-top: 400px;
		width: 190px;
		height: 37px;
		text-decoration: none;
		background: url(site_images/email.png);
		}

	.email:hover {
		background-position: -191px 0;
		}
		
	.email:active {
		background-position: -383px 0;
		}
		
/*************/
/* GALLERIES */
/*************/

	.scrollgeneric {
		line-height: 1px;
		font-size: 1px;
		position: absolute;
		top: 0;
		left: 0;
		}

	.vscrollerbase {
		width: 8px;
		background-color: #eaeaea;
		}

	.vscrollerbar {
		width: 5px;
		background-color:#000;
		}

	div#content {
		padding:0px 10px;
		padding-bottom:40px;
		margin-right:10px;
		height:auto;
		overflow:auto;
		position:absolute;
		left: 300px;
		top: 200px;
		width:500px;
		bottom:29%;
		/*
		max-width:600px;
		width: expression(this.width > 600 ? 600: true);
		*/
		z-index:80;
		}

	div.gallery ul {
		width:auto;
		display:table;
		padding-left:10px;
		list-style:none;
		width:auto;
		z-index:90;
		}

	div.gallery ul li {
		list-style:none;
		border:none;
		float:left;
		padding-right:10px;
		padding-bottom:6px;
		margin:0;
		}
		
	div.gallery ul li a img {
		opacity:1;
		border:none;
		}

	div.gallery ul li a:hover {
		filter: alpha(opacity=75);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity:0.75;
		border:none;
		}

/*************/
/* NAV SETUP */
/*************/

	#nav {
		position:absolute;
		left: 50px;
		top: 200px;
		}
	
	ul.cssnav {
		list-style: none;
		padding: 0px;
		}
	
	.displace {
		position: absolute;
		left: -500px;
		}

	ul.cssnav li.people a {
		display: block;
		width: 71px;
		height: 43px;
		background-image: url(site_images/dbs_nav.png);
		}
	
	ul.cssnav li.musictheater a {
		display: block;
		width: 182px;
		height: 33px;
		background-image: url(site_images/dbs_nav.png);
		margin-top: -10px;
		}
	
	ul.cssnav li.oddsends a {
		display: block;
		width: 130px;
		height: 35px;
		background-image: url(site_images/dbs_nav.png);
		}
	
	ul.cssnav li.baltimore a {
		display: block;
		width: 108px;
		height: 35px;
		background-image: url(site_images/dbs_nav.png);
		}
		
	ul.cssnav li.otherplaces a {
		display: block;
		width: 124px;
		height: 43px;
		background-image: url(site_images/dbs_nav.png);
		}
		
	ul.cssnav li.bio a {
		display: block;
		width: 38px;
		height: 31px;
		background-image: url(site_images/dbs_nav.png);
		margin-top: 50px;
		}
		
	ul.cssnav li.contact a {
		display: block;
		width: 92px;
		height: 33px;
		background-image: url(site_images/dbs_nav.png);
		}
		
	ul.cssnav li.blog a {
		display: block;
		width: 59px;
		height: 48px;
		background-image: url(site_images/dbs_nav.png);
		}
	
/****************/
/* NORMAL LINKS */
/****************/

	ul.cssnav li.people a {
		background-position: 0 0;
		}
		
	ul.cssnav li.musictheater a {
		background-position: 0 -50px;
		}
		
	ul.cssnav li.oddsends a {
		background-position: 0 -100px;
		}
		
	ul.cssnav li.baltimore a {
		background-position: 0 -150px;
		}
		
	ul.cssnav li.otherplaces a {
		background-position: 0 -200px;
		}
		
	ul.cssnav li.bio a {
		background-position: 0 -300px;
		}
		
	ul.cssnav li.contact a {
		background-position: 0 -350px;
		}		
		
	ul.cssnav li.blog a {
		background-position: 0 -399px;
		}	
	
/***************/
/* HOVER LINKS */
/***************/

	ul.cssnav li.people a:hover {
		background-position: -182px 0;
		}
		
	ul.cssnav li.musictheater a:hover {
		background-position: -182px -50px;
		}
		
	ul.cssnav li.oddsends a:hover {
		background-position: -182px -100px;
		}
		
	ul.cssnav li.baltimore a:hover {
		background-position: -182px -150px;
		}
		
	ul.cssnav li.otherplaces a:hover {
		background-position: -182px -200px;
		}
		
	ul.cssnav li.bio a:hover {
		background-position: -182px -300px;
		}
		
	ul.cssnav li.contact a:hover {
		background-position: -182px -350px;
		}		
		
	ul.cssnav li.blog a:hover {
		background-position: -182px -399px;
		}
	
/*****************/
/* CLICKED LINKS */
/*****************/

	ul.cssnav li.people a:active {
		background-position: -364px 0;
		}
		
	ul.cssnav li.musictheater a:active {
		background-position: -364px -50px;
		}
		
	ul.cssnav li.oddsends a:active {
		background-position: -364px -100px;
		}
		
	ul.cssnav li.baltimore a:active {
		background-position: -364px -150px;
		}
		
	ul.cssnav li.otherplaces a:active {
		background-position: -364px -200px;
		}
		
	ul.cssnav li.bio a:active {
		background-position: -364px -300px;
		}
		
	ul.cssnav li.contact a:active {
		background-position: -364px -350px;
		}		
		
	ul.cssnav li.blog a:active {
		background-position: -364px -399px;
		}
	
/****************/
/* ACTIVE LINKS */
/****************/

	ul.cssnav li.people a.selected {
		background-position: -364px 0;
		}
		
	ul.cssnav li.musictheater a.selected {
		background-position: -364px -50px;
		}
		
	ul.cssnav li.oddsends a.selected {
		background-position: -364px -100px;
		}
		
	ul.cssnav li.baltimore a.selected {
		background-position: -364px -150px;
		}
		
	ul.cssnav li.otherplaces a.selected {
		background-position: -364px -200px;
		}
		
	ul.cssnav li.bio a.selected {
		background-position: -364px -300px;
		}
		
	ul.cssnav li.contact a.selected {
		background-position: -364px -350px;
		}		
		
	ul.cssnav li.blog a.selected {
		background-position: -364px -399px;
		}