@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
html, body { height:100%;}
body {
	background-color:#fff;
	font:100.01%/1.4 sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
	margin:0; 
	padding:0;
	color: #FFF; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px; 
}
h1{font-size: 14px; font-variant: small-caps;}
p{margin-top: 7px; margin-bottom: 7px;}
p#footer a:link {color: #666;}
p#footer a:visited {color: #666;}
p#footer a:active {color: #666;}
p#footer a:hover {color: #666;}

a:link {color: #fff;}
a:visited {color: #fff;}
a:active {color: #fff;}
a:hover {color: #fff;}
#distance { 
	width:1px;
	height:50%;
	background-color:#fff;
	margin-bottom:-275px; /* half of container's height */
	float:left;
}
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:550px;
	width:100%;
	clear:left;
	background-color:#333;
}
#content{
	width: 910px;
	height:610px;
	margin:0 auto;
	position:absolute;
	clear:left;
	margin-top: -30px;
	left: 50%;
    margin-left: -450px;
	
}
#text{
	width: 170px; 
	position: absolute; 
	z-index: 20; 
	margin-top: 0; 
	height: 515px; 
	background-color: #666; 
	padding: 80px 15px 15px 15px; 
	opacity:0.8;filter:alpha(opacity=80);
	text-align: justify;
	left: 0;
}
#header{
	position:absolute; 
	top: 3px; 
	right: 0; 
	z-index: 30;
}
#footer{
	color:#666; 
	font-size: 10px; 
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 6px;
}
.blue{color: #55a0bc;}

ul#nav{
	font-size: 13px;

	margin-left: 20px;
	margin-bottom: 30px;
	list-style-image: url(images/bullet.jpg);
	
	margin-top: -20px;
}
ul#nav li{ 
	border-bottom: 1px dotted #999;
	padding: 5px;

}

ul#nav li a{
	text-decoration: none;
	color: #fff;
	font-variant: small-caps;
	font-weight: bold;
	padding: 5px;

	
}
ul#nav li a:hover{
	color: #55a0bc;
		
}
img#index{border: 5px solid #fff;}
div#indexPhoto{margin: 67px 0px 0px 243px;}
div#indexPhoto p{text-align: justify;}
div#bio{height: 240px; padding-right: 10px; overflow:auto;}

img#title{position: absolute; z-index: 50; top: 46px; left: 220px;}

.altContent h1 span{
	display: none;
	margin:0;
}
.altContent h1{/*artist bio */
	position: absolute; 
	z-index: 50; 
	top: 46px; 
	left: 220px;
	background: url(images/artist_bio.png) no-repeat top left;
	width: 111px; 
	height: 26px;
}
.altContent#portraits h1{
	background: url(images/portraits.png) no-repeat top left;
	width: 96px; 
	height: 23px;
}
.altContent#weddings h1{
	background: url(images/weddings.png) no-repeat top left;
	width: 111px; 
	height: 33px;
}
.altContent#prints h1{
	background: url(images/prints_for_sale.png) no-repeat top left;
	width: 176px; 
	height: 39px;
}