/**CSS RESET - don't edit lines 1 to 30**/	
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,hr,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: none;
	font-style: none;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

/**START STYLE SHEET**/

body {
	margin: 0;
	padding: 0;
	font: 12px   Arial, Verdana, sans-serif;
	color: #49494D;
	background:#1c1f26 url('images/water-bg-2010.jpg') no-repeat top left;
	/*background:#1E160C url('images/water-bg.jpg') no-repeat top left;*/
	text-align: center;
}

#pagewrapper{
	width:765px;
	margin:10px auto;
	padding-top:.6em;
	text-align:left;
	background-image:url(images/765x20px-top-bar-2010.png);
	background-repeat:no-repeat;
	background-position:top;
}
	
/**HEADER**/
#header {
	width:765px;
	float:left;
	background-color:#c2a274;
}
	
#tagline {
	float: left;
	display: inline;
	width: 65%;
	height: px;
	margin: 0 0 0 .833em;
	padding: 0 0 .6em 0;
	overflow: hidden;
}

h1.tagline {
    margin:0;
    padding:.833em 0 0 0;
    font: bold 1.333em "Times New Roman", "Times", serif; /*16 px*/
    color:#4B4B4B;
    text-transform:uppercase;
}

#headernav {
	float:right;
	margin:0 .833em 0 0;
	padding:.833em 0 .833em 0;
}

ul.headernav {
	text-align:right;
	font-size:0.8333em;
}
	
ul.headernav li {
	display: inline;
	list-style-type: none;
	padding-right: .5em;
	text-transform:uppercase;
}
	
ul.headernav li a {
	text-decoration:none;
}

ul.headernav li a:link, ul.headernav li a:visited {
	color:#4A4A4A;
	line-height:1.4em; /*14px*/
	margin:0 1em .4em 0; 
}

ul.headernav li a:link#current, ul.headernav li a:visited#current, ul.headernav li a:hover { /*the current id is used to indicate which page visitor is on*/
	border-bottom: 3px solid #2C627F;
	padding-bottom: .2em;
	background: transparent;
	color: #2C627F;
}

ul.headernav li a:hover, ul.headernav li a:active {
	color:#2C627F;
}
	
#banner {
	float:right;
	width:553px;
	height:301px;
	margin:0 .833em 0 0;
}
* html #banner { display:inline; } /**hack to display content properly in IE6 by eliminating double margin bug**/ 

.logo {
	padding:1em 0 .416em 0;
}

/**MAIN NAVIGATION**/
	
#navcontainer {
	float:left;
	background: #E7D6A9 url('images/192x15-mainnav-top.jpg') no-repeat top left;
	width:192px;
	height:301px;
	margin: 0 0 0 .833em;
	padding: 0;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1em; 
	text-align: center;
}
* html #navcontainer { display:inline; }  


ul#navlist {
	text-align: right;
	list-style: none;
	padding:.7em 1.5em .5em .5em;
	margin: 0 auto;
	width:;
}

ul#navlist li {
	display: block;
	margin: 0;
	padding: 0;
}

ul#navlist li a {
	display: block;
	width: 100%;
	padding: 0.5em .5em 0 1.5em;
	color: #;
	text-decoration: none;
	border-bottom:2px solid #E7D6A9;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li a:link, ul#navlist li a:visited {
	color:#1F4558;
} 

ul#navlist li a:link#active, ul#navlist  li a:visited#active, ul#navlist  li a:hover {
	color: #C87819;
	border-bottom: 2px solid #C87819;
	background: transparent;
}

ul#navlist li a:hover, ul#navlist li a:active {
	color:#C87819;
}


	
/**MAIN CONTENT**/
#content-wrapper {
	float:left;
	width:765px;
	background:url('images/765x10-content-bg.jpg') repeat-y top left;
}

#content-topper {
	float:left;
	width:765px;
	height:20px;
	background:url('images/765x20-content-topper.jpg') no-repeat top left;
}

#content-bg {
	float:left;
	width:765px;
	background:url('images/content-bg-new.jpg') no-repeat bottom left;
}

#content {
	width:553px;
	float:right;
	margin:0 .833em 0 0;
}
* html #content{ display:inline; }  

	
.main {
	width:353px;
	float:left;
	padding:0 0 0 0;
}
* html .main { display:inline; }  
	
.second {
	width:180px;
	float:right;
	padding:0 .833em 0 0;
	font-size:.9em;
	line-height:1.2em;
}
* html #second { display:inline; }  

.second h1{
	color:#425b79;
}

#leadingspas-wrapper {
	width:705px;
	margin: 0 0 7px 25px;
	clear:both;
}




/**SPA SUB-PAGES**/

#spa-nav {
	width:171px;
	float:right;
	margin:0 .416em 0 0;
	background-color:#E3F1F3;
}

#sn-topper {
	width:171px;
	float:right;
	margin:0 .416em 0 0;
	clear:both;
	background:url('images/spa-nav-topper.jpg') no-repeat top left;
}

#sn-bottom {
	width:171px;
	float:right;
	margin:0 .416em 0 0;
	background:url('images/spa-nav-bottom.jpg') no-repeat bottom left;
}

#spa-nav h2 {padding:0 0 0 .833em;
	color:#1F4558;
}

ul.spa-nav {
	padding:0 .5em 1em .833em;
}

ul.spa-nav li {
	line-height:1.5em;
	border-bottom:1px dashed #D7E2E8;
}

ul.spa-nav li a {
	display:block;
	padding: 0.5em 0;
	width:100%;	
}

ul.spa-nav li a:link, ul.spa-nav li a:visited {
	color:#1F4558;
} 

ul.spa-nav li a:link#active, ul.spa-nav  li a:visited#active, ul.spa-nav  li a:hover {
	color: #C87819;
	text-decoration:underline;
	background: transparent;
}

ul.spa-nav li a:hover, ul.spa-nav li a:active {
	color:#C87819;
}

#rhs-box {
	width:171px;
	float:right;
	margin:1em .416em 0 0;
}


/**RIGHT COLUMN**/
#rightcol {
	width:190px;
	float:left;
	margin: 0 0 0 .833em;
}

	
/**FOOTER**/
#footer {
	width:765px;
	clear:both;
	text-align:center;
}
	
ul#footernav {
	text-align:center;
}
	
ul#footernav li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	text-transform:uppercase;
	font-size:0.8333em;
}
	
ul#footernav li a:link, ul#footernav li a:visited {
	color:#D0CECE;
	text-decoration:none;
}

ul#footernav li a:hover, ul#footernav li a:active {
	text-decoration:underline;
}
	
#footer p {
	font-size:0.8333em;/*10px*/
	line-height:1.6em;/*16px*/
	margin:0 0 1.6em 0;
	color:#D0CECE;
}

#footer p span {
	font: bold 1.4em  Gerogia, "Times New Roman", "Times", serif;
	margin:10px 0 5px 0;
}
	
#footernav-wrapper { /**put the background image for the footer here**/
	width:765px;
	float:left;
	padding:.833em 0;
	background: #2c2c2e; 
	overflow:visible;
	margin-bottom:5px;
}


/**LINK STATES**/

a:link, a:visited {
	color:#C87819;
	text-decoration:none;
}

a:hover, a:active{
	color:#4A4A4A;
	text-decoration:underline;
}

a.active {
	color:#4A4A4A;
}

/**TABLE STYLES**/
table.data th, table.data td {
	padding:4px 10px 4px 0pt;
	font-size:.916em;
}

table.data {
	margin-bottom:1.25em;
	width:95%;
}

table.data td {
	border-bottom:1px solid #DDDDDD;
}

table.data td.none {
	border:0;
}

table.data th {
	border-bottom:2px solid #DDDDDD;
}

/**TAG STYLES**/

h1 {
	font: bold 1.5em Georgia, "Times New Roman", "Times", serif;
	line-height:1em; /*18px*/
	margin:0 0 1em 0;
	color:#2d637f;
}
	
h2 {
	font:bold 1.25em  Georgia, "Times New Roman", "Times", serif; /*15px font*/
	line-height:1.286em;
	margin:1.929em 0 0.643em 0;
	color:#2d637f;
}

.second h2 {
	font:bold 1.166em  Georgia, "Times New Roman", "Times", serif; /*14px font*/
	line-height:1.286em;
	margin:0 0 0.643em 0;
	color:#333;
}

ul.list {
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:1.5em;
}

ul.list li {line-height:1.5em;}

ul.directions {padding-bottom:1.75em;}

ul.directions li {
	line-height:1.5em;
	list-style-type:disc;
}

ul.feature li {
	font-size:.833em;
	line-height:1.5em;
	list-style-type:disc;
	list-style-position:inside;
}

ul.room {margin-bottom:1.5em;}

ul.room li {
	font-size:1em;
	line-height:1.5em;
	list-style-type:disc;
	list-style-position:inside;
}

ul.downloads {padding-top:1.286em;}

ul.downloads li {
	font-size:1em;
	line-height:1.5em;
	list-style-image:url(images/pdf-icon.gif);
	list-style-position:inside;
}

#rightcol ul.downloads li {
	font-size:.833em;
	line-height:1.5em;
	list-style-image:url(images/pdf-icon.gif);
	list-style-position:inside;
	padding-left:.833em;
}

#rightcol p{
	font-size:.833em;
	line-height:1.5em;
	padding-left:.833em;
}


ul.num {margin-bottom:1.5em;}

ul.num li {
	font-size:1em;
	line-height:1.5em;
	list-style-type:decimal;
	list-style-position:inside;
}

	
p {
	font-size:1em; /*12px*/
	line-height:1.5em; /*18px*/
	margin:0 0 1.5em 0;
	padding:0 .833em 0 0;
}

p strong,p em, p a {
	font-size:1em; /*12px*/
	line-height:1.5em; /*18px*/
}

p.quote {
	font-size:1em; /*12px*/
	line-height:1.5em; /*18px*/
	margin:0 2em 1.5em 0;
	padding:0 2em;
}

.largetext {font-size:1.167em;}

hr {
	width:65%;
	height:1px;
	background-color:#D8DFE5;
	color:#D8DFE5;
	margin:1.929em auto 0.643em auto;
	text-align:center;
}

hr.specials {
	width:75%;
	height:1px;
	background-color:#999999;
	color:#999999;
	margin:1.929em auto 0.643em auto;
	text-align:center;
}


form {
	margin:0 0 1.5em 0;
}

input, textarea, select {
	margin:.25em .25em .25em .25em;
	background-color:#E3F1F3;
}

submit {
	width:50px;
	font-weight:bold;
	margin:1.929em auto 0.643em auto;
	text-align:center;
}

	
/**STYLE CLASSES**/

.clear {clear:both;}

.center {text-align:center;}

.imageleft {
	display:block;
	float:left;
	padding:.3333em .5em;
}

.imageright {
	display:block;
	float:right;
	padding:.3333em .833em;
}

.imagecentre{
	display:block;
	margin:auto;
	padding:1em 0;
} 


.fineprint{
	font-size:.833em;/*10px*/
	line-height:1.5em;/*15px*/
	color:#8A8A8A;
}

ul.fineprint {
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:1.5em;
}

ul.fineprint li {
	line-height:1.5em;
}

.extra-top-space{padding-top:1em;}

.top {margin-top:0; padding-top:0;}

.bottom {margin-bottom:0; padding-bottom:0;}

/**SIDE BTN STYLES**/
.side-btn {
	padding:0 0 .5em .75em;
}

a.side-btn1 {
	display: block;
	float: left;
	width: 170px;
	height: 76px;
	background: url(images/btn01.jpg) no-repeat top left;
	text-indent: -9999px;
	margin:0 0 .5em .75em;
}

a.side-btn1:hover {
	background-position:0% -76px;
}

a.side-btn2 {
	display: block;
	float: left;
	width: 170px;
	height: 76px;
	background: url(images/btn02.jpg) no-repeat;
	text-indent: -9999px;
	margin:0 0 .5em .75em;
}

a.side-btn2:hover {
	background-position:0% -76px;
}

a.side-btn3 {
	display: block;
	float: left;
	width: 170px;
	height: 76px;
	background: url(images/btn03.jpg) no-repeat top left;
	text-indent: -9999px;
	margin:0 0 .5em .75em;
}

a.side-btn3:hover {
	background-position:0% -76px;
}

/**POPUP WINDOW STLYES**/
#popup-wrapper {
	width:400px;
	height:410px;
	float:left;
	color:#ccc;
	background-color:#1E1914;
}

.fineprint a, .fineprint a:link, .fineprint a:visited {
	color:#ccc;
	text-decoration:none;
}

.fineprint a:hover, .fineprint a:active {
	color:#C87819;
	text-decoration:underline;
}

/**LANDING PAGES**/

#landing #banner {
	float:right;
	width:745px;
	height:303px;
	margin:0 .833em 0 0;
}

#landing .largetext {font-size:18px;}

#landing #content-bg {
	background:url('moosejawgetaway/images/content-bg-MJlanding.jpg') no-repeat bottom left;
}

/**BOOKING WIDGET**/

#rightcol #booking  {
	width:170px;
	float:left;
	margin-left:10px;
	font-size:.916em;
}

#rightcol #booking h2 {
	color:#333333;
	font:bold 1.166em/1.286em Georgia,"Times New Roman","Times",serif;
	margin:0 0 0.643em;
}

#rightcol form .date {
	width:170px;
	float:left;
	clear:left;
	margin-left:0.25em;
}

#rightcol form .select {
	width:54px;
	float:left;
	margin-left:0.25em;
}

#rightcol form input {
	color:#333333;
	font-size:0.9em;
	margin-top:0.25em;
	padding-left:0.25em;
	width:95px;
}

#rightcol form select {
	font-size:0.9em;
	margin-top:0.25em;
	padding:0;
	cursor:pointer;
}

#rightcol form input[type="submit"] {
	background-color:#;
	color:#;
	cursor:pointer;
	margin:1em 0 0 1em;
}


#rightcol .emailpromo {
	float:left;
	margin:2em 0 0 1em;
}

/**EMAIL SIGN-UP
------------------------------------------------------------------------**/

#offers { 
	margin-bottom:1.25em;
	width:290px;
}

#offers table {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
*html #offers table {width:290px;}

#offers form b {color:#555;}		
#offers input[type="submit"]{ 
	background-color: #2d637f; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:0;
	font-size: 11px;
	color: #fff;
	margin:5px 0px 0px 45px;
	padding:.25em 0 .5em 0;
	height:22px;
	width:120px;
	text-align:center;
	cursor:pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#offers	form {margin:3px 0 2px 0 ;}

#offers input { 
	background-color: #faf9ee; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9E5A2A;
	border: solid 1px #c2a274;
	margin:5px;
	padding:3px 0px 0px 0px;
	height:12px;
}

#offers textarea {
	background-color: #faf9ee; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9E5A2A;
	border: solid 1px #a18f61;
	margin:5px;
	padding:3px 0px 0px 0px;
	height:12px;
}

#offers select {
	background-color: #faf9ee; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9E5A2A;
	border: solid 1px #a18f61;
	margin:5px;
	padding:0px;
	height:19px;
}

/**Booking Form
------------------------------------------------------------------------**/



#booking form b {color:#555;}		
#booking input[type="submit"]{ 
	background-color: #2d637f; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:0;
	font-size: 11px;
	font-weight:bold;
	color: #fff;
	margin:5px 0px 0px 0px;
	padding:.25em 0 .5em 0;
	height:22px;
	width:140px;
	text-align:center;
	cursor:pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}




/* -DO NOT EDIT BELOW THIS LINE -----------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Verdana, Geneva, Tahoma, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Verdana, Geneva, Tahoma, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #855c3a;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #738ac6;
  border-bottom: 1px solid #738ac6;
  border-top: 1px solid #2955b5;
  border-left: 1px solid #2955b5;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}