/* ==================================
	LAYOUT
   ================================== */
   
 body {
 	margin: 0 auto;
	background: #3D0C3D;
	font-size: 10px; 
	color: #999; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0; margin: 0; } 
#container {
	width: 722px;
	margin: 0 auto;
	background: #f1f0df; 
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	}
#content {
	width: 517px; 
	float: right;
	
	}
#mainContent {
	min-height: 260px;
	width: 319px;
	padding: 30px;
	float: left;
	background: url(/images/sidebar-divider.jpg) no-repeat 0 35px ;
	}
#mainContent_noSecondaryContent {
	width: 450px;
	padding: 30px;
	float: left;
	background: url(/images/sidebar-divider.jpg) no-repeat 0 35px ;
	}
#secondaryContent {
	width: 138px;
	float: right;
	padding: 21px 0 0; margin: 0;
	background: url(/images/secondary-content-bg.gif) no-repeat top right; 
	}
#sideBar {
	width: 205px;
	float: left;
	}
#footer {
	clear: both; }

.hide { display: none; }


/* ==================================
	IMAGE REPLACEMENT
   ================================== */

#welcome-to-angel-peak {
	text-indent: -99999px;
	text-decoration: none;
	background: url(/images/welcome-to-angel-peak.jpg) no-repeat; 
	height: 22px;
	width: 262px;
	}
#amenities {
	text-indent: -99999px;
	text-decoration: none; 
	background: url(/images/amenities.gif) no-repeat;
	height: 13px;
	width: 80px;
	position: relative;
	left: 25px;
}
#featured-special {
	text-indent: -99999px;
	text-decoration: none;
	height: 12px;
	width: 90px;
	background: url(/images/featured-special.gif) no-repeat;
	}
#pricing-and-amenities {
	text-indent: -99999px;
	text-decoration: none;
	height: 23px;
	width: 190px;
	background: url(/images/pricing-and-amenities.jpg) no-repeat;
	}
#location {
	text-indent: -99999px;
	text-decoration: none;
	height: 17px;
	width: 83px;
	background: url(/images/location.jpg) no-repeat; }
#activities {
	text-indent: -99999px;
	text-decoration: none;
	height: 17px;
	width: 141px;
	background: url(/images/activities.jpg) no-repeat; }
#gallery_text {
	text-indent: -99999px;
	text-decoration: none;
	height: 23px;
	width: 68px;
	background: url(/images/gallery.jpg) no-repeat; }
#contact {
	text-indent: -99999px;
	text-decoration: none;
	height: 18px;
	width: 118px;
	background: url(/images/contact.jpg) no-repeat; }
#privacy-policy {

	text-indent: -99999px;
	text-decoration: none;
	height: 22px;
	width: 130px;
	background: url(/images/privacypolicy.jpg) no-repeat; }


/* ==================================
	TYPOGRAPHY
   ================================== */
   
h2, h3 { padding: 0; margin: 0 0 1em 0; }
h3 { font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
	}
a:link, a:visited { color: #721471; text-decoration: underline; }
a:hover { color: #999; text-decoration: underline; }
a:active { color: #721471; text-decoration: underline; }

#footer a:link, #footer a:visited { color: #999; text-decoration: none; }
#footer a:hover { color: #721471; text-decoration: none; }
#footer a:active { color: #999; text-decoration: none; }


p { font-size: 100%;
	margin: 0 0 1em 0; padding: 0; }
	
ul {
	list-style: none;
	padding: 0;
	margin: 0; }
ul li li {
	padding-left: 15px; }
.link-highlight a { 
	padding-left: 15px;
	background: url(/images/arrow.gif) no-repeat 0 .4em; }
#secondaryContent p {  margin: 2px 30px 1.2em 0; text-align: right; }
table { margin: 15px; padding: 0; color: #721471;
	width: auto;
	font-size: 10px; }
th {
	font-weight: normal;
	text-align: left;
	}
th { width: 40%; }
td { width: 60%; }
ul.arrow {
	margin: 0; padding: 0;
	list-style: none;
	width: auto; 
 }
ul.arrow li {
	background: url(/images/arrow.gif) no-repeat 0 .7em ;
	padding-left: 15px;
	padding-top: .3em;
}
	

/* ==================================
	HEADER
   ================================== */

#header {
	position: relative;
	height: 126px;
	background: url(/images/attractions_box_top.gif) bottom left no-repeat;
	}
	
#header h1 {
	margin: 0; padding: 0;
	}
#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:visited {	
	width: 290px;
	height: 0;
	display: block;
	padding-top: 76px;
	overflow: hidden;
	font-size: 1px;
	}
	
/* ==================================
	NAVIGATION
   ================================== */

#navigation { 
	position: absolute; 
	bottom: 0;
	right: 0;
	height: 67px; 
	width: 517px;
	padding: 0; margin: 0;
	background: url(/images/navigation.jpg) left top no-repeat; }
#navigation li { 
	float: left;
	list-style: none;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	}
#navigation li, #navigation li a {
	height: 67px;
	display: block; }
#navigation li a { text-decoration: none; }

#li1 { left: 0; width: 78px; }
#li2 { left: 79px; width: 144px; }
#li3 { left: 222px; width: 115px; }
#li4 { left: 337px; width: 78px; }
#li5 { left: 415px; width: 101px; }

#li1 a:hover { background: url(/images/navigation.jpg) no-repeat 0 -67px; text-decoration: none;}
#li2 a:hover { background: url(/images/navigation.jpg) no-repeat -79px -67px; text-decoration: none; }
#li3 a:hover { background: url(/images/navigation.jpg) no-repeat -222px -67px; text-decoration: none; }
#li4 a:hover { background: url(/images/navigation.jpg) no-repeat -337px -67px; text-decoration: none; }
#li5 a:hover { background: url(/images/navigation.jpg) no-repeat -415px -67px; text-decoration: none; }

	
/* ==================================
	SIDEBAR BOX 1
   ================================== */
   
#sidebarBox1 {
	background: url(/images/attractions_box_bottom.jpg) top left no-repeat; 
	height: 242px;
	padding: 0; margin: 0;
	}
#sidebarBox1 h3 { 
	font-weight: normal;
	text-decoration: underline; 
	font-size: 100%;
	padding: 0; margin: 0 12px 0 24px; }
#sidebarBox1 p {
	margin: 0 12px 0 24px;
	padding: 0;
	line-height: 1.2em;
	}
	
#sidebarBox1 ul {
	position: relative;
	right: 12px;
	margin: 0; padding: 0;
	margin-left: 24px;
	list-style: none;
	width: auto; 
 }
#sidebarBox1 ul li {
	background: url(/images/arrow.gif) no-repeat 0 .7em ;
	padding-left: 12px;
	padding-top: .3em;
}
	
/* ==================================
	SIDEBAR BOX 2
   ================================== */
   
#sidebarBox2 {
	background: url(/images/sidebarBox2.jpg) top left no-repeat;
	height: 263px;
	padding: 30px 30px 0px 30px;
	}
	
/* ==================================
	SECONDARY CONTENT
   ================================== */

.secondaryContentBox {
	background: url(/images/box.jpg) no-repeat;
	height: 125px;
	padding: 10px 38px 0px 10px; margin: 0;}
.secondaryContentBox1 {
	background: url(/images/box1.jpg) no-repeat;
	height: 133px;
	padding: 12px 0 0 12px ; }

/* ==================================
	GALLERY
   ================================== */

#gallery { 
	width: 425px;
	float: right;
	margin: 0 auto; 
 }
#gallery .secondaryContentBox1 {
	float: left;
	width: 111px;
	margin-bottom: 15px;
	margin-right: 15px; 
}
img { border: none; }

/* ==================================
	CONTACT                   
   ================================== */

#contact_info { width: 45%; float: right; }
#form { width: 45%;
	float: left; }
.form_section {
	padding-bottom: 15px; }
input { width: 150px;
	background: #f8f8f0;
	font-size: 10px;
	font-family: verdana, helvetica, arial, sans-serif;
	padding: 2px; }
textarea { width: 150px;
	background: #f8f8f0;
	font-size: 10px; 
	font-family: verdana, helvetica, arial, sans-serif; 
	padding: 2px; }
#form_submit {
	width: 150px; }
button { font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px; }
.map { clear: both; }
	
	
	
/* ==================================
	FOOTER
   ================================== */

#footer {
	width: 705px;
	background: url(/images/lizzard.jpg) top right no-repeat; 
	height: 58px; 
	position: relative;  }
#created_by { position: absolute; top: 40px; right: 50px; }
#copyright { position: absolute; top: 40px; left: 15px; }
#footnote { width: 100%; }
#footer_links { position: absolute; top: 20px; left: 15px; } */