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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0;  *border-collapse: expression('separate', cellSpacing = '0px'); /* hack is needed for IE7 also */}
li {list-style:none; }
caption,th { text-align:left; }
abbr,acronym { border:0;font-variant:normal; }
t,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit; }
.absolutePosition {position: absolute;}


/* LAYOUT-------------------- -------------------- -------------------- -------------------- -------------------- -------------------- -------------------- -------------------- -------------------- */
body { background: url(../assets/bodyBackground.png) no-repeat center top; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.4; }
p { font-size: 90%; color: #333; line-height: 140%; margin-bottom: 10px; }
h1 { font-size: 135%; color: #936D50; }
h3 { margin-bottom:0.3em; font-size:1.5em; line-height:1.4; color: #3E64AF; padding-top: 5px; border-top: thin dotted #CCC; }

/*DEFAULT LINKS*/
a:link, a:visited { color: #36F; text-decoration: none; }
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */ text-decoration: underline; }

/*CLASSES*/
.clear { clear: both; }
.container { width: 1008px; margin: 0 auto; background: url(../assets/containerMainImage.png) no-repeat center 160px; z-index: 100; }
.content #textBox { padding-right: 50px; padding-left: 80px; padding-top: 10px; }
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */ float: left; margin-right: 8px; }
.noShow { display: inline; margin: 0px; padding: 0px; height: 0px; width: 0px; clear: both; }

.content { padding-top: 320px; padding-right: 0; }
.content #textBox ul  { margin-bottom: 5px; }
.content #textBox ul li { line-height: 110%; padding-bottom: 8px; font-size: 85%; list-style: none outside; text-align: left; font-weight: bold; padding-top: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
.content hr { width: 400px; float: right; }
.containerHrLeft { width: 400px; float: left; }

img.left { float: left; margin-top: 0px; margin-right: 20px; margin-bottom: 20px; }
img.right { float: right; margin: 0px 20px 16px 44px; }

.mastheadLogoDivTagline { font-size: 0.7em; color: #034694; text-align: center; }
.mastheadReservationPipe { font-size: 1.em; color: #FFF; margin-right: 4px; margin-left: 4px; margin-bottom: 1px; }

.indexCenterColumnText { line-height: 170%; padding-right: 30px; }
#indexMapLinkDiv { height: 100px; position: absolute; width: 400px; }

.overviewText { line-height: 200%; margin-right: 100px; padding-bottom: 8px; }
.surroundingsText { line-height: 200%; margin-right: 40px; padding-bottom: 8px; }

.thankyouText { line-height: 200%; margin-right: 50px; padding-bottom: 8px; }

.footer { padding: 10px; font-size: 70%; color: #0CF; width: 988px; margin-right: auto; margin-left: auto; }
.footer img { float: right; margin-left: 8px; margin-top: -20px; }
.bottomTopArrow { float: right; margin-right: 12px; margin-bottom: 50px; }


/*IDS*/
#tranparentContainerDiv { z-index: 1; background: url(../assets/transparentTile.png) repeat; width: 1008px; margin-right: auto; margin-left: auto; }

#clearDiv { clear:both; height:5px; font-size: 1px; line-height: 0px; }

#masthead { position: relative; height: 160px; background: url(../assets/containerBackgroundTop.png) no-repeat center top; }
#mastheadLogoDiv { width: 304px; position: absolute; left: 25px; top: 60px; background: url(../assets/mastheadLogo.png) no-repeat center top; padding-top: 75px; height: 33px; }
#mastheadReservationLinks { position: absolute; left: 770px; top: 47px; display: block; width: 181px; }
#mastHeadNavigationDiv { position: absolute; left: 424px; top: 130px; }

#bottomRuleDiv { width: 1008px; margin-right: auto; margin-left: auto; background: url(../assets/footerTileBackground.png) no-repeat center bottom; height: 75px; }

#footerImageDiv { position:absolute; width:200px; height:115px;z-index:1; }

#indexContentLeftColumnDiv { float: left; width: 250px; margin-left: 25px; padding-bottom: 5px; padding-left: 5px; margin-top: 32px; }
#indexCenterColumnDiv { float: left; width: 470px; background: url(../assets/indexMap.png) no-repeat center bottom; height: 370px; padding: 0px 0px 50px 30px; position: relative; }
#indexRightColumnDiv {
	float: right;
	width: 165px;
	border: thin solid #3E64AF;
	background: url(../assets/indexRightColumnHeader.png) no-repeat center top;
	margin-top: 30px;
	padding: 50px 15px 51px;
	margin-right: 20px;
	position: relative;
}
#indexRightColumnWidgetDivs {
	margin: 0px auto 15px;
	width: 150px;
	text-align: center;
	display: block;
}
.widgetDivs {
	margin-right: 5px;
	margin-bottom: 30px;
}
#indexRightColumnBackgroundDiv { background: url(assets/indexRightColumnDivBackground.png) repeat-x bottom; height: 100%; width: 100%; bottom: 0px; }

/*MAIN NAVIGATION*/
ul#mainNav-menu { list-style: url(none) none; }
ul#mainNav-menu li { display: inline; }
ul#mainNav-menu li a { display: block; float: left; height: 22px; text-indent: -9999px; background: url(../assets/navigation.png) no-repeat 0px 0px; margin-right: 13px; }
ul#mainNav-menu li a.homepage { width: 77px; background: url(../assets/navigation.png) no-repeat 0px -22px; }
ul#mainNav-menu li a.overview { width: 65px; background: url(../assets/navigation.png) -88px -22px; }
ul#mainNav-menu li a.surroundings { width: 99px; background: url(../assets/navigation.png) -166px -22px; }
ul#mainNav-menu li a.photoGallery { width: 95px; background: url(../assets/navigation.png) -279px -22px; }
ul#mainNav-menu li a.gettingHere { width: 92px; background: url(../assets/navigation.png) no-repeat -386px -22px; }


ul#mainNav-menu li a.homepage:hover, ul#mainNav-menu li a.homepage:focus { background: url(../assets/navigation.png) 0 0px; }
ul#mainNav-menu li a.overview:hover, ul#mainNav-menu li a.overview:focus { background: url(../assets/navigation.png) -88px 0px; }
ul#mainNav-menu li a.surroundings:hover, ul#mainNav-menu li a.surroundings:focus { background: url(../assets/navigation.png) -166px 0px; }
ul#mainNav-menu li a.photoGallery:hover, ul#mainNav-menu li a.photoGallery:focus { background: url(../assets/navigation.png) -279px 0px; }
ul#mainNav-menu li a.gettingHere:hover, ul#mainNav-menu li a.gettingHere:focus { background: url(../assets/navigation.png) no-repeat -386px 0px; }


/*RESERVATION NAVIGATION*/
a.reservation:link, a.reservation:visited { color: #FFF; text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */ font-size: 70%; font-weight: bold; margin: 0px; padding: 0px; font-family: "Segoe UI", Helvetica, sans-serif; }
a.reservation:hover { color: #0CF; text-decoration: none; }



/*FORM ELEMENTS*/
#formTable { font-size: 0.8em; color: #666; border: medium solid #999; }
.formBody { color: #808080; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 16px; text-align: justify; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; }
.padCheck { color: #808080; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 16px; text-align: justify; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; padding-top: 5px; }
.formFieldNoWrap { white-space: nowrap; } 
.formCellPad10px { padding: 10px; margin-left: 10px; }
#formInstructions { display: block; padding: 15px; margin: 2px; border: thin dotted #666; font-size: 160%; line-height: 170%; }
.widgetText {
	font-size: 80%;
	line-height: 100%;
	color: #888;
	text-align: center;
	display: block;
}
.mastheadPhoneText {
	font-size: 90%;
	line-height: 100%;
	color: #1575BC;
	text-align: left;
	display: block;
	font-weight: bold;
	margin: 0px 0px 2px;
	padding: 0px 0px 0px 22px;
}
.widgetFooterImage {
	position: absolute;
	left: 0px;
	bottom: 0px;
}