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

body {
	background:black;
	font-size:13px;
	font-family:"Avant Garde", "Century Gothic", "URW Gothic L", "Apple Gothic";
	color:#eee;
	letter-spacing:.5px;
}
body p {display:block; float;left; width:600px; text-align:justify}

h1, h3, h5 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h2, h4 {font-family:Georgia, "Times New Roman", Times, serif;}

.big_gothic{font-family:"Avant Garde", "Century Gothic", "URW Gothic L", "Apple Gothic"; text-align:center; width:100%;}

h3 {font-family:"Avant Garde", "Century Gothic", "URW Gothic L", "Apple Gothic"; padding-top:28px; margin-bottom:36px;}
html, body {
		height:98%;
		}


	#distance { 
		
		width:1px;
		height:50%;
		background-color:black;
		margin-bottom:-260px; /* half of container's height */
		float:left;
		}

#site_container {
	clear:left;
	height:500px;
	width:950px;
	margin:0 auto;
		position:relative; /* puts container in front of distance */
	margin-right:auto;
	margin-left:auto;
	margin-top:40px;
	margin-bottom:0px;
	text-align:center;
	overflow:visible;
}

img {margin-right:24px;}

.large_photo {
	width:750px;
	height:500px;
}

#rightbar {
	
	float:left;
	width:200px;
	text-align:left;
	height:400px;

}



#content_div {
	
	width:750px;
	
	float:right;
	overflow:visible;
	

}


#photo_div {height:500px;float:left; }
#copy_div{float:left; margin:20px; text-align:justify; color:#eee;}
#content {
	
	float:left;
	margin-left:8px;
	width:750px;
	overflow:visible;
	
	
}

#photo{border:0px;}

#img_div{width:750px; height:500px; overflow:hidden; text-align:left;}

h1, h2, h3 {margin-top:0px;}

#footer {
	margin-top:8px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#aaa;
	font-size:10px;
	width:100%;
	height:100px;
	display:none;

}
a {
	color:#eee
}
a:hover {
	color:#ccc;
}

#photo {
	height:500px;
}
.thumb {
	background:#ccc;
	width:70px;
	height:70px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}
#thumb_strip {
	background:white;
	width:190px;
	height:496px;
	float:right;
	margin-top:2px;
	margin-right:2px;
	text-align:center;
}
#thumb_nav {
	width:150px;
	height:20px;
	display:inline-block;
	background:#ccc;
}
#thumbs {
	height:420px;
	width:150px;
	display:inline-block;
	margin-top:20px;
}
#album_select {
	border:solid 1px #666;
	font-family:Arial, Helvetica, sans-serif;
	color:#900;
	font-size:10px;
	font-weight:bold;
	width:150px;
}



.active_menu {
	font-size:16px;
	height:20px;
	padding-top:0px;
	overflow:visible;
	background:black;
	margin-right:8px;
	color:#aaa;
}


#logo_div{margin-bottom:20px;}
#logo{font-family:Tahoma, Geneva, sans-serif; font-size:20px; font-weight:bold; color:white; width:200px; display:inline-block; letter-spacing:.2em;  height:20px; line-height:20px; text-align:center; margin:0 0 3px 0; }
#logo2{font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#aaa; width:200px; display:inline-block; height:20px; padding-left:2pt; letter-spacing:7pt; line-height:20px; text-align:center; margin:0 0 8px 0; } 

/* slideshow controls */

#cs_slide_controls{cursor:default; width:200px;}
#slide_buttons a { display:inline-block;  cursor:pointer; outline:thin; text-decoration:none;  font-family:font-family:"Avant Garde", "Century Gothic", "URW Gothic L", "Apple Gothic"; font-size:12px; color:#aaa; letter-spacing:.5px;}
#slide_buttons a:hover {  color:white; cursor:pointer;}

#slide_buttons a {  color:#aaa; cursor:default; }

#slide_back{  width:30px;  margin-left:12px;}
#slide_pause{ width:60px;  text-align:left;float:left;}
#slide_stop{ height:24px; width:16px; margin-left:14px; margin-right:12px;}
#slide_play{height:16px; }
#slide_next{  width:30px; margin-left:0px; }
#photo_links{cursor:pointer; position:absolute; top:502px; left:0px; overflow:visible; width:500px;}
.photo_link{font-family:"Avant Garde", "Century Gothic", "URW Gothic L", "Apple Gothic";font-size:11px; width:24px; margin-right:2px; letter-spacing:1pt; height:11px; line-height:12px; display:inline-block; text-align:center; color:#888; text-decoration:none;background:black; border-right:solid 1px #666; border-top:none; border-bottom:none; margin:0px;}
.photo_link.active{cursor:default; color:white;}
.photo_link:hover{color:white;}


/* menu styles */
.cs_site_menu li {display:block; width:200px; height:20px; line-height:20px; overflow:visible; margin:0}
.cs_list_menu li {width:80px;}

.cs_site_menu li a, .cs_pages_menu li a {display:inline-block; width:92px; cursor:default; text-align:right; text-decoration:none; color:#aaa; font-family:"Avant Garde", "Century Gothic", "URW Gothic L", "Apple Gothic";  font-size:12px;  }
.cs_list_menu li a:hover {color:white; }

.cs_site_menu li a:hover{color:white;}

.cs_pages_menu li a {cursor:pointer;}
.cs_pages_menu li a:hover {color:white;}
.cs_list_menu li a {text-align:left;display:inline-block;  cursor:pointer;width:92px; text-decoration:none; margin-left:8px;}

.cs_site_menu.pages a {cursor:pointer}
a.active {cursor:default; color:#fff;}
a.active:hover {color:#fff;}




.cs_site_menu>ul {list-style:none; width:200px; margin-left:0px; padding-left:0px}

.cs_list_menu>ul {padding-left:0px; border-left:solid 1px white; width:100px; margin:0;}

.cs_site_menu {font-family:tahoma;font-size:12px;}

.cs_list_menu {float:right; position:relative; top:0px; width:100px;}

.cs_site_menu a.active {color:white;  cursor:default;}


.show {display:block;}
.hide {display:none;}

#yui-history-iframe{
	  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;}
  
  

