@charset "UTF-8";
/* CSS Document */

/* testing */
/*div:hover { outline: 1px solid red; }*/
/*li:hover { outline: 1px solid green; }*/

/* overrides */
a { text-decoration: none; color: #9d976c; }
a:hover { text-decoration: underline; }

h1, h2, h3 { margin: 0; padding: 0; }

.inline_list { position: relative; margin: 0; padding: 0; list-style: none none outside; display: inline; }
.inline_list li { position: relative; margin: 0; padding: 0; list-style: none none outside; display: inline; float: left; }

.inline_link { color: #f22e16; text-decoration: none; }
.inline_link:hover { color:#60581f; }

.submit { border: 0; outline: 0px; margin: 0; padding: 0; }

/* cheating background images */
#graphic-lamp { position: absolute; left: -74px; top: -69px; }
#shifted-right { position: absolute; top: 0; right: 0; width: 50%; height: 600px; }
#page-contact_us	#shifted-right { background: url(../img/shifted-right-chair.png); }
#page-about			#shifted-right { background: url(../img/shifted-right-sushi.png); }
#page-map			#shifted-right { background: url(../img/shifted-right-street.png); }


/* base layout */
body { margin: 0; padding: 0; background-image: url(../img/bg-body.gif); }
body * { font-family: "Times New Roman", Times, serif; font-size: 12px; }

#wrap { position: relative; width: 935px; margin: 0 auto; }

	#wrap-head { position: relative; width: 100%; height: 96px; }
	
		#head-top { position: absolute; top: 0; right: 0; width: 100%; height: 18px; }
			
			#sharealexan { position: absolute; left: 260px; top: 3px; }
			#sharealexan li { margin: 0 8px 0 0; }

			#receive_updates { position: absolute; right: 0; top: 4px; font-size: 10px; color: #9d976c; }
			#receive_updates span { float: right; font-weight: bolder; margin: 2px 10px 0 0; }
			#receive_updates .form { margin:0; padding:0; float: right;  }
			#receive_updates label { font-size: 10px; font-weight: bold; margin-right: 4px; padding-top: 4px; float: left; }
			#receive_updates .textfield { height: 14px; width: 121px; border: 1px #e6e1cd solid; background: #dedcc5; padding: 1px 2px; margin:0 10px 0 0; float: left; }
			#receive_updates .submit {  padding:0; margin:0; float: left; width: 53px; height: 18px; }
			
		#head-resident { position: absolute; top: 27px; right: 0; width: 480px; height: 28px; }

			#head-resident ul { float: right; }
			#head-resident ul li { float: left; margin: 0 0 0 16px; }

			#head-resident ul li a { font-size: 12px; color: #391a12; line-height: 26px; }
			#head-resident ul li a:hover { text-decoration: none; color: #dB2a18; }

		#head-menu { position: absolute; left: 435px; bottom: 0; width: 500px; height: 41px; }

			#head-menu ul { float: right; border: 1px solid #77722d; border-width: 1px 0 0 0; overflow: hidden; }
			#head-menu ul li { float: left; margin: 0 13px 0 0; overflow: hidden; }
			#head-menu ul li.last { margin: 0; }

			#head-menu ul li a { position: relative; display: inline-block; font-size: 15px; color: #391a12; height: 41px; line-height: 38px; padding: 0 6px; }
			#head-menu ul li a:hover { text-decoration: none; }
			#head-menu ul li a.active { line-height: 30px; color: #da3a29; background-image: url(../img/bg-menubar.gif); }
			#head-menu ul li .ani { position: absolute; height: 0px; background-color: #da3a29; left: 0; right: 0; bottom: 0; width: 100%; display: none; }

	#wrap-body { position: relative; width: 100%; }
	
		#body-left { position: absolute; top: 48px; left: 0; width: 202px; height: 237px; }
		
			#left-menu { position: absolute; top: 0; }
			#left-menu li { margin: 0 0 3px 0; }
				
			#check_availability { position: absolute; bottom: 0; }
			#check_availability li { margin: 3px 0 0 0; }

			.sidelink li a { position: relative; display: block; color: #f1eed8; width: 168px; border: 1px solid #e2ddab; font-size: 14px; padding: 4px 16px; background-image: url(../img/bg-sidelink-normal.gif); }
			.sidelink li a:hover { text-decoration: none; background-image: url(../img/bg-sidelink-over.gif); }
			
			.box-news { position: relative; top: 0; background: url(../img/bg-content.jpg); border: 1px #fff solid; width: 200px; height: 123px; overflow: hidden; font-size: 13px; color: #391a12 !important; }
			.box-news .wrapper { margin: 14px 12px; }
			.box-news h2 { font-size: 18px; line-height: 10px; color: #E42B19; margin-bottom: 8px; font-weight: normal; }
			.box-news ul { margin: 0; padding: 0; }
			.box-news ul li { margin: 0 0 2px 14px; }
				
			#body-left #phone_number { position: relative; margin-top: 13px; width: 188px; padding: 4px 0 4px 12px; font-size: 15px; font-weight: bold; color: #e42b19; background: url(../img/bg-news-box.png) no-repeat; border: 1px solid #ffffff; }

		#stage { position: absolute; top: 0; right: 0; width: 722px; height: 285px; }

		#body-tagline { position: absolute; top: 294px; right: 0; width: 722px; height: 122px; }
		
			#tagline-img { position: absolute; top: 0; left: 0; width: 242px; }
			#tagline-msg { position: absolute; top: 0; left: 262px; margin: 0 24px 0 0; padding: 24px 0; line-height: 24px; font-size: 16px; color: #391a12; }
			#tagline-msg strong { color: #e42b19; font-style: italic; font-size: 16px; }
			
		#body-content { position: relative; width: 722px; float: right; margin: 416px 0 0; }
		
			.list_content h3 { color: #f02f27; font-size: 18px; margin-bottom: 8px; clear: left; }
			.list_content ul { margin: 0; padding:0; margin: 0 0 20px 25px; float: left; width: 335px; }
			.list_content ul li { position: relative; padding: 1px 0; color: #391a12; font-size: 14px; }
			.list_content ul li strong { color: #e42b12; font-weight: normal; font-size: 14px; }
			
			.content-figure img { float: left; margin-right: 20px; }
			.content-figure * { color: #391a12; }
			.content-figure h3 { color: #f02f27; font-size: 18px; margin-bottom: 10px; }
			.supertxt { font-family: "TimesNewRomanPS", 'Times New Roman', serif; font-size: 12px; line-height: 10px; margin: -10px 0 0; vertical-align: top; }

	#wrap-logo { position: absolute; top: 0; width: 252px; height: 133px; }

	#wrap-foot { position: relative; top: 18px; width: 100%; height: 100px; color: #9d976c; }
		#foot-nav { position: absolute; left: 213px; top: 0; }
			#foot-nav ul li { margin: 0 16px 0 0; }
		#foot-addr { position: absolute; left: 213px; top: 35px; }
			#foot-addr address { font-family: arial; font-style: normal; font-size: 10px; }
		#foot-icons { position: absolute; right: 0; }
			#foot-icons ul li { margin: 0 0 0 16px; }
			#disclaimer { position: absolute; left: 213px; top: 75px; }
				#disclaimer address { font-family: arial; font-style: normal; font-size: 10px; }

/* layout specific */

	/* A */
	.layoutA #stage { }
	.layoutA #body-left { }
	.layoutA #body-tagline { }
	.layoutA #body-content { padding-top: 22px; }

	/* B */
	.layoutB #stage { height: 458px; }
	.layoutB #body-left { }
	.layoutB #body-tagline { display: none; }
	.layoutB #body-content { margin-top: 458px; }

	/* C */
	.layoutC #stage { height: 458px; width: 935px; }
	.layoutC #body-left { display: none; }
	.layoutC #body-tagline { display: none; }
	.layoutC #body-content { margin-top: 458px; }

	/* D */
	.layoutD #stage  { display: none; }
	.layoutD #body-tagline { display: none; }
	.layoutD #body-content { margin: 0; background: #eae8de url(../img/bg-content.jpg); border: 1px solid #fff; padding: 36px 0 17px 0; min-height: 380px; }

	/* tall side box */
	.layoutTallSideBox #body-left { height: 436px; }
	.layoutTallSideBox .box-news { height: 366px; }

/* page specific */

	/* gallery */
	.gallery-images ul { list-style: none none; margin: 0; padding:16px 0 0 54px; }
	.gallery-images ul li { float: left; margin: 0 22px 22px 0;}
	.gallery-images ul li img { border: 0; }
	
	/* about */
	
	#page-about #tagline-msg { padding: 13px 0; }

	/* builder story */
	#builders_story { padding: 8px 44px; }

	#builders_story h1,
	#builders_story h2 { font-size: 18px; color: #F12E1A; }
	#builders_story p { font-size: 14px; line-height: 18px; color: #442922; }
	#builders_story ul { list-style-position:outside; padding: 0 0 0 25px;}
	#builders_story ul li { font-size: 14px; line-height: 18px; color: #442922; padding-bottom: 10px; }
	#builders_story .inline_link { font-size: 14px; }
	#builders_story h4 {font-size: 14px; line-height: 18px; color: #442922; font-weight: bold;}


	/* contact form */
	#contact_form * { color: #391a12; z-index: 999; }
	#contact_form #missing_field { margin-left: 240px; line-height: 16px; color: #f02f27; }
	
	#contact_form label { position: relative; display: inline-block; float: left; margin: 13px 25px 0 0; width: 215px; text-align: right; clear: both; font-size: 14px; }

	#contact_form select,
	#contact_form textarea,
	#contact_form input { position: relative; display: inline-block; float: left; margin: 13px 6px 0 0; padding: 2px; border: 1px solid #e6e1cd; font-size: 12px; width: 292px; }
	
	#contact_form textarea { height: 110px; }
	
	#contact_form .ph { width: 38px; float: left; }
	#contact_form .select-date { width: 68px; }
	
	#contact_form .submit { margin-left: 240px; float: left; clear: left; width: 92px; height: 26px; }
	#contact_form .req { padding: 8px 0 0 8px; float: left; }
	
	#wrap-contact_form label.error { padding: 5px 0; margin: 0 0 0 240px; text-align: left; color: #DA3A29; }
	
	#thankyou { margin: 32px 0 0 0; }
	#thankyou * { color:#E42B19; font-family: "TimesNewRomanPS",'Times New Roman', serif; font-weight: bold; text-align: center; font-size: 16px !important; }
	
	/* admin */
	#wrap-admin { margin: 10px 50px; }
	#wrap-admin h1 { font-size: 24px; margin: 0 0 16px 0; }
	#wrap-admin label { display: block; font-size: 14px; }
	#wrap-admin .input { display: block; }

/* misc */
.read_more { color: #7e8083; }

.clear:after { content: ''; height: 0; display: block; clear: both; visibility: hidden; }
.spacer1 { height: 10px; }
.spacer2 { height: 20px; }