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

body {
	background:url(../images/bg_site.jpg) repeat #517064 center;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: .8em;
	color: #1e2d3f;
}

#container {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	padding:0;
	background-color: #d5d0a7;
}

#header {
	height: 240px;
	background-image: url(../images/three-peaks-site-header_default.jpg);
}

#mainnav{
	width: 800px;
	height: 35px;
	background-color: #517064;
	border-top: #d5d0a7 2px solid;
	text-align:center;
}

#mainnav ul{
	margin: 0;
	padding:0;
}

#mainnav li{
	margin: 0;
	padding:0;
	list-style: none;
	display: inline;
}

#mainnav li a{
	width: 200px;
	height: 35px;
	line-height: 35px;
	color: #d5d0a7;
	padding: 0 10px 0 10px;
	margin:10px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	border-right: #d5d0a7 1px solid;
	border-left: #d5d0a7 1px solid;
}

#mainnav li a:hover{
	background-color: #1e2d3f;
}

#content {
	border-top: #d5d0a7 2px solid;
	background-image: url(../images/bg_content.jpg);
	background-repeat: no-repeat;
}
#column1 {
	width:215px;
	float: left; 
	margin: 0 0 20px 0;
	padding: 10px;
	border: thin solid #1e2d3f;	
}
#column2 {
	width:215px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 10px;
	border: thin solid #1e2d3f;	
}
#column3 {
	width:215px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 10px;
	border: thin solid #1e2d3f;	
}
#columnlg {
	width:470px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 10px;
}
#columnlg {
	width:470px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 10px;
}
.innerpad{
	padding: 20px;
}
#footer {
	color: #d5d0a7;
	font-size: 10px;
	background: #517064;
	width: 800px;
	text-align:center;
}
#footer ul{
	margin: 0;
	padding:0;
	text-align:left;
}
#footer li{
	margin: 0;
	padding:0;
	list-style: none;
	display: inline;
	line-height: 25px;
}
#footer li a{
	color: #999966;
	padding: 8px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;


}
#footer li a:hover{
	color: #1e2d3f;
}
.clr {clear:both;}

#reserv {
	line-height: 30px;
	text-align:center;
		text-decoration:none;

}
#reserv a {
	display: block;
	color:#FFCC33;
	font-weight:bold;
	font-size: 16px;
	background: #517064;
	text-decoration:none;
}
#reserv a:hover {
	color:#CC9900;
	background: #1e2d3f;
}

/*image-pop-up*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #fff;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
top:20px;
left: -20px; /*position where enlarged image should offset horizontally */
}
.center {text-align:center;}
img {border: none;}
.imgleft{float: left; padding-right: 20px;}
.imgright{float: right; padding-left: 20px;}
.olt{color:#FFCC33;}

h1 {font-size: 1.5em;text-decoration: underline;}
h2 {font-size: 1em;text-decoration: underline;}
#column1 h2{padding: 5px;margin:0;background-color: #517064;color: #d5d0a7;text-transform: capitalize; text-decoration:none;}
#column2 h2{padding: 5px;margin:0;background-color: #517064;color: #d5d0a7;text-transform: capitalize; text-decoration:none;}
#column3 h2{padding: 5px;margin:0;background-color: #517064;color: #d5d0a7;text-transform: capitalize; text-decoration:none;}

.caption {font-size: 9px; font-weight:bold;}

a {color:#996600;font-weight:bold;}
a:link a:visited a:active {color:#996600;font-weight:bold;}
a:hover {color:#003300;	font-weight:bold;}

hr {height:3px; color:#030; background-color: #030; border:none;}

.picborder {border: 1px solid #1e2d3f;}

.lgtxt { font-size:2em; font-weight:bold;}

.topheader {
	background: #517064;
	color: #d5d0a7;
	text-decoration: none;
	font-weight: normal;
	padding:5px;
}