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


html {
	margin: 0;
	padding: 0;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #FBDF7C url(../images/page-bg.jpg) repeat-x top center;
	text-align:center;
	font-family: "Lucida Sans", Verdana, sans-serif;
}
img {
	border:none;
}

ul,
ol {
	display: block; 
	margin: 1.5em 0 1em 0;
}
	ul.thumbs {
		margin:0;	
	}
li {
	margin: 4px 25px;
	padding: 3px 0;
}
a {
	color: #D95320;
	text-decoration:underline;
}
a:hover {
	color: #5e2f25;
	text-decoration:none;
}
blockquote {
	margin: 2px 1px;
	padding: 0 20px;
}
/****************************/
/** layout **/
/****************************/

#wrapper {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	text-align:left;
}
#header {
	width: 1000px;
	height:39px;
	text-align:right;
}
	#menu a {
		color: #FFFFFF;
		font: bold 17px/39px "Lucida Sans", Verdana, sans-serif;
		margin-right: 19px;
		text-decoration:none;
	}
	#menu a:hover {
		color: #fdefaf;
		font: bold 17px/39px "Lucida Sans", Verdana, sans-serif;
		margin-right: 19px;
		text-decoration:none;
	}

	
/****************************/
/** home divs **/

#leftColumn {
	width:389px;
	float:left;
	display:inline;
}
	#logo {
		background: transparent url(../images/dc-logo.jpg) no-repeat top right;
		height: 249px;
	}
	#logo-copy {
		padding: 120px 35px 0 0;
		text-align:right;
	}
	#logo-copy p{
		color:#006a83;
		font: bold 13px 'Lucida Sans', Verdana, sans-serif;
	}
	#left-box-mid {
		padding: 25px 0 20px 90px;
		text-align:center;	
	}
	#social-buttons {
		padding: 5px 20px;
		font: bold 12px "Lucida Sans", Verdana, sans-serif;
		color: #be491a;
		text-align:center;
		border-top: 1px dotted #be491a;
	}
		#social-buttons img {
			float:left;
			border:0;
			padding: 5px;
		}
		#social-buttons span a {
			float:left;
			border:0;
			padding-top:15px;
			font: 12px "Lucida Sans", Verdana, sans-serif;
			color: #D95320;
		}

		#view-vids-box {
			line-height: 20px;
			padding: 10px;
			text-align:left;
			font: 12px "Lucida Sans", Verdana, sans-serif;
			color: #be491a;
		}
		#view-vids-box img {
			float:left;
			margin-right:10px;
		}

	#room-list {
		padding:10px 20px;
		text-align:right;
	}
	#room-list h2 {
		margin: 5px 0;
		color:#be491a;
		font: bold 17px/20px "Lucida Sans", Verdana, sans-serif;
	}
	
	#check {
		text-align: center;
		position:absolute; 
		left:40px; 
		width:260px;
		height:220px;
	}
	#check h3 a {
		color:#D95320;
		font: bold 17px/20px "Lucida Sans", Verdana, sans-serif;
		text-decoration:none;		
	}
	#check h3 a:hover {
		color:#be491a;
		font: bold 17px/20px "Lucida Sans", Verdana, sans-serif;
		text-decoration:underline;		
	}
	
#rightColumn {
	width:605px;
	float:left;
	display:inline;
}

	#pics {
		height: 215px;
		padding: 22px 10px 0 10px;
	}
		/*#pic-thumbs {
			float:left;
			display:inline;
		}
		#pic-thumbs img {
			margin:0 0 10px 10px;
			display:inline;
		}
		#main-pic {
			float:left;
		}
		*/
		/*********************/
	
		#slideshow {
			float:left;
			display:inline;
		}
		#slideshow a {
			text-decoration: none;
		}
		
		#thumbs {
			float:left;
			display:inline
		}
		ul.thumbs {
			list-style-type:none;
		}
		ul.thumbs li {
			display:inline;
			list-style-type:none;
			margin:0 0 5px 5px;
		}
		a.thumb {
			text-decoration:none;
		}
		a.thumb img {
			outline:none;
			width:110px;
			height:83px;
			padding:4px;
		}
		a.thumb:hover img {
			outline:none;
			width:110px;
			height:83px;
			padding: 0;
			border: 4px solid #FFF;
		}
		#gallery-controls a {
			font: 11px Arial, Helvetica, sans-serif;
		}
		.pagination {
			width: 100px;
			float:left;
			display:inline;
		}
		.pagination a,
		.pagination span {
			font: 12px Arial, Helvetica, sans-serif;
			margin-left:10px;
		}
		/*********************/
	
	#reservation-box {
		height: 302px;
		width: 611px;
		overflow:hidden;
		background: transparent url(../images/reserve-box.jpg) no-repeat top left;
	}
	#res-left {
		float:left;
		display:inline;
		width:270px;
		margin:72px 4px 0 25px;
		
	}
	#res-right {
		float:left;
		display:inline;
		width:250px;
		padding:5px;
		text-align:right;
		margin-top:60px;
	}
		#res-right p,
		#res-left p {
			font: 11px/13px "Lucida Sans", Verdana, sans-serif;
			color: #5e2f25;
			padding: 4px 0;
		}
		

/****************************/
/** sub page divs **/

#top-shadow {
	width:1000px;
	background: transparent url(../images/top-shadow.jpg) no-repeat top left;
	height:30px;
}

#inner-wrapper {
	background: #FFF url(../images/dc-logo-inner.gif) no-repeat top left;
	font: 12px/14px "Lucida Sans", Verdana, sans-serif;
	color: #5e2f25;
}	

	.wide-column-inner {
		display:block;
		width: 945px;
		padding:10px;
		color: #5e2f25;
	}
	.left-column-inner {
		float:left;
		display:inline;
		width: 370px;
		padding-top: 170px;
		position:relative;
	}
	.right-column-inner {
		float:left;
		display:inline;
		width: 560px;
		margin-left:15px;
		padding:10px;
		color: #5e2f25;
	}
	.right-column-inner h1,
	.wide-column-inner h1 {
		margin: 10px 0;
		color:#c33932;
		text-align:right;
		font: bold italic 20px/20px "Lucida Sans", Verdana, sans-serif;
	}
	.right-column-inner h2,
	.wide-column-inner h2 {
		margin: 5px 0;
		color:#be491a;
		font: bold 17px/20px "Lucida Sans", Verdana, sans-serif;
	}
	.right-column-inner h3,
	.wide-column-inner h3 {
		margin: 5px 0;
		color:#6C3A15;
		font: bold 14px/20px "Lucida Sans", Verdana, sans-serif;
	}
	.right-column-inner p,
	.wide-column-inner p  {
		padding: 8px 0;
	}
	.right-column-inner a, 
	.wide-column-inner a	{
		color:#D95320;
		font-weight: bold;
		text-decoration:none;
	}
	.right-column-inner a:hover,
	.wide-column-inner a:hover {
		color:#be491a;
		font-weight: bold;
		text-decoration:underline;
	}

#bottom-shadow {
	width:1000px;
	background: transparent url(../images/bottom-shadow.jpg) no-repeat top left;
	height:50px;
}


#dreamcatcher-map {
	width:662px;
	height:457px;
	background: #FFF url(../images/dreamcatcher-map.gif) no-repeat top left;
	margin: 130px 0 10px 200px;
}
#left-map {
	width: 131px;
	float:left;
	display:inline;
	margin:14px 0 0 15px;
}
#right-map {
	width: 330px;
	float:right;
	display:inline;
	padding-top: 156px;
	margin-right: 61px;
}
#pueblo-bubble {
	position:absolute;
	top:-500px;
	left:-500px;
	display: none;
	width:442px;
	height: 291px;
	background: transparent url(../images/rooms-rates/pueblo-bubble.png) no-repeat top left;
}
.bubbles {
	
}


a.gallery-switcher {
	border-top: 1px solid #FF9900;
	border-right: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	padding: 4px 10px;
	margin: 1px 5px;
	background-color: #FBE38B;
}

a.on {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}
a.gallery-switcher:hover {
	border-top: 1px solid #FF9900;
	border-right: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	padding: 4px 10px;
	margin: 1px 5px;
	background: #FEF8E0;
}

#gallery-container {
	border: 1px solid #FF9900;
	padding: 0;
	margin: 3px 0;
	background-color: #fff;
	text-align:center;
}

.gallery-thumbs {
	padding:5px 0;
}
.gallery-thumbs a img {
	margin:3px 2px;
	display:inline;
	padding: 4px;
}
.gallery-thumbs a:hover img {
	margin:3px 2px;
	display:inline;
	padding: 0;
	border: 4px solid #D95320;
}


ul.list-left {
	width:45%;
	float:left;
	display:inline;
}

/****************************/
/** footer **/
/****************************/

#footer {
	background: transparent url(../images/footer-bg.jpg) no-repeat top center;
	padding-top: 33px;
}

	#footer-left {
		display: inline;
		float:left;
		width:282px;
		margin: 0 0 0 45px;
		text-align:left;
	}
	#footer-center {
		display: inline;
		float:left;
		width:359px;
		text-align:left;
		margin-left:60px;
	}
		#footer-center .left {
			display: inline;
			float:left;
			width:45%;
		}
		#footer-center .right {
			display: inline;
			float:left;
			width:45%;
		}
	#book-box {
		border: 1px dotted #26768D;
		padding: 10px;
		margin: 10px 25px;
		text-align:center;
	}
	#footer-right {
		display: inline;
		float:left;	
		width: 222px;
		text-align:left;
	}
	
	#footer div h1 {
		font: bold 18px "Lucida Sans", Verdana, sans-serif;
		color: #5e2f25;
		padding-bottom:10px;
	}
	#footer div p {
		font: 11px/13px "Lucida Sans", Verdana, sans-serif;
		color: #5e2f25;
	}

	#footer div a {
		font: 11px "Lucida Sans", Verdana, sans-serif;
		color: #D95320;
		text-decoration:none;
	}
	#footer div a:hover {
		font: 11px "Lucida Sans", Verdana, sans-serif;
		color: #5e2f25;
		text-decoration:underline;
	}
	


/****************************/
/** misc **/
/****************************/

.clear {
	width:100%;
	clear:both;
	height:5px;
	overflow:hidden;
}

.hr {
	width:100%;
	clear:both;
	height:5px;
	overflow:hidden;
	border-bottom: 1px dotted #6C3A15;
}

.response {
	font: 13px "Palatino Linotype", "Book Antiqua", Palatino, serif;	
	color: #666;
	margin: 4px 15px;
}

.dotted {
	border-top: 1px dotted #555;	
}


/****************************/
/** stripe me **/
/****************************/

.stripe-me td {
	padding:6px;
}

.stripe-me tr.alt {
	background-color:#FFF8C7;
}
.stripe-me tr.over {
	background-color:#FFEEB8;
}