/* MASTER STYLESHEET */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #fff;
	background: url(/images/bg_tile.gif) 0 0 repeat #231f20;
}

* {	margin: 0 auto;	padding: 0;}

p {	margin-bottom: 1.0em; }
h1{
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
margin: 1em 0;
}
h2 { color: #ffffff; font-size: 125%; font-weight: bold; margin:10px 0; }

hr {
	margin:10px 0;
}

ol, ul { margin: 0 0 1.0em 2.5em; }


img { border: 0px; }

a {	text-decoration: underline;	color: #ffffff; }

ul#nav li {
	display: inline;
	margin: 0 20px;
	list-style: none;
}

ul#nav li a {
	text-decoration: none;
	color: #fff;
}

ul#nav li a:hover {
	color: #ce912a;
	text-decoration: none;
}

/* ---------------------------- */
/* wrapper                      */		
/* ---------------------------- */

#wrapper {
	width: 848px;
	margin-top: 20px;
}


/* ---------------------------- */
/* left-column                  */		
/* ---------------------------- */

#left-column {
	float: left;
	width: 158px;
	height: 544px;
	background: #231f20;
}


/* SUB NAV */
ul#leftsubnav {
	float: left;
	width: 158px;
	height: 314px;
	margin: 0;
}

ul#leftsubnav li {
	list-style: none;
	text-indent: -1000px;
}

.leftPanelTop {
	float: left;
	margin: 0; 
	padding: 0;
}

.leftPanelBottom {
	float: left;
	margin: 0 0 0 0; 
	padding: 0 0;
}



ul#leftsubnav li.alexander a {display:block; width:158px; height:78px; background:url(/images/alexander_block.gif) 0 0 no-repeat;}
ul#leftsubnav li.rowhill a {display:block; width:158px; height:78px; background:url(/images/rowhill_block.gif) 0 0 no-repeat;}
ul#leftsubnav li.langshott a {display:block; width:158px; height:78px; background:url(/images/langshott_block.gif) 0 0 no-repeat;}
ul#leftsubnav li.utopia a {display:block; width:158px; height:80px; background:url(/images/utopia_block.gif) 0 0 no-repeat;}
/* ---------------------------- */
/* right-column                 */		
/* ---------------------------- */

#right-column {
	float: left;
	width: 688px;
	height: 544px;
	margin: 0;
	background: #231f20;
	position:relative;
}

#topBanner {
	width: 688px;
	height: 66px;
}

#flashHolder {
	width: 688px;
	height: 380px;
}


/* ---------------------------- */
/* footer                       */		
/* ---------------------------- */

ul#footerNav {
	float: left;
	width: 848px;
	height: 23px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 30px 0 0 0;
	text-align: center;
	line-height: 23px;
	font-size: 110%;
}

ul#footerNav li {
	display: inline;
	margin: 0 30px;
	list-style: none;
}

ul#footerNav li a {
	text-decoration: none;
	color: #fff;
}

ul#footerNav li a:hover {
	color: #ce912a;
	text-decoration: none;
}

/* BASE NAV */

ul#basenav {
	float: left;
	width: 848px;
	text-align: center;
	margin: 20px 0 0 0;
}

ul#basenav li {
	display: inline;
	margin: 0 5px;
	color: #999999;
	list-style: none;
}

ul#basenav li a {
	text-decoration: none;
	color: #999999;
}

ul#basenav li a:hover {
	text-decoration: underline;
	color: #999999;
}

ul#basenav2 {
	float: left;
	width: 848px;
	text-align: center;
	margin: 20px 0 0 0;
	padding-bottom: 20px;
}

ul#basenav2 li {
	display: inline;
	margin: 0 5px;
	color: #999999;
	list-style: none;
}

ul#basenav2 li a {
	text-decoration: none;
	color: #999999;
}

ul#basenav2 li a:hover {
	text-decoration: underline;
	color: #999999;
}

/*REcruimtent home boxes */
.home_lg_box {clear:both;padding:20px 0;border-top:1px solid #646568;border-top:1px solid #646568;}
.home_lg_box_img {float:left;width:130px;}
.home_lg_box_txt {float:left;width:515px;padding:0 0 0 20px;}
.home_lg_box_txt h3 {padding:0;margin:0; font-size:14px;}
.home_lg_box_txt p { margin: 13px 0;}

/* ---------------------------- */
/* redundant content for store? */		
/* ---------------------------- */


#alexander #baseContent {
	float: left;
	width: 688px;
	height: 210px;
	background: #a68962;
	padding: 20px 0 0 0;
}

#rooms #baseContent {
	float: left;
	width: 688px;
	height: 230px;
	background: #9d6227;
}

#dining #baseContent {
	float: left;
	width: 688px;
	height: 230px;
	background: #9f2722;
}

#spa #baseContent {
	float: left;
	width: 688px;
	height: 230px;
	background: #888d6a;
}

#location #baseContent {
	float: left;
	width: 688px;
	height: 230px;
	background: #9f2722;
}

#weddings #baseContent {
	float: left;
	width: 688px;
	height: 230px;
	background: #807449;
}

#business #baseContent {
	float: left;
	width: 688px;
	height: 230px;
	background: #837976;
}

ul#contentNav {
	float: left;
	width: 660px;
	margin: 10px 20px 20px 0;
	display: inline;
	text-align: right;
}

ul#contentNav li {
	list-style: none;
	display: inline;	
}

ul#contentNav li.split {
	border-right: 1px solid #ffffff;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}

ul#contentNav li a:active, ul#contentNav li a:link, ul#contentNav li a:visited {text-decoration:none; color:#ffffff;}
ul#contentNav li a:hover {text-decoration:underline; color:#ffffff;}

.copy {
	float: left;
	width: 640px;
	height: 480px;
	margin: 20px 0 0 20px;
	display: inline;
	overflow: auto;
}

.spacer {
	padding: 0 3px;
}

.clear {
	clear: both;
}

.storeCopy {
	float: left;
	width: 650px;
	padding: 10px 0 0 20px;
}

.storeScroll {
	float: left;
	height: 360px;
	width: 650px;
	overflow:auto;
}

.storeBottom {
	position:absolute;
	left: 20px;
	bottom: 5px;
}


.topCopy {
	float: left;
	width: 650px;
	padding: 10px 0 0 20px;
}

.topPanel {
	float: left;
	width: 650px;
	margin: 20px 0 0 20px;
	display: inline;
}

.topPanel .thumb {
	float: left;
	width: 130px;
	height: 125px;
	margin: 0;
}

.panelCopy {
	float: left;
	width: 490px;
	margin: 5px 0 0 10px;
	display: inline;
}

.panelCopy span {font-size:90%;}

#offerPanelWrapper {
	padding: 150px 0 0 80px;
}

.offerPanel {
	float: left;
	width: 130px;
	padding: 0 20px;
	text-align: center;
}

.offerPanel .thumb {
	padding-bottom: 5px;
}

.offerPanel span {
	font-size: 110%;
	font-weight: bold;
	color: #ffffff;
}

.offerPanel span a {
	display: block;
	line-height: 1.0em;
	text-decoration: none;
	color: #ffffff;
}

.offerPanel span a:hover {
	text-decoration: none;
	color: #888d6a;
}

#rooms .block {
	float: right;
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0 5px;
	background: #7f4416;
	margin: -20px 0 0 0;
	font-size: 90%;
}

#dining .block {
	float: right;
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0 5px;
	background: #811613;
	margin: -20px 0 0 0;
	font-size: 90%;
}

#weddings .block {
	float: right;
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0 5px;
	background: #60542f;
	margin: -20px 0 0 0;
	font-size: 90%;
}

#business .block {
	float: right;
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0 5px;
	background: #635956;
	margin: -20px 0 0 0;
	font-size: 90%;
}

#escapes .block, #events .block, #offers .block {
	float: right;
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0 5px;
	background: #231f20;
	margin: -20px 18px 0 0;
	font-size: 90%;f
	display: inline;
}

#escapes .panelCopy ul li {line-height:1.2em; font-size:90%;}

.block a {text-decoration:none; color:#ffffff;}

.block a:hover {text-decoration:underline; color:#ffffff;}

.block span {padding:0 5px;}



/* ---------------------------- */
/* form classes                 */		
/* ---------------------------- */




form .field { 
	clear: both; 
}

form .field .label, form .field .label-small, {
	float: left;
	width: 18%;
	text-align: left;
	padding: 3px;
}

form .field .label-small {
	width: 20%;
}

form .field .label-custom { width:190px ;}

form .field .element, {
	float: left;
	text-align: left;
	padding: 3px;
	margin-left: 5px;
}
form .field .element .column {
	float: left;
	text-align: left;
}
form .field .element .left {
	margin-right: 10px;
}
form .field .element fieldset {
	border: 1px solid #eee;
	padding: 5px;
	width: 197px;
}
form fieldset legend {
	font-weight: bold;
	color: #666;
}

form .field .element .error {
	background-image: url('/images/input-error-bg.gif'); 
	border: 1px solid #f29c9c;
}

.copy input, .copy select, .copy textarea { border: 1px solid #000; padding: 2px; width: 150px; font-size: 1em;}
.copy select  { width: 155px;}

.copy textarea {font-size: 1em; font-family:Arial, Helvetica, sans-serif;}

.field-box {width: 170px; padding-right: 30px; float: left;}


#appForm {border-top: 1px dashed #ffffff;  }


.job-label, .label {float: left; width: 15%; font-weight:bold; padding-bottom: 5px;}

.job-element, .element {float: left; width: 540px; padding-bottom: 5px;}
.field { margin: 5px 0; }



/* ---------------------------- */
/* Job Search                   */		
/* ---------------------------- */

.job-title { width: 270px; float: left; margin-bottom: 7px; text-decoration:none; }
.job-salary { width: 260px; float: left; margin-bottom: 7px; text-decoration:none; }
.job-location { width: 120px; float: left; margin-bottom: 7px; text-decoration:none; }
.job-apply { width: 100px; float: left; margin-bottom: 7px; text-decoration:none;}

/* ---------------------------- */
/* other classes                */		
/* ---------------------------- */

.title {
	float: left;
	width: 650px;
	padding: 14px 0 0 20px;
	font-size: 115%;
	text-transform: uppercase;
	font-weight: normal;
	text-align: right;
}


.button { border: 1px solid #000; background: #4c4f3b; color: #fff; width: 80px; padding: 2px; font-size: 0.90em;}

.left { float: left; }
.center { float: left; width: 530px; margin:auto; text-align:center; }
.right { float: right; }

.left-abs { position:absolute; left: 0px; }
.right-abs { position:absolute; right: 0px; }

.logo {	width: auto; height: 66px; }

.content { background:#666666; overflow:auto; }

.grey {	background:#666666; }

.card-logos { position:absolute; left: 50px; top: 520px;}

.clear { clear: both; }
 
fieldset {border: none; }

.error { background-color:#993333; color: #fff; }

.mandatory { color: #993333; }

.card-details { text-transform:capitalize; float: left; width:300px;}

.pushleft { margin-left: 70px; }