/**
 * Copyright, SW Hotel
 *
 * @author Neil K Palmer
 * @date October, 2008
 * @version 1.0
 *
 */
 
 html {
	overflow: 						-moz-scrollbars-vertical;
 }
 
 body {
 	text-align:						center;
 	margin:							0px;
 	margin-bottom:					20px;
 }
 
 #container {
 	width:							100%;
 	background-color:				#FFFFFF;
 	margin: 						0 auto;
 	z-index:						0;
 	text-align:						center;
 }
 
 #header {
 	position:						relative;
 	height:							100px;
 	width:							100%;
 	background-image:				url(../images/red.gif);
 	background-repeat:				repeat-x;
 }
 
 #pageHeader {
 	background-image:				url(../images/header_bg.jpg);
 	height:							178px;
 }
 
 #pageHeaderSpacer {
 	background-image:				url(../images/page_header.jpg);
 	height:							39px;
 	font-size:						1px;
 }
 
 #topNavigationSpacer {
 	position:						relative;
 	height:							47px;
 	width:							100%;
 	background-image:				url(../images/top_navigation_shadow.jpg);
 	background-repeat:				repeat-x;
 }
 
 #pageContainer {
 	width:							866px;
 	margin: 						0 auto;
 	z-index:						0;
 	text-align:						left;
 }
 
 .spacer {
 	height:							10px;
 	font-size:						1px;
 }
 
 .spacerLrg {
 	height:							20px;
 	font-size:						1px;
 }
 
 .clearElements {
 	clear:							both;
 }
 
 #tabsContainer {
 	width:							100%;
 	margin-top:						-3px;
 }
 
 #tabs {
	margin: 						0 auto;
 	height:							35px;
 	width:							940px;
 }

 #tabs ul, #reservationsProgressBar ul {
 	margin: 						0;
	padding: 						0;
	list-style-type:				none;
 }
 
 #reservationsProgressBar .innerProgress {
 	padding-top: 					6px;
 }
	
 #tabs li, #reservationsProgressBar li {
 	margin: 						0;
   	display:						inline;
 }
 
 #resIntro {
 	margin-bottom:					15px;
 }
 
 #resIntro p {
 	margin-top:						10px;
 }
 
 #resSearchPod {
 	height:							60px;
 	background-image:				url(../images/res_box_slim_bg.jpg);
 }
 
 #resSearchPod .innerSearchPod {
 	padding:						17px 0px 0px 30px;
 	color:							#FFFFFF;
 }
 
 .elemSpacer {
 	margin-bottom:					20px;
 }
 
 .elemSpacerSmall {
 	margin-bottom:					10px;
 }
 
 .inputImage {
 	border-style:					none;
 }
 
 #pageContentContainerSingleColumn {
 	position:						relative;
 	width:							620px;
 }
 
 #searchBoxHeader {
 	background-color:				#A9A596;
 	width:							620px;
 }
 
 #searchBoxHeaderInner {
 	padding:						7px;
 }
 
 #reservationsFormLayout fieldset {
	margin: 						0px;
	padding: 						10px;
	border: 						thin solid #C0AC89;
 }
 
 #searchBox {
 	background-color:				#EBEADC;
 	border-right: 					thin solid #E2E2CF;
	border-bottom: 					thin solid #E2E2CF;
	border-left: 					thin solid #E2E2CF;
	height:							80px;
 }
 
 #reservationsLayout {
 	width:							638px;
 	margin:							0 auto;
 	z-index:						0;
 	text-align:						left;
 }
 
 
 #reservationsFormLayout {
 	width:							788px;
 	margin:							0 auto;
 	z-index:						0;
 	text-align:						left;
 }
 
 #reservationFootnote span {
 	display:						block;
 	height:							10px;
 	font-size:						1px;
 }
 
 #reservationDetails table{
 	border-collapse: 				collapse; 
	border-spacing: 				0;
	padding:						0;
 }
 
 #reservationDetails table .label {
 	background-color:				#514134;
 	color:							#D0C1A4;
 	padding:						6px 0px;
 }
 
 #reservationDetails table .content {
 	color:							#47392E;
 	padding:						6px 0px;
 }
 
 #reservationDetails table .headerSt {
 	width:							12px;
 }
 
 #reservationDetails table .roomType {
 	width:							226px;
 }
 
 #reservationDetails table .nights {
 	width:							58px;
 	text-align:						center;
 }
 
 #reservationDetails table .rate {
 	width:							74px;
 	text-align:						center;
 }
 
 #reservationDetails table .available {
 	width:							104px;
 	text-align:						center;
 }
 
 #reservationDetails table .book {
 	width:							152px;
 	text-align:						right;
 	padding:						5px 5px 5px 0px;
 }
 
 #reservationsLayoutInner {
 	padding:						20px 10px;
 }
 
 #mainPage {
 	width:							100%;
 	background-color:				#D0C1A4;
 	background-image:				url(../images/tile.jpg);
 	background-repeat:				repeat-x;
 }
 
 #mainPageInner {
 	width:							958px;
 	margin:							0 auto;
 	z-index:						0;
 }
 
 #mainContentBorderRight {
 	float:							left;
 	width:							5px;
 	font-size:						1px;					
 	background-image:				url(../images/border_right.gif);
 	margin-top:						410px;
 	margin-bottom: 					-2000px; 
 	padding-bottom: 				2000px;
 }
 
 #mainPageContent {
 	float:							left;
 	text-align:						left;
 	width:							940px;
 	background-color:				#FFFFFF;
 	margin-bottom: 					-2000px; 
 	padding-bottom: 				2000px;
 }
 
 #mainContentBorderLeft {
 	float:							left;
 	width:							9px;
 	font-size:						1px;
 	background-image:				url(../images/border_left.gif);
 	margin-top:						410px;
 	margin-bottom: 					-2000px; 
 	padding-bottom: 				2000px;
 }
 
 #mainPageLayout {
 	float:							left;
 	width:							958px;
 	overflow:						hidden;
 }
 
 #reservationsProgressBar {
 	height:							30px;
 	background-color:				#D0C1A4;
 	text-align:						center;
 	margin-bottom:20px;
 }
 
 #mainPageContentFooter {
 	clear:							both;
 	width:							958px;
 	margin:							0 auto;
 	z-index:						0;
 	background-image:				url(../images/page_footer_bg.jpg);
 	height:							20px;
 	font-size:						1px;
 }
 
 #pageContentFooter {
 	height:							90px;
 }
 
 #reservationDetails a {
 	color:							#3768AA;
 	font-size:						11px;
 }
 
 #footerSpacer {
 	height:							90px;
 }
 
 #pageFooter {
 	height:							115px;
 	background-repeat:				repeat-x;
 	text-align:						center;
 	margin-top:						30px;
 }
 
 .column {
 	float:							left;
 }
 
 #pageContentleftColumn {
 	float:							left;
 	width:							300px;
 }
 
 #pageContentMiddleColumn {
 	float:							left;
 	width:							25px;
 }	
 
 #pageContentRightColumn {
 	float:							left;
 	width:							463px;
 }
 
 .titleBar {
 	margin:							20px 0px;
 }
 
 .titleBar .inner {
 	padding:						3px 7px;
 }
 
 .firstTitle {
 	margin:							0px 0px 20px 0px;
 }
 
 #guestInfoSubmit {
 	text-align:						center;
 }
 
 .guestInfoColumnLeft {
	float: left;
	width: 220px;
	font-weight: bold;
}

.guestInfoColumnRight {
	float: left;
	width: 209px;
	font-weight: bold;
}

.guestInfoColumnCity {
	float: left;
	width: 200px;
	font-weight: bold;
}

.guestInfoColumnLeftCCName {
	float: left;
	width: 300px;
}

.guestInfoColumnState {
	float: left;
	width: 160px;
	font-weight: bold;
}

.guestInfoColumnZip {
	float: left;
	width: 40px;
	font-weight: bold;
}

.guestInfoElementSpacer {
	margin-left: 16px;
}

.guestInfoRowSpacer {
	line-height: 20px;
}

#resFormFooter {
	height:					45px;
}

#reservationsProgressBar .inner {
	padding-top:				10px;
}

#resSearchPodLeft {
	float:						left;
	width:						440px;
}

#resSearchPodLeft .innerSearchContent {
	padding-top:				3px;
	color:						#ffffff;	
}

#resSearchPodRight {
	float:						left;
	width:						100px;
}

#mainPageContentGalleryLeft {
float:left;width:280px;
}

#topImagesContainer {
	width:						100%;
	height:						409px;
	background-image:			url(../images/tile.jpg);
}

#pageImagesInner {
	width:						958px;
	margin:						0 auto;
	z-index:					0;
	text-align:					left;
	height:						408px;
}

#topImagesHeader {
	height:						20px;
}

#pageImageColumn1Spacer {
	float:						left;
	width:						8px;
	font-size:					1px;
}

#pageImageColumn1 {
	float:						left;
	width:						300px;
	background-image:			url(../images/top_image_location.jpg);
	height:						362px;
	cursor:						pointer;
}

#pageImageColumn1 .inner {
	margin:						320px 0px 0px 17px;
	color:						#CDBD9E;
}

#pageImageColumn2Spacer {
	float:						left;
	width:						20px;
	font-size:					1px;
}

#pageImageColumn2 {
	float:						left;
	width:						300px;
	background-image:			url(../images/top_image_rooms.jpg);
	height:						362px;
	cursor:						pointer;
}

#pageImageColumn2 .inner {
	margin:						320px 10px 0px 15px;
	color:						#CDBD9E;
}

#pageImageColumn3Spacer {
	float:						left;
	width:						20px;
	font-size:					1px;
}

#pageImageColumn3 {
	float:						left;
	width:						300px;
	background-image:			url(../images/top_image_gs.jpg);
	background-repeat:			no-repeat;
	height:						362px;
	cursor:						pointer;
}

#pageImageColumn3 .inner {
	margin:						320px 0px 0px 13px;
	color:						#CDBD9E;
}

#mainPageTopImages {
	width:						100%;
	background-color:			#D0C1A4;
}

#mainPageContentTopImages {
	width:						958px;
	margin:						0 auto;
	z-index:					0;
	text-align:					left;
	background-image:			url(../images/page_bg.jpg);
}

#mainPageContentTopImages .inner {
	padding:					20px;
}

#mainPageContentTopImages #mainPageContentLeft {
	float:						left;
	width:						280px;
}

#mainPageContentTopImages #mainPageContentRight {
	float:						left;					
	width:						600px;
	margin-left:				20px;
	margin-top:					20px;	
}

#mainPageContentGalleryRight {
	float:						left;					
	width:						600px;
	margin-left:				20px;
	margin-top:					20px;	
}

#reservationsBoxContainer {
	/*background-color:			#564436;*/
        background-image:				url(../images/reservations_box_bg.jpg);
	background-position:				bottom left;
	width:						280px;
	height:						240px;
}

#reservationsBoxContainer .inner {
	padding-left:				10px;	
}

#reservationBoxSubmit {
	text-align:					center;
	margin-top:					5px;
}

#hotelInfo, #hotelDirInfo {
	margin-top:					20px;
}

#availability {
	height:						20px;
}

#availability .inner {
	text-align:					right;
	padding:					5px 10px 0px 0px;
}

.specialsIntoSpacer {
	margin:						5px 0px 30px 0px;
}

.specialsCopy {
	float:						left;
	width:						475px;
}

.specialsReserve {
	float:						left;
	width:						96px;
	margin-top:					33px;
}

.specialsCopy a {
	line-height:				25px;
}

.specialsCopy p {
	margin-right:				50px;
}

.specialsSpacer {
	height:						30px;
}

#contactUsInner {
	padding:					40px 20px;
}

#siteMapInner {
	padding:					40px 40px;
}

#siteMapInner li {
	line-height:				25px;	
}

#contactUsLeftColumn {
	float:						left;
	width:						330px;
}

#contactUsRightColumn {
	float:						left;
	width:						500px;
}

#contactFeatureImage {
	width:						298px;
	height:						298px;
	background-image:			url(../images/contact.jpg);
	border:						solid 1px #2A2118;
}

#mapDirectionsContainer h1 {
	margin-bottom:				10px;
}

#mapDirectionsLeft {
	float:						left;
	width:						510px;
}

#mapDirectionsRight {
	float:						left;
	width:						400px;
}

#map {
	width:						473px;
	height:						379px;
	border:						solid 1px #2A2118;
}

.titleMain {
	margin-bottom:				20px;
}

#mainPageContent .inner {
	padding:					20px;
}

/* gallery layout */

#galleryMainViewer {
	float:						left;
	width:						600px;
	height:						360px;
}

#galleryMainViewerInner {
	margin:						10px;
}

.galleryColumnSpacer {
	float:						left;
	width:						20px;	
	font-size:					1px;
}

.galleryThumbColumn {
	float:						left;
	width:						130px;
}

.big {
	height:						340px;
	background-repeat:			no-repeat;
}

#gallerySpacer {
	height:						30px;
}

.footerParagraphCopy {
	margin-top:					10px;
	border-top:					solid 1px #D0C1A4;
	width:						400px;
}