/*
Document Styles
*/

.clear{clear:both}

#wrapper {background:url('../../img/overpass/bkg-glow.png') repeat-y top center;}
#wrapper-bottom {
	background:url('../../img/overpass/bkg-glow-bottom.png') no-repeat bottom center;
	height:50px;
}

.content {  background: #ffffff }
#hd, #bd, #ft { width:950px; margin:0 auto;}
#bd { min-height:300px;}
/*#ft { margin-top: 15px; }*/

.footer-content {width:950px; height:100px}
.hotel-list {width:700px;}
.hotel-list li {line-height: 18px;}
.coltop {margin-top: -72px;}
.col0 {margin-left: 0px;}
.col1 {margin-left: 250px;}
.col2 {margin-left: 500px;}

/*
Masthead Styles (includes logo, header, main nav, callout
*/
#masthead {
	position:relative;
	margin:0 auto; padding:90px 0 0 0;
	background:url('../../img/overpass/bkg-masthead.png') no-repeat 0 0;
	width:950px;
	height:auto;
	text-align:left;
}
#logo {
	position:absolute; z-index:1;
	left:13px; top:18px;
}
#need-help {
	position:absolute;
	right:10px;
	top:20px;
	white-space:nowrap;
	z-index:1;
}
#reservations-number {
	font-family:Tahoma,Serif,Verdana;
	font-size: 15px;
	font-weight:bold;
	padding:2px 0 0;
	text-align:center;
}

#masthead h1 {
	z-index:2;
	font: 24px Georgia, "Times New Roman", Times, serif;
	color:#a62d38;
	float: left;
}

#masthead h1 span,
#masthead h1 span a,
#masthead #mast-location a,
#masthead #mast-location a:link,
#masthead #mast-location a:visited {
	padding:0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#006758;
	text-decoration:underline;
	vertical-align:baseline;
}

#masthead #mast-location {
	z-index:3;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#006758;
	float: left;
	width: 145px;
	margin-top: 27px;
}

#location-name {
	width: 625px;
	position: absolute;
	left: 130px;
	top: 31px;
	height: 60px;
}

#masthead #menu {
  padding:0;
  text-align:left;
  vertical-align:inherit;
}

ul#navlist {
	margin:0; padding:0;
	position:relative;
	left:0; top:0;
	padding-top: 3px;
	width:820px; height:35px; overflow:hidden;
	border-bottom:4px solid #6f8d7c;
	line-height:35px;
	padding-left: 130px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:95%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
}
#navlist a
{
	background: url(../../img/overpass/right-tab.gif) right top no-repeat;
	color: #ffffff;
	text-decoration: none;
	margin-left: 9px;	
}

#navlist li.hover a,#navlist li.active a
{
	background-position: right -38px;
}

#navlist li 
{
	background: url(../../img/overpass/left-tab.gif) left top no-repeat;
	padding: 0 3px;
	border: 0;
}

#navlist li.hover, #navlist li.active
{
	background-position: left -38px;
}

#navlist a span
{
	white-space: nowrap;
	background-color: #305244;
	margin-right: 12px;
	min-width: 65px;
	text-align:center;
	cursor: pointer;
}

#navlist li.hover a span, #navlist li.active a span
{
	background-color: #6f8d7c;
}

#navlist a, #navlist a span
{
	display: block;
	float: left
}

/* Hide from IE5-Mac \*/
#navlist a, #navlist a span
{
	float: none
}
/* End hide */


#navlist ul
{
list-style: none;
padding: 0;
margin: 0
}

#navlist li
{
float: left;
margin: 0;
}




#navlist li.last
{
	float:right;
	background-image: url(../../img/overpass/left-tab-cs.gif);
}

#navlist li.last a
{
	margin-left: 15px
}

#navlist li.last a span
{
	padding-left: 5px
}






ul#subnavlist {
	/*background:#308277;*/
	background:#6f8d7c;
	margin:0; padding:0;
	position:relative;
	left:0px; top:0px;
	width:950px; height:24px; overflow:hidden;
	text-align:center;
}
ul#subnavlist li {
	list-style:none;

	width:auto; height:38px;
	border:0;
	margin:0 0 0 0; padding:0 10px;
	display:inline;
	font-family:"Trebuchet MS";
	font-size: 85%;
}
ul#subnavlist li.first {
	margin-left:0;
}
ul#subnavlist li.last {
	margin-left:0;
}
ul#subnavlist li a {
	line-height:18px;
	color:#fff;
}
ul#subnavlist li a.active,
ul#subnavlist li a.menu-2-1-116-active,
ul#subnavlist li a.menu-2-2-116-active,
ul#subnavlist li a.menu-2-3-116-active,
ul#subnavlist li a.menu-2-4-116-active,
ul#subnavlist li a.menu-2-5-116-active {
	/*color: #f6ce4b;*/
	color: #fff;
	font-size: 131%;
}


/*
Forms
*/
#wolfbotSearchForm {
	padding: 0px 10px 5px 0;
	font-size: 108%;
}
#wolfbotSearchForm span {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#006758;
}
#wolfbotSearchForm span a,
#wolfbotSearchForm span a:link,
#wolfbotSearchForm span a:visited {
	padding:0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#006758;
	text-decoration:underline;
	vertical-align:baseline;
}

#wolfbotSearchForm fieldset {
	border: 0;
}

#wolfbotSearchForm .button {
	font-size: 93%;
}

fieldset.simple-form {}
fieldset.simple-form legend { font-size:116%; font-weight:bold; }
fieldset.simple-form label { font-weight:bold; display:block; }

fieldset.simple-form .cell {
	float:left;
	width:100px;
	margin: 1em 1em 0 0;
}
fieldset.simple-form .cell input {
	float:left;
}
fieldset.simple-form .cell div div img {
	float:left;
	margin:0 4px;
}
.boldpagetitle {
color:#007FB2;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bolder;
text-align:center;
}

/*
YUI Styles
*/


#ft {}

	#footer-resorts {
		background:url('../../img/overpass/bkg-footer.png') no-repeat 0 30px;
		height:132px;
		color:#eee;
		text-align:left;
	}
		#footer-resorts ul {
			padding: 14px 15px;
			line-height: 18px;
		}
		#footer-resorts a {
			color:#fff;
			text-decoration:underline;
		}
	#ft ul,
		#ft li,
		#ft p {
			text-align: left;
		}
	#ft .yui-u p {
		margin: 15px 15px 0 15px;
	}
		#ft .yui-u p#copyright {
			text-align: right;
			font-weight:bold;
		}

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  background:#d3c8b2 url('../../img/homepage-bg-gradient.jpg') repeat-x top center;
  font: 76% Helvetica, Arial, Verdana, sans-serif;
}

tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  width:600px;
  font-size: 1.3em;
}
h2,h2.title {
  font: bold 182% "Trebuchet MS";
  color:#000;
  margin:.75em 0 .75em 0;
}
h3,.yui-u h3 {
  font: bold 138.5% "Trebuchet MS";
  color:#000;
}
	
#three-promos h3,
#ft .yui-g h3 {
	font: bold 138.5%/30px "Trebuchet MS";
	background:url('../../img/overpass/bkg-h3.png') repeat-x 0 0;
	padding:0 0 0 18px;
	color:#f0e4bd;
}
#three-promos h3 {
	margin-bottom: 1em;
}
#ft .yui-g h3 {
	background-image:url('../../img/overpass/bkg-h3-footer.png');
}
	
h4 {
  font: bold 123.1% "Trebuchet MS";
  color:#000;
}
	h4 span {
		font: normal 93% "Trebuchet MS";
	}
h5, h6 {
  font-size: 1.1em;
}
a {
  text-decoration: none;
  font-weight: normal;
}
a:link {
  color: #006758;
}
a:visited {
  color: #369;
}
a:hover {
  color: #39c;
  text-decoration: underline;
}
	.yui-u a,
	.yui-u a:link,
	.yui-u a:visited {
		text-decoration:underline;
		color:#8d111c;
	}
		#ft .yui-u p a,
		#ft .yui-u p a:link,
		#ft .yui-u p a:visited {
			color:#8d111c;
		}
	.yui-u a:hover,
	.yui-u a:active {
		text-decoration:underline;
		color:#8d111c;
	}

table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}
#header {
  background-color: #69c;
}
#menu {
  padding: 0.5em 0.5em 0 0.5em;
  text-align: right;
  vertical-align: middle;
}

ul.links li {
  border-left: 1px solid #9cf;
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}
.site-name {
  margin: 0.6em 0 0 0;
  padding: 0;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #000;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0;
  font-style: italic;
  font-weight: bold;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #777;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0;
}
.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em 0;
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em 0;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em;
}
.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}


/** YUI REPLACE **/
.yui-gf,.yui-g,#bd,.yui-gb{ZOOM:1}
.yui-gf .yui-u,.yui-g .yui-u,.yui-g .yui-g{FLOAT:right}
LI{LIST-STYLE-TYPE:none}
.yui-gf DIV.first,.yui-g DIV.first,.yui-gb .yui-u,.yui-gb DIV.first{FLOAT:left}
INPUT{FONT-FAMILY:inherit}
LEGEND{COLOR:#000}
STRONG{FONT-STYLE:normal}
.yui-gb DIV.first{MARGIN-LEFT:0}
#doc,#doc4,.yui-t7{TEXT-ALIGN:left;MARGIN:auto}
FIELDSET,IMG{BORDER-BOTTOM-WIDTH:0;BORDER-RIGHT-WIDTH:0;BORDER-TOP-WIDTH:0;BORDER-LEFT-WIDTH:0}
STRONG,H3,H1{FONT-WEIGHT:normal}
INPUT,H3,H1{FONT-SIZE:100%}
DIV,UL,LI,FORM,FIELDSET,INPUT,LEGEND,H3,P,H1{PADDING-RIGHT:0;PADDING-LEFT:0;MARGIN:0;PADDING-TOP:0;PADDING-BOTTOM:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
body {font-family:arial,helvetica,clean,sans-serif;font-size:13px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.231;}
table {border-collapse:collapse;border-spacing:0;}