html,body {height: 100%; /* needed for container min-height */}

body {
	background: #fff url("images/bg_main_inner.jpg") repeat-x top center;
	color: #333133;
	font-family: verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;}
	
	
/* main styles
-----------------------------*/
h1 {
	font-family: georgia, times roman, serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;}
	
h2 {
	font-family: georgia, times roman, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;}
	
p {margin-bottom: 15px;}

ul {margin: 0 0 15px 0;}

ul li {
	margin-left: 15px;
	list-style-type: disc;}

strong {font-weight: bold;}
em {font-style: italic;}

.clearfix {clear: both;}
.floatright {float: right;}
.floatleft {float: left;}
.hidden {display: none;}
	
	
/* layout DIVs
-----------------------------*/
#wrapper {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 900px;
	height: auto !important; /* real browsers */
	height: 90%; /* IE6: treaded as min-height*/
	min-height: 90%; /* real browsers */
	z-index: 2;
}

#content {
	clear: both;
	margin: 25px 0 0 0;
	z-index: 1;}
	
#content #col1 {
	float: left;
	width: 550px;
	padding-bottom: 20px;}
	
#content #col2 {
	float: right;
	width: 320px;}
	
#photos {
	clear: both;}
	
#footer {
	background: url("images/bg_footer.jpg") center bottom repeat-x;
	clear: both;
	width: 100%;
	height: 80px;
	padding-top: 20px;
	margin-top: 0;
	z-index: 5;
	font-size: 11px;
	color: #fff;}


	
/* global elements
-----------------------------*/
h1#logo {margin: 0; padding: 0;}

h1#logo a {
	background: url("images/logo.png") no-repeat;
	display: block;
	float: left;
	width: 295px;
	height: 171px;
	text-indent: -9000px;
	margin: 0;}
	
/* main menu */
#menu ul {margin: 0; float: right;}
#menu ul li {margin: 0; list-style-type: none; float: left;}
	
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 26px;
	line-height: 26px;
	font-family: impact;
	margin: 30px 0 0 30px;}
	
#menu ul li a:hover {
	color: #fddf03;}
	

/* quote panel
-----------------------------*/
.quote {
	background: url("images/bg_quote.jpg");
	padding: 15px 15px 10px 15px;
	text-align: center;
	color: #5284b6;
	font-family: georgia, times roman, serif;
	font-size: 14px;
	border: 1px solid #e1e1e1;}
	
.quote h2 {
	font-size: 30px;
	margin-bottom: 5px;
	color: #000;}
	
.quote a {
	background: url("images/butt_quote.jpg") no-repeat;
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -3000px;
	margin: -5px 0 0 44px;}
	
	
/* forms
-----------------------------*/
.contactform {
	background-color: #ebebeb;
	padding: 20px;}

.contactform .formrow {
	margin-bottom: 10px;}
	
.contactform .captcha_table {
	background-color: #dfe6ed;
	padding: 5px 10px 5px 10px;
	width: 270px;
	text-align: center;}
	
.contactform .textfield, .contactform .email, .contactform .textarea {
	width: 70%;}
	
	
/* gallery
-----------------------------*/
.gallery a.item {
	float: left;
	text-decoration: none;
	border: none;
	display: block;
	text-align: center;
	font-size: 10px;
	color: #333133;
	padding: 3px;
	border: 1px solid #c2c2c2;
	margin: 0 20px 20px 0;}
	
.gallery a.item .thumb {
	width: 150px;
	height: 150px;
	overflow: hidden;}
	
.thumbpage a {
	float: left;
	border: none;
	display: block;
	padding: 3px;
	border: 1px solid #c2c2c2;
	margin: 10px 20px 10px 0;
	width: 150px;
	height: 150px;
	overflow: hidden;}
	
.thumbpage a div {
	width: 150px;
	height: 150px;
	overflow: hidden;}
	
.back {clear: both;}
	

/* footer
-----------------------------*/
#footer .footwrap {
	width: 900px;
	margin: 0 auto;}
	
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* footer menu */
#footer ul {margin: 0; float: left;}
#footer ul li {margin: 0; list-style-type: none; float: left;}
#footer ul li a {margin-right: 20px; z-index: 5;}

#footer a.zavalink {margin-left: 50px;}


/* lightbox
-----------------------------*/
#lbOverlay {z-index: 10;}
#lbCenter, #lbBottomContainer {z-index: 11;}