* { margin: 0; padding: 0; }

html { height: 100%; font-size: 62.5% }

body {
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', Verdana, 'Lucida Grande', Arial, Sans-Serif;
	color:#5B402F;
	text-align:center;
	background:  url('../images/bg_brown.png') 0 0 #927962;
	font-size: 1.2em;
}
/* light blue bg color: #f0fcfc */

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
a:link, a:visited {color:#5B402F;text-decoration:underline;}
a:hover {color:#e5e5e5;background:#5B402F;text-decoration:none;}

h2 {
	font-size: 2.3em;
	margin-bottom: 5px;
}

#page {
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 100%;
}
* html #page { height: 100% }

/* begin header styles */
#header_container {
	margin: 0;
	padding-top: 0;
	height: 200px;
	background: transparent;
}
#header {
	position: relative;
	z-index: 50;
	margin: 0 auto;
	width: 800px;
	height: 200px;
	background: url('../images/header.png') -50px 0 repeat-x transparent;
}

* html #header {
	background: url('../images/header_ie6.png') -50px 0 repeat-x transparent;
}

h1 a, h1 a:hover {
	float: left;
	margin: 40px 0 0 13px;
	height: 100px;
	width: 393px;
	text-indent: -9000px;
	display: block;
	z-index: -1;
	overflow: hidden;
	background: transparent;
}
/* end header sytles */

/* begin navigation styles */
#navigation {
	padding: 0;
	margin: 0;
	margin-top: 13px;
	float: right;
	width:800px;
}

#top_nav, #top_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#top_nav a, #top_nav a:hover {
	font-family: Century Gothic, Arial;
	display:block;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.4em;
	color: #927962;
	background: transparent;
}

#nav_welcome a,
#nav_about a,
#nav_services a,
#nav_events a,
#nav_gallery a,
#nav_contact a,
#nav_blog a {
	display: block;
	text-indent: -9000px;
	height: 18px;
	overflow: hidden;
}

#nav_welcome a,
#nav_welcome a:hover {
	width: 81px;
	background: url('../images/welcome_nav.png') 0 0 no-repeat;
}

#nav_about a,
#nav_about a:hover {
	width: 52px;
	background: url('../images/about_nav.png') 0 0 no-repeat;
}

#nav_services a,
#nav_services a:hover {
	width: 86px;
	background: url('../images/services_nav.png') 0 0 no-repeat;
}

#nav_events a,
#nav_events a:hover {
	width: 56px;
	background: url('../images/events_nav.png') 0 0 no-repeat;
}

#nav_gallery a,
#nav_gallery a:hover {
	width: 59px;
	background: url('../images/gallery_nav.png') 0 0 no-repeat;
}

#nav_contact a,
#nav_contact a:hover {
	width: 70px;
	background: url('../images/contact_nav.png') 0 0 no-repeat;
}

#nav_blog a,
#nav_blog a:hover {
	width: 40px;
	background: url('../images/blog_nav.png') 0 0 no-repeat;
}

#nav_welcome a:hover,
#nav_about a:hover,
#nav_services a:hover,
#nav_events a:hover,
#nav_gallery a:hover,
#nav_contact a:hover,
#nav_blog a:hover
{ background-position: 0 -20px; }



#top_nav li { /* all list items */
	float: right;
	padding: 5px 10px;
}

/* **** begin: code for submenu options (list under primary tabs) *** */
#top_nav li ul { /* second-level lists */
	position: absolute;
	z-index:999;
	left: -999em;
	width: 190px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	background: #fff;
	border: 1px solid #c6c6c6;
	border-top: none;
}

/* lists nested under hovered list items */
#top_nav li:hover ul, #top_nav li.sfhover ul {	
	left: auto;
}

#top_nav li ul li { /* second-level lists */
	margin: 0;
	padding: 0;
}

#top_nav a.subnav, #top_nav a.subnav:hover {
	width: 180px;
	padding: 5px 5px;
	margin: 0;
	font-weight:normal;
	font-size: 1.3em;
	text-align:left;
	text-indent: 0;
}

#top_nav li li a {
	display: block;
	font-weight: normal;
}


#top_nav a.subnav{
	text-decoration: none;
	background:#fff;
	z-index:500000;
}

#top_nav a.subnav:hover {
	background:#927962;
	color:#fff;
}

/* end code for submenu drop downs */

/* end navigation styles */
#page_container {
	width: 100%;
}
#pagecontent {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	text-align:left;
	background: #f0fcfc;
}

#slidecontent {
	float:left;
	margin: 0 auto;
	width:810px;
}

#content {
	position: relative;
	z-index: 1;
	top: -20px;
	float:left;
	margin: 0;
	padding: 20px 20px 0 20px;
	text-align: justify;
	font-weight:normal;
	color:#927962;
	background: #fff;
	padding-bottom: 20px;
	width: 760px;
}
#content p {
	font-size:1.3em;
	line-height:1.5em; 
	padding-bottom: 10px;
}

#content img { padding:2px 2px; border: 1px solid #927962; }

#content ul {
	list-style-type: disc;
	list-style-position: inside;
	font-size: 1.4em;
	padding-left: 15px;
}
#content ul li {
	list-style-position: inside;
	padding: 2px 2px;
}
#content ul li ul {
	list-style-position: inside;
	font-size: 1.0em;
	padding-left: 15px;
}

#homecontent {
	position: relative;
	top: -20px;
	float:left;
	z-index: 1;
	margin: 0;
	padding: 0;
	width: 800px;
	text-align: justify;
	font-weight:normal;
	color:#5B402F;
	background: url('../images/content_bg.jpg') 0px -260px no-repeat;
	min-height: 370px;
}
#homecontent[id] {
	width: 800px;	/* -- padding-left 20px + padding-right 20px + width 500px = 540px -- */
}
* html #homecontent {
	display: block;
	height: 370px;
}
#homecontent p {
	float: right;
	width: 430px;
	font-size: 15px;
	margin-bottom: 5px;
}

.quote {
    padding: 30px;
    border-bottom: 1px dotted #c6c6c6;
}

#quote {
	float: right;
	margin: 12px 0 12px 12px;
	padding: 10px;
	font-weight: normal;
	font-size: 1.5em;
	width: 200px;
	color: #beafa1;
	cursor: pointer;
	cursor: hand;
}

#quote p { 
	float: left; 
	font-size: 1.0em; 
	padding-bottom: 10px;
	text-align: justify;
	font-family: "Century Gothic", Verdana, Arial;
}

#quote p em { font-size: 1em; }

#quotebegin {
	float: left;
	background: url('../images/quotes.png') 0 0 no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	text-indent: -9000px;
	margin: 0;
}
#quoteend {
	float: right;
	background: url('../images/quotes.png') 0 -50px no-repeat;
	width: 50px;
	height: 50px;
	text-indent: -9000px;
	margin: 0;
}
#footer_container {
	width: 100%;
}

#footer {
	position: relative;
	z-index: 50;
	margin: 0 auto;
	margin-top: -40px;
	padding: 8px 0;
	text-align:center;
	width: 800px;
	height: 80px;
	color: #927962;
	font-size: 14px;
	background: url('../images/footer.png') 0 0 repeat-x transparent;
}

* html #footer {
	background: url('../images/footer_ie6.png') 0 0 repeat-x transparent;
}

#footer ul {
	margin-top: 50px;
	list-style: none;
}
#footer ul li {
	list-style: none;
	display: inline;
	padding: 0px 5px;
}

#footer ul li a {
	color: #927962;
	text-decoration: none;
	font-weight: bold;
}
#footer ul li a:hover { background: none; }

.floatright {float:right; margin: 0 0 12px 12px; }
.floatleft {float:left; margin: 0 12px 12px 0; }

/*
ul {
	list-style: disc url(/images/list_img.png) inside;
	padding: 0px 0px 0px 12px; 
}
*/

#content dl.form_content {
	margin: 0;
	padding: 5px 10px;
}

#content dl.form_content dd {
	font-size: 1.2em;
	margin: 0 0 15px 0;
	line-height: 1.5em;
}

#content dl.form_content dt {
	margin: 0 0 4px 0;
	font-size: 1.2em;
	font-weight: bold;
}

#content dl.form_content input, #content dl.form_content select, #content dl.form_content textarea {
	padding: 4px;
	font-size: 1.2em;
}

#content dl.form_content dd ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	font-size: 1.2em;
}

#content dl.form_content dd ul li {
	list-style: none;
	float: left;
	padding: 0 5px 0 0;
	margin: 0;
}

#content dl.form_content dd ul li em {
	font-style: normal;
	float: left;
	font-size: .8em;
}

a.small {
	font-size: .8em;
	padding-left: 10px;
}

div.clear { clear: both; }

#thumbs_controls {
	margin: 0 auto;
	width: 700px;
}

#thumbnail_container {
	margin: 0 auto;
	float: left;
	width: 640px;
	overflow: hidden;
}
.arrowleft a, .arrowright a {
	height: 70px;
	float: left;
	text-indent: -9000px;
	display: block;
	width: 30px;
	overflow: auto;
}
.arrowleft a {
	background: url('../images/left_arrow.png') no-repeat scroll 0px 15px;
}
.arrowright a {
	background: url('../images/right_arrow.png') no-repeat scroll 0px 15px;
}

#thumbnails {
	margin: 0;
}
#thumbnails ul { list-style-type:none; margin: 0; padding: 0; }
#thumbnails li { float:left; margin: 0; width: 60px; height: 60px; }
#thumbnails li a { 
	float:left; 
	width: 60px; 
	height: 60px; 
	text-decoration:none; 
	text-align:center;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#thumbnails li a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0; 
}

#current_image {
	text-align: center;
	margin: 20px 0;
	min-height: 300px;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #927962;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	
}
.floatbox {
	position: absolute;
	text-align: left;
	top: 150px;
	padding: 20px;
	background: #fff;
	z-index: 100;
	width: 480px;
	border: 3px solid #927962;
}
.floatbox a.windowclose {
	float: right;
	margin-top:-15px;
	margin-right: -12px;
	padding-right: 17px;
	background: url('../images/closebutton.png') no-repeat transparent scroll 30px 0;
}

.floatbox h3 {
	font-size: 1.4em;
	margin: 10px 0 5px 0;
}

.floatbox ul {
	font-size: 1.2em;
	list-style-position: inside;	
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.floatbox ul li li { font-size: .8em; }

.error {
    color: red;
}

.errorfield {
    color: red;
    font-weight: bold;
    background: #FFCFCF;
}

.errormessage {
    padding: 10px;
    border: 1px solid #999;
    background: #f5f5f5;
    color: red;
}

#error_mssg a.error {
    color: red;
    font-weight: bold;
}

#error_mssg a.error:hover {
    color: white;
    background: red;
    font-weight: bold;
}
/* begin: sifr font styles */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -3px;
	font-size: 2.3em;
}


.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
/* end sifr font files */