/* -----------------------------------------------------------------------
	Client:		Humphrey's Half Moon Inn & Suites
	Title:		Stylesheet for screen media
	Created:	30 May 2006
------------------------------------------------------------------------- */


/* ----- Import external stylesheets -------------------------------------*/
@import url("css/calendar.css");


/* ----- Generic styles --------------------------------------------------*/
* { margin: 0px; padding: 0px; }

body {
	padding: 10px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	}

a img { border: 0px; }
hr { display: none; }


/* ----- Common classes --------------------------------------------------*/
/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */
/*\*//*/
.alt { text-indent: -9999px; }
/**/

.center { text-align: center; }
.align { text-align: right; }
.required { font-weight: bold; }


/* ----- Layout --------------------------------------------------------- */
div#wrapper {
	position: relative;
	width: 746px;
	margin: 0px auto;
	padding-top: 31px;
	text-align: left;
	background: url("../images/layout/wrapper-bg.gif") repeat-y 0px 0px;
	}

div#branding {
	display: inline;
	float: left;
	margin-left: 9px;
	}

div#content-wrapper {
	position: relative;
	display: inline;
	float: right;
	width: 541px;
	margin-right: 9px;
	padding-top: 345px;
	background: url("../images/layout/content-wrapper-bg.gif") no-repeat 0px 0px;
	}

div#masthead { position: absolute; left: 0px; top: 0px; z-index: 2; }

div#masthead img {
	behavior: url("png/png.htc");
	width: 541px;
	height: 267px;
	}

div#masthead object {
	width: 541px;
	height: 267px;
	}

div#content {
	margin: 0px 15px 20px 15px;
	padding-bottom: 40px;
	background: url("../images/layout/content-bg.gif") no-repeat 50% 100%;
	}

table#video-table {
	border-spacing: 6px;
	margin: 0px auto;
	font-size: 1.2em;
	color: black;
	}

table#video-table td {
	width: 175px;
	border: 1px solid #9f9b76;
	padding: 3px 3px 6px 3px;
	text-align: center;
	}

table#video-table div {
	margin-bottom: 9px;
	padding: 6px 10px;
	background: #eeebd1;
	}

table.roomtypes-table {
	margin-bottom: 2em;
	}

table.roomtypes-table td {
	padding-right: 5px;
	vertical-align: top;
	}

div#content table.roomtypes-table td p {
	margin-bottom: 0.5em;
	}

div.inset {
	display: inline;
	float: left;
	margin: 0px 1em 0.75em 0px;
	}

div.inset {
	display: inline;
	float: left;
	margin: 0px 1em 0.75em 0px;
	}

div.photo {
	border: 1px solid #292525;
	margin-top: 2px;
	padding: 5px;
	}

div.inset-photo-right {
	display: inline;
	float: right;
	margin: 1em 0px 0.75em 1em;
	border: 1px solid #292525;
	padding: 5px;
	clear:right;
	}

	/* ----- Check availability form ------------------------------------ */
	div#check-avail-wrapper {
		position: absolute;
		left: 15px;
		top: 250px;
		}
	
	div#check-avail-wrapper h2 {
		height: 14px;
		margin-bottom: 0.4em;
		background: url("../images/header-check-availability.gif") no-repeat 0px 0px;
		}
	
	form#check-avail div.field {
		display: inline;
		float: left;
		margin-right: 14px;
		}
	
	form#check-avail label {
		display: block;
		font-size: 1em;
		text-transform: uppercase;
		color: #535142;
		}
	
	form#check-avail input, form#check-avail select {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.2em;
		color: #808080;
		}
	
	form#check-avail input { padding: 1px 3px; }
	form#check-avail input#arrival_date { width: 175px; }
	form#check-avail input#submit { margin-top: 11px; padding: 0px; }
	form#check-avail select { width: 50px; }
	form#check-avail select option { padding-right: 8px; padding-left: 5px; }
	form#check-avail div.field img { vertical-align: baseline; }

div#nav {
	display: inline;
	float: left;
	width: 186px;
	_height: 564px;
	min-height: 564px;
	margin-left: 9px;
	background: url("../images/layout/nav-bg.gif") no-repeat 0px 0px;
	}

div#nav div.push-marketing { margin: 24px 24px 0px 24px; }

form#emailform { margin: 10px 0px; height: 19px; }

form#emailform input#email {
	display: inline;
	float: left;
	width: 96px;
	height: 17px;
	border: 0px;
	padding: 1px 3px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #808080;
	}

form#emailform input#offers-submit { display: inline; float: left; }

div#footer {
	clear: both;
	height: 31px;
	padding: 0px 9px;
	background: url("../images/layout/footer-bg.gif") no-repeat 0px 0px;
	}

div#footer-bartell {/* background: #f6f4e6; */  background: #c3bf9c; }

div#footer-bartell p {
	padding: 3px 0px 0px 0px;
	font-size: 1.1em;
	text-align: center;
	color: #231f20;
	}

body div#browser-warning { display: none; }


/* ----- Typography ----------------------------------------------------- */
div#branding h1 a {
	display: block;
	width: 186px;
	height: 112px;
	background: url("../images/logo-bg.gif") no-repeat 0px 0px;
	}

.sIFR-hasFlash div#content h1, .sIFR-hasFlash div#content h2, .sIFR-hasFlash div#content h3 { visibility: hidden; }
.sIFR-flash { visibility: visible !important; margin: 0px; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	display: block;
	overflow: hidden;
	}

div#content h1 {
	margin-bottom: 0.6em;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: bold;
	font-style: italic;
	color: #231f20;
	}

div#content h2 {
	margin-bottom: 0.2em;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	color: #231f20;
	}

.sIFR-hasFlash div#content h2 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 0px;
	}

div#content p {
	margin-bottom: 1.5em;
	font-size: 1.2em;
	line-height: 1.7em;
	color: #231f20;
	}

div#content ul {
	margin:0px 0px 1.5em 1.5em;
	}

div#content ul ul{
	margin-bottom: 0px;
	}

div#content a { text-decoration: underline; color: #67644d; }
div#content a:hover { color: #858267; }

div#footer p {
	padding: 5px 0px 0px 6px;
	font-size: 1em;
	color: white;
	}

div#nav-utility { color: #221e1f; }
div#nav-utility a { padding: 0px 4px; text-decoration: none; color: white; }
div#nav-utility a:hover { text-decoration: underline; }

div#thumbnails img{
	margin: 0px 10px 10px 0px;
	}

div#content div#thumbnails a img { border: 2px solid #67644d; }
div#content div#thumbnails a:hover img { border: 2px solid #858267; }


/* ----- Primary navigation --------------------------------------------- */
ul#nav-primary {
	padding-bottom: 50px;
	list-style: none;
	background: url("../images/nav/nav-bg.gif") no-repeat 50% 100%;
	}

ul#nav-primary li { display: inline; }

ul#nav-primary li a {
	display: block;
	width: 186px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}

a#n-accommodations { background-image: url("../images/nav/accommodations.gif"); }
a#n-amenities { background-image: url("../images/nav/amenities.gif"); }
a#n-dining { background-image: url("../images/nav/dining.gif"); }
a#n-concerts { background-image: url("../images/nav/concerts.gif"); }
a#n-meetings { background-image: url("../images/nav/meetings.gif"); }
a#n-weddings { background-image: url("../images/nav/weddings.gif"); }
a#n-events { background-image: url("../images/nav/events.gif"); }
a#n-info { background-image: url("../images/nav/info.gif"); }
a#n-directions { background-image: url("../images/nav/directions.gif"); }


/* ----- Secondary navigation ------------------------------------------- */
div#content div#secondary-nav{
	float: right;
	border: 1px solid #000000;
	width: 215px;
	text-align: center;
	margin: 0px 0px 5px 10px;
	}

#secondary-nav-inner{
	border: 1px solid #DFDDC6;
	margin: 2px auto;
	width: 205px;
	text-align: left;
	}

#secondary-nav #secondary-nav-inner p{
	margin: 10px 0px 10px 10px;
	color: #9f9b76;
	}

#secondary-nav ul{
	width: 200px;
	color: #2f2b2b;
	list-style: none;
	margin-bottom: 0px;
	}

#secondary-nav ul li{
	background: url("../images/nav/arrow.gif") no-repeat 0px 0px;
	padding-left: 20px;
	margin: 0px 0px 7px 10px;
	}

#secondary-nav ul li a{
	color: #2f2b2b;
	}


/* ----- Push navigation ------------------------------------------------ */
ul#nav-push {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 291px;
	height: 31px;
	padding-left: 455px;
	list-style: none;
	background: url("../images/layout/nav-push-bg.gif") no-repeat 0px 0px;
	}

ul#nav-push li {
	display: inline;
	float: left;
	margin-left: 12px;
	padding-top: 9px;
	}

ul#nav-push li a {
	display: block;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	}

a#np-reservations { width: 82px; background-image: url("../images/nav/np-reservations.gif"); }
a#np-packages { width: 106px; background-image: url("../images/nav/np-packages.gif"); }
a#np-contact { width: 47px; background-image: url("../images/nav/np-contact.gif"); }


/* ----- Utility navigation --------------------------------------------- */
div#nav-utility {
	float: right;
	padding: 5px 2px 0px 0px;
	}


/* ----- Forms --------------------------------------------------------------- */
#content label {
	float: left;
	width: 40%;
	padding: 0.3em 0.4em 0px 0px;
	text-align: right;
	font-size: 12px;
	}

#content input, #content select {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.3em;
	font-size: 1em;
	width: 130px;
	}


#content select#date_flexible {
	width:50px;
	}

#content input#submit {
	width: 80px;
	}

#content textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 220px;
	}
	
.required {
	font-weight: bold;
	}


.generalInfoText1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #666666;
	line-height: 15pt;
	text-align: left;
	text-indent: 15px;
}

a.generalInfoText1:link {
	color: #886803;

}

.generalInfoText2 {color: #4770AB}

.generalInfoBulletText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000099;
	line-height: normal;
}

.generalInfoRedText {color: #FF0000}

.generalInfoText3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003300;
	line-height: 15pt;
	text-align: left;
	text-indent: 15px;
}
.hotelNameText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #83704F;
	line-height: 15pt;
	text-align: left;
	text-indent: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.ratesTableText {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #5D422D;
	text-align: left;
	text-indent: 15px;
}
.footerText1 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.footerText2 {
	color: #6A7E95;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.largeHeaderText1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #CC3333;
	line-height: 15pt;
	text-indent: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}