/*
Theme Name: Santa Fe Motel
Theme URI: http://santafemotel.com/
Author: SFWDLLC
Author URI: http://santafewebdesign.com/


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url(https://fonts.googleapis.com/css?family=Asul|Lato|Cardo);

body
{
	background-color : #d55907;
	margin : 0px;
	padding : 0px;
	font-family : "Lato", sans-serif;
	font-size : 12px;
	color : #6a1b10;
}


.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


#layout
{
	width : 1000px;
	margin : 0px auto;
	background-color : #f7f7f2;
	-moz-box-shadow: 0px 4px 3px #a04005;
	-webkit-box-shadow: 0px 4px 3px #a04005;
	box-shadow: 3px 4px 3px #a04005;
	behavior: url(/pie/PIE.htc);
}

#bottom_shadow
{
	margin : 0px auto;
	width : 1020px;
	height : 15px;
	background-image : url(/images/bottom_shadow.png);
}

#logo
{
	float : left;
	width : 460px;
	padding : 10px 0px 10px 15px;
}

#header_contact
{
	float : left;
	width : 514px;
	text-align : right;
    font-size : 16px;
	color : #5f250d;
	font-weight : bold;
	padding-top : 10px;
	padding-right : 10px;
}

#header_contact a
{
	color : #5f250d;
	text-decoration : none;
}

#header_contact img
{
	margin-right : -5px;
}

#nav_cell
{
	background : #5e422e;
	padding : 8px 0px 2px 0px;
}

#nav_cell #nav {
  list-style: none;
  margin: 0px auto;
  padding: 0px 0px 0px 80px;
  font-size : 16px;
  font-weight : bold;
}

#nav_cell #nav li {
  float: left;
  padding: 0px 35px 0px 0px;
  margin: 0px 5px;
  position: relative;
}

#nav_cell #nav li a {
  display: block;
  padding: 0px 0px 8px 0px;
  color : #f9f8ed;
  height : 19px;
}

#nav_cell #nav li a:hover {
color : #cc845c;
}

#nav_cell #nav li a.active {
  color: #fff;
  background: #555 url(/images/nav-active-bg.jpg) 0 0 repeat-x;
}

/* ---------- Mega Drop Down --------- */


#nav_cell #nav li:hover {
  z-index: 500;
}

#nav_cell #nav li:hover a
{
	color : white;
}


#nav_cell #nav a {
  outline:0;
  display:block;
  text-decoration : none;
}
/* ----------- Hide/Show Div ---------- */
#nav_cell #nav div {
  position:absolute;
  left:-999em;
  margin:0px;
  width: 151px;
  padding:0;
  font-weight:normal;
  text-align:left;
  background : white;
  font-size : 14px;
}

#nav_cell #nav li:hover div {
  left:-1px;
  top:25px;
}

#nav_cell #nav li.dif:hover div {
  left:-221px;
}

/* --------- Within Div Styles --------- */
#nav_cell #nav div a {
  display: block;
  padding: 1px 0 5px 8px;
  margin: 3px 0px 0px 0px;
  text-transform: none;
  color : #5e431b !important;
  border-bottom : 1px dotted #cc6c1b;
}

#nav_cell #nav div a:hover, #nav_cell #nav div a:focus, #nav_cell #nav div a:active {
	color : #d55907 !important;
}

/* specific nav sizes */
#nav_cell #nav #about-us-nav {
  width: 122px;
}


#content
{
	background : #f0ece4 url(/images/content_drop.png) no-repeat;
	padding : 10px 20px;
	position : relative;
	top : 6px;
	margin-top : -6px;
	color : #5e422e;
}

#content h2
{
	margin : 0px;
	font-family : "Asul", sans-serif;
	color : #d55907;
	font-size : 36px;
	font-weight : normal;
}

#content h3
{
	font-size : 20px;
}

#content a
{
	text-decoration : none;
	color : #d55907;
}

#content.gallery
{
	height : 800px;
	padding-right : 375px;
}

#narrow_content
{
	float : left;
	width : 700px;
}

#footer
{
	width : 1000px;
	margin : 20px auto;
	color : brown;
	text-align : center;
	font-size: 18px;
}

#footer a
{
	color : #d55907;
	font-weight: bold;
}

#footer a:hover
{
	color : brown;
}

#content_footer
{

	background-repeat : repeat-x;
	padding-top : 25px;
}

.reservationSearch iframe {
	height: 700px;
}

#footer_left
{
	float : left;
	width : 325px;
	padding : 0px 10px;
	font-size: 18px;
}

#specials
{
	padding-left : 45px;
	font-size : 14px;
}

#specials p
{
	margin-top : 0px;
}

#specials a
{
	color : #d55907;
	text-decoration : none;
}

#footer_center
{
	float : left;
	width : 328px;
}

#footer_center a
{
	padding-left : 18px;
}

#footer_right
{
	float : left;
	width : 320px;
}

#form_left
{
	float : left;
	width : 255px;
	text-align : right;
	padding-left: 20px;
}

#form_right
{
	float : left;
	width : 65px;
}

#search_arrow
{
	display : inline;
	width : 60px;
}

#trip_advisor
{
	clear : both;
	color : #d55907;
	text-align : center;
	padding-top : 10px;
}

#trip_advisor img {
	display: block;
	margin: 0 0 0 10px;
	width: 50%;
	float: right;
	border: 1px solid #eee;
}

#CDSWIDCOE
{
	margin : 10px auto !important;
}

#footer_blurb
{
	clear : both;
	text-align : center;
	padding : 0px 25px;
	font-size: 14px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 0px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 0px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	margin-left : 10px;
	}

.alignleft {
	float: left;
	margin-right : 10px;
	}

.wp-caption-text
{
	font-size : 10px;
	padding : 3px;
	color : #5e5e5e;
	margin-top : 2px;
}

/* End Images */



/* index js */

#featured-container {
  position : relative;
  padding-top: 25px;
}

#featured-slides {
  position: relative;
top : 0px;
left : 0px;
  width: 1000px;
  height: 376px;

  overflow: hidden;

  background:#7ac142;
}

#featured-slides .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 376px;
}

#featured-slides.alt {
  background: #0082c8;
}

#featured-slides .slide p {
  font-size: 50px;
  text-transform: uppercase;
  color: white;
  margin: 0;
  padding: 0;
  width: 752px;
  position: absolute;
  left: 43px;
  top: 63px;
  font-family: 'HouschkaBold';
}

#featured-slides .learnmore {
  display: block;
  color: #fff;
  font-size: 20px;
  position: absolute;
  bottom: 17px;
  right: 40px;
  background: url(/images/learnmore.png) right 0 no-repeat;
  height: 67px;
  line-height: 65px;
  padding-right: 90px;
}


#previous_link
{
	position : absolute;
	z-index : 20;
	top : 170px;
	left : -7px;
}

#next_link
{
	position : absolute;
	z-index : 20;
	top : 170px;
	right : -6px;
}

/* post/page slideshows from [gallery] */
#slideshow {
  position: relative;
  left : -20px;
  top : -10px;
  width : 1002px;
  /* height : 541px; */
}

#slideshow #bigimg {
  position: relative;
  width: 1000px;
  height: 541px;
  overflow: hidden;
}

#slideshow #bigimg img {
  position: absolute !important;
  top: 0px !important;
  left: 0 !important;
  width: auto !important;
  height: 541px !important;
}

#slideshow #caption {
  position: absolute;
  top: 411px;
  right: 5px;
  z-index: 500;
  color: #fff;
  text-shadow: #000 0 0 4px;
  font-size: 11px;
}


#thumbs-container {
  padding: 10px 0 10px 0 !important;
  background : url(/images/overlay_bg.png);
	/* top : -110px;
	margin-bottom : -110px; */
	position: relative;
	z-index : 100;
	height : 80px;
	width : 1000px;
	border-bottom : 1px solid #c9c9c9;
}

#thumbs-wrapper {
  position: relative;
  margin: 0px auto 0px auto;
  overflow: hidden;
}

#thumbs {
  position: relative;
  list-style: none;
  overflow: hidden;
  height: 80px;
  margin: 0 auto !important;
}

#thumbs img {
  float: left;
  width: 101px;
  height: 71px;
  margin: 0px 8px 0px 0px;
  cursor: pointer;
}

#thumbs img.current {
  background-image : url(/images/current_thumb_bg.png);
  height : 65px;
  width : 96px;
  padding : 3px 9px 11px 3px;
  margin : 0px 1px 0px 0px;
}

#thumbs-next {
  position: absolute;
	top : 27px;
	right : -6px;
  width: 40px;
  height: 44px;
  cursor: pointer;
  background: transparent url(/images/right_arrow.png) no-repeat;
}

#thumbs-next.disabled {
  background: transparent url(/images/right_arrow_off.png) no-repeat;
}

#thumbs-prev {
  position: absolute;
	top : 27px;
	left : -7px;
  width: 41px;
  height: 44px;
  cursor: pointer;
  background: transparent url(/images/left_arrow.png) no-repeat;
}
#thumbs-prev.disabled {
  background: transparent url(/images/left_arrow_off.png) no-repeat;
}
/* end post/page slideshows from [gallery] */

#gallery_form
{
	position : absolute;
	top : 650px;
	right : 20px;
}

#sidebar
{
	float : left;
  margin: 0px 30px 55px 0px;
	width : 222px;
}

#sidebar h3
{
	font-size : 14px;
	margin : 0px;
}

#sidebar h3 a
{

	color : #5e422e;
}


#page-nav {
  list-style: none;
  padding: 0px 0px 0px 10px;
  margin : 0px 0px 15px 0px;
  font-size : 12px !important;
}

#page-nav ul {
  list-style: none;
  padding-left: 15px;
  font-size: 11px;
}

#page-nav li {
  margin: 4px 0px 4px 0px;
}

/* we start by hiding all nav items */
#page-nav li .page_item {
  display: none;
}

/* hide my parents childrens subnavs */
#page-nav .current_page_parent li ul li {
  display: none;
}

/* show my parents children */
#page-nav .current_page_parent li {
  display: block;
}

/* show me */
#page-nav .current_page_item {
  display: block;
}

/* show my children */
#page-nav .current_page_item ul li {
  display: block !important;
}

/* hide my childrens subnavs */
#page-nav .current_page_item ul li ul li {
  display: none !important;
}

/* show my ancestors children */
#page-nav .current_page_ancestor li {
  display: block;
}

/* parents */
#page-nav .page_item a {
  color: #5e422e;
  text-decoration: none;
}

#page-nav .page_item a:hover {
  color: #5f3603;
}

/* active parent */
#page-nav li.current_page_item a
{
	color : #728e46;
}

/* children */
#page-nav li ul.children a
{
	color : #d55907;
}


/* active children */
#page-nav li ul.children li.current_page_item a {
  color: #728e46 !important;
}

#page-nav li ul.children li.current_page_item a:hover {
  color: #d55907 !important;
}