
*{margin:0;padding:0}

/* this controls the background color of the entire site as well as the default font and margin settings */
body {
	background-color: #252a38; /* 31362f */
	padding: 20px;
	color:#fff;
	font:60%/140% 'helvetica neue',sans-serif;
	width:1048px;
	margin: 0 auto;
	text-align: left; /* for IE */
}



/* font settings for fonts used in a table */
td {font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-align:justify; font-size:11px; line-height:17px; color:#cccccc;
}





/**********/
/* MAIN CONTENT TEXT FORMATS */

.featured_blue {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; line-height:8px; color:#8fafd6; text-align:right;}
.heads {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#8fafd6;}
.copy {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; color:#cccccc; text-align:right;}
.copy2 {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#cccccc; text-align:left;}
.quote {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:17px; line-height:21px;}

/* MAIN CONTENT TEXT FORMATS END */
/**********/






/**********/
/* GALLERY SCRIPT */

	.galleria{list-style:none;width:200px}
	.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:20px;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	.galleria li .caption{display:block;padding-top:.5em}
	* html .galleria li div span{width:400px} /* MSIE bug */

	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	a{color:#348;text-decoration:none;}
	a:hover{color:#67a;}
	.demo{position:relative;margin-top:1em;}
	.gallery_demo{width:250px;float:left;}
	.gallery_demo li{position:relative; top:4px; left:560px;width:48px;height:48px;border:2px /*thumbnail border size */ solid #252a38;/* <-- border color of thumbnails when inactive */ margin: 0 4px 4px /* interior spacing of thumnails */ 0;background:#eee;}
	.gallery_demo li.hover{border-color:#8fafd6;/* <-- border color of thumbnails when hovered over with the mouse */ }
	.gallery_demo li.active{border-style:solid;border-color:#cccccc;/* <-- border color of thumbnails when it is the main active image on the page */}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.galleria_container{margin:0 auto 15px auto;height:578px;width:1048px;text-align:left;}

	.nav{padding-top:15px;clear:both;}
	.nav{position:absolute;left:983px; top:700px;}

/* END GALLERY SCRIPT */
/**********/






/**********/
/* LINK VARIATIONS (this controls all the main types of links on the site and their colors */


a:link {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:15px; color:#252a38; border:0;}
a:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:15px; color:#252a38; border:0;}
a:active, a:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:15px; color:#8fafd6; border:0;}

.menu:link {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:15px; color:#cccccc;}
.menu:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:15px; color:#cccccc;}
.menu:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:15px; color:#8fafd6;}

.people:link {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; line-height:15px; color:#cccccc;}
.people:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; line-height:15px; color:#cccccc;}
.people:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:12px; line-height:15px; color:#8fafd6;}

.active:link {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:15px; color:#8fafd6;}
.active:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:15px; color:#8fafd6;}
.active:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:15px; color:#ffffff;}

.active_content:link {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; line-height:15px; color:#8fafd6;}
.active_content:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; line-height:15px; color:#8fafd6;}
.active_content:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; line-height:15px; color:#ffffff;}

.gallery_menu:link {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:20px; line-height:8px; color:#cccccc;}
.gallery_menu:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:20px; line-height:8px; color:#cccccc;}
.gallery_menu:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:20px; line-height:8px; color:#8fafd6;}

.gallery_more:link {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:8px; color:#cccccc;}
.gallery_more:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:8px; color:#cccccc;}
.gallery_more:hover {font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:9px; line-height:8px; color:#8fafd6;}


/* END LINK VARIATIONS */
/**********/





/**********/
/* BOTTOM NAVIGATION (LOGO, LINKS, SUBLINKS, ETC)  FROM LEFT TO RIGHT */
div#logo {
	position:absolute;
	text-align:left;
	top:597px;
	left:0px;	
	width:118px;
}

div#main_links {
	position:absolute;
	text-align:left;
	top:595px;
	left:127px;	
	width:105px;
	z-index:101;
}

div#main_links_sub {
	position:absolute;
	text-align:left;
	top:595px;
	left:237px;	
	width:140px;
	z-index:101;
}

div#main_links_sub_two {
	position:absolute;
	text-align:left;
	top:595px;
	left:387px;	
	width:250px;
	z-index:101;
}

div#main_links_sub_featured {
	position:absolute;
	text-align:left;
	top:595px;
	left:239px;	
	width:150px;
	z-index:101;
}

div#main_links_sub_featured_two {
	position:absolute;
	text-align:left;
	top:595px;
	left:394px;	
	width:250px;
	z-index:101;
}

div#main_links_sub_three {
	position:absolute;
	text-align:left;
	top:595px;
	left:395px;	
	width:400px;
	line-height:15px;
	z-index:105;
}

div#main_links_sub_two_people {
	position:absolute;
	text-align:left;
	top:595px;
	left:308px;	
	width:110px;
	z-index:101;
}

div#main_links_sub_three_ginter {
	position:absolute;
	text-align:left;
	top:595px;
	left:402px;	
	width:415px;
	z-index:101;
}

/* this is the title that appears on the gallery index pages when you mouse over a gallery thumbnail */
div#sub_three_head {
	font-family:Arial, Helvetica, sans-serif;
	text-align:right; 
	text-decoration:none; 
	font-size:9px; 
	line-height:8px; 
	color:#8fafd6;
	position:absolute;
	top:599px;
	left:305px;	
	width:250px;
	height:10px;
	z-index:101;
}

/* this is the sub_title that appears on the gallery index pages when you mouse over a gallery thumbnail */
div#sub_three_content {
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration:none; 
	font-size:9px; 
	line-height:12px; 
	color:#cccccc;
	position:absolute;
	top:611px;
	left:305px;	
	width:250px;
	height:120px;
	z-index:101;
}
/* END BOTTOM NAVIGATION */
/**********/







/**********/
/*  MAIN GALLERY INDEX PAGES (I.E. PRIVATE GARDENS) THUMBNAIL POSITIONING AND COLOR */

/* This is the top row of thumbnails */
#div-thumbs {
	position:absolute;
	top:597px;
	left:560px;
	width:250px;
}

/* This is the bottom row of thumbnails */
#div-thumbs2 {
	position:absolute;
	top:652px;
	left:828px;
	width:250px;
}

/* the following control the border color around the thumbnails */
/* this is the normal color when inactive */
.borderit img{
	position:relative;
	border: 2px solid #252a38;
}

/* this is the color when the user moves the mouse over the thumbnail */
.borderit:hover img {
	position:relative;
	border: 2px solid #8fafd6;
}

.borderit:hover{
	position:relative;
	color: #8fafd6; /* irrelevant definition to overcome IE bug */
}
.borderit_active img{
	position:relative;
	border: 2px solid #ffffff;
}

.borderit_active:hover img {
	position:relative;
	border: 2px solid #8fafd6;
}

.borderit_active:hover{
	position:relative;
	color: #8fafd6; /* irrelevant definition to overcome IE bug */
}

.borderitactive img{
	position:relative;
	color: #ffffff; /* irrelevant definition to overcome IE bug */
}

/* this positions the thumbnails side-by-side */
div.float {
	float:left;
	vertical-align: top;
	width:56px;
}



/* END MAIN GALLERY INDEX PAGES */
/**********/








#main {
	width: 951px;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

#index {
	position: relative;
	width: 620px;
 	height: 50%;
	top: 200px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

div.float_index {
	border:0px;
	text-align:left;
	float:left;
	width:138px;
}

#main_nav {
	width:690px;
}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position:relative; top: -47px; left:-280px; width: 270px;
    z-index: 101;
   font: 10px Verdana, sans-serif; text-align:right;}



.news_nav {
	text-align:right;
}
.news_date {
	font-size:9px;
}

div#content_area {
	z-index:100;
	width: 1048px;
	height: 578px;
	
}

div#people_area {
	position:relative;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:160px;
	width: 400px;
	height: 250px;
	
}
div#philosophy {
	position:relative;
	left: 126px;
	top:50px;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#cccccc;
	line-height:17px;
	text-align:justify;
	width: 700px;
	height: 150px;
}
div#boards{
	position:relative;
	left: 0px;
	top:0px;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#cccccc;
	line-height:17px;
	text-align:justify;
	width: 1048px;
	height: 150px;
}
div#spry_content {
	position:relative;
	left:10px;
	top:0px;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#cccccc;
	line-height:17px;
	text-align:justify;
	width: 1024px;
	height: 200px;
}
div#principal_content {
	position:absolute;
	left: 110px;
	top:50px;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#cccccc;
	text-align:justify;
	width: 775px;
}
div#byrd_image {
	position:absolute;
	left: 0px;
	top:81px;
	width: 100px;
	height: 100px;
}
div#woltz_image {
	position:absolute;
	left: 0px;
	top:306px;
	width: 100px;
	height: 100px;
}
#newsbar1 {
	position:absolute;
	top:0px;
	left:790px;
	line-height:17px;
	width: 250px;
	height: 578px;
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	font-size:10px; 
	line-height:12px; 
	color:#dddddd; 
}
#feat_text1 {
	position:absolute;
	top:0px;
	left:800px;
	z-index:102;
	line-height:17px;
	width: 250px;
	height: 578px;
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	font-size:10px; 
	line-height:12px; 
	color:#dddddd; 
}
#feat_text2 {
	position:absolute;
	top:0px;
	left:0px;
	z-index:103;
	line-height:17px;
	width: 250px;
	height: 578px;
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:none;
	visibility:hidden;
	font-size:10px; 
	line-height:12px; 
	color:#dddddd; 
}
#featured_header {
	width: 250px;
	text-align:left;
}
#featured_content {
	width: 250px;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#cccccc; line-height:17px;
	text-align:left;
}
#featured_nav {
	position:absolute;
	top:0px;
	left:0px;
	z-index:102;
	top: 568px;
	text-align:right;
	width: 250px;
	vertical-align:bottom;
}
#contact {
	position:relative;
	left: 241px;
	top:150px;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#cccccc;
	line-height:17px;
	text-align:justify;
	width: 700px;
	height: 100px;
}
div#news {
	position:absolute;
	left: 126px;
	top:30px;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#cccccc;
	line-height:17px;
	text-align:justify;
	width: 800px;
	height: 100px;
}
div#news2 {
	position:absolute;
	left: 200px;
	top:300px;
	font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#cccccc;
	line-height:17px;
	text-align:justify;
	width: 600px;
	height: 100px;
}
div#news_image1 {
	position:absolute;
	left: 160px;
	top:163px;
	width: 100px;
	height: 100px;
	z-index:105;
}
div#news_image2 {
	position:absolute;
	left: 160px;
	top:303px;
	width: 100px;
	height: 100px;
	z-index:110;
}
.principles {
	float:left;
	width:200px;
	height:250px;
	text-align:left;
}
.principles:hover {
	background-color:#474b46;
}
.staff {
	float:left;
	width:200px;
	height:250px;
	text-align:left;
}
.staff:hover {
	background-color:#474b46;
}
.principles_text {
	position:relative;
	top:50%;
}
.staff_area {
	margin-left:10px;
	width:938px;
	height:200px;
	
}
.staff_image {
	width:100px;
	height:200px;
	text-align:left;
	
}
div#staff_links {
	float:left;
	width: 126px;
	height: 578px;
}
div#staff_bios {
	float:left;
	width: 700px;
	height: 578px;
}

div#holder_thumbs {
	padding: 26px;
	width: 1048px;
	padding: 0px 0 0 0;
}
div#holder_thumbs_pregal {
	float: left;
	width: 965px;
	padding: 47px 0 0 0;
}


div#gal_pos {
	float:right;
	width:200px;
}





#main_image {
	position: relative;
	width:1048px;
	top: 0px;
	float:left;
	text-align:right;
	z-index:101;
}

#main_image2 {
	position: relative;
	width:1048px;
	top: 0px;
	text-align:left;
}
