/* Sets the background, centers the site for IE and sets the type choices. */
html{background: url(../imx/layout/back.jpg) center center fixed;text-align:center;font-family:arial,helvetica,sans-serif;}

/* Hide our access links from regular browsers. */
#access_links{position:absolute;top:-1000px;left:-1000px;}

/* Sets site size and centers it. It also sets our text back right and gives itself a white background. */
#site{width:940px;margin:0 auto;text-align:left;background:url(../imx/layout/side.gif) top right repeat-y #ffffff;}

/* This positions all of our header stuff and adds the images to our accessible markup. */
#header{width:100%;height:447px;position:relative;background:url(../imx/layout/blocker.gif) top right no-repeat;}
#header img{width:859px;height:113px;margin:30px 0 0 40px;}
#front_flash{width:940px;height:270px;background:#3b9848;position:absolute;top:150px;left:0;font-size:4em;text-align:center;line-height:270px;z-index:99;}

/* The main front menu */
#menu{position:absolute;bottom:-1px;left:0;width:670px;z-index:100;}
#upper_nav{list-style-type:none;clear:right;}
#upper_nav li{display:block;float:left;}
#upper_nav li a:link, #upper_nav li a:visited{display:block;float:left;width:163px;height:27px;line-height:27px;background:url(../imx/layout/menu-top.png);color:#ffffff;text-decoration:none;font-size:1.4em;font-weight:bold;text-indent:10px;border-left:2px solid #ffffff;}
#upper_nav li a:hover{background:url(../imx/layout/menu-top-h.png);}
#lower_nav{list-style-type:none;}
#lower_nav li{display:block;float:left;}
#lower_nav li a:link, #lower_nav li a:visited{display:block;float:left;width:163px;height:27px;line-height:27px;background:url(../imx/layout/menu-bot.png);color:#ffffff;text-decoration:none;font-size:1.4em;font-weight:bold;text-indent:10px;border-left:2px solid #ffffff;}
#lower_nav li a:hover{background:url(../imx/layout/menu-bot-h.png);}
#upper_nav li a.last{clear:right;background:url(../imx/layout/curve-top.png) top right;}
#upper_nav li a.last:hover{background:url(../imx/layout/curve-top-h.png) top right;}
#lower_nav li a.last{clear:right;background:url(../imx/layout/curve-bot.png) bottom right;}
#lower_nav li a.last:hover{;background:url(../imx/layout/curve-bot-h.png) bottom right;}
#upper_nav li a.first, #lower_nav li a.first{border-left:0;width:165px;}

/* Our main content settings. It uses 'em' instead of pixels so that it works everywhere. */
#content{width:660px;float:left;margin-bottom:10px;font-size:1.3em;line-height:1.4;background: url(../imx/layout/content_border.jpg) no-repeat bottom right #ffffff;}
#content #welcome{width:564px;height:78px;background: url(../imx/layout/welcome.png) no-repeat center center #ffffff;text-indent:-5000px;margin-top:20px;clear:both;}
#content #ataglance{width:600px;height:70px;background: url(../imx/layout/hotel.gif) no-repeat center left #ffffff;text-indent:-5000px;}
#content #amenities{width:290px;height:70px;background: url(../imx/layout/amenities.gif) no-repeat center left #ffffff;text-indent:-5000px;}
#content #rooms{width:425px;height:60px;background: url(../imx/layout/rooms.gif) no-repeat center left #ffffff;text-indent:-5000px;}
#content #dining{width:199px;height:100px;background: url(../imx/layout/dining.gif) no-repeat center left #ffffff;text-indent:-5000px;}
#content #events{width:426px;height:60px;background: url(../imx/layout/events.gif) no-repeat center left #ffffff;text-indent:-5000px;}
#content #nearby{width:500px;height:70px;background: url(../imx/layout/nearby.gif) no-repeat center left #ffffff;text-indent:-5000px;}
#content #photos{width:202px;height:60px;background: url(../imx/layout/photos.gif) no-repeat center left #ffffff;text-indent:-5000px;}
#content #direction_title{width:280px;height:60px;background: url(../imx/layout/directions.gif) no-repeat center left #ffffff;text-indent:-5000px;}
#content #specials-soon{text-align:center;color:#3b9848;font-size:2em;}
#content h1{font-size:1.8em;padding:5px 10px;}
#content h2{font-size:1.5em;padding:0 10px;margin-right:30px;background:#C4E1A7;width:60%;}
#content h2 a:visited{color:#8A61C4;}
#content p{padding:5px 10px;}
#content em{font-weight:bold;color:#3c9948;}
#content ul{list-style:disc inside;padding:5px 15px;}
#content ol{list-style-position:inside;padding:5px 15px;}
#content .content_images{float:right;width:221px;}
#content .content_images img{margin-bottom:15px;border:4px solid #c2c285;}
#content .gallery li{display:inline;}

/* This is our sidebar stuff. It includes the reservation form. */
#sidebar{width:240px;float:right;padding:0 20px;margin-bottom:10px;}
#todays_date{font-size:1.5em;color:#555555;padding:10px 0;}
#reservations h1{font-variant:small-caps;font-size:1.4em;color:#333333;text-decoration:underline;padding-bottom:5px;}
#reservations label{display:block;font-size:1.4em;color:#3c9948;}
#reservations select{display:inline;line-height:20px;vertical-align:middle;font-size:1.4em;}
#reservations input#linked_start, #reservations input#linked_end{display:none;}
#reservations input{display:block;width:220px;height:20px;margin:5px 0;border:1px outset #999999;color:#ffffff;font-size:1.3em;}
#reservations input.primary{background:#3c9948;}
#reservations input.secondary{background:#6FA84F;}
#reservations a{font-size:1.5em;color:#333333;font-weight:bold;text-align:center;text-decoration:none;}
#sidebar_contact h1{font-size:1.4em;line-height:1.5;color:#333333;text-decoration:underline;padding-top:5px;}
#sidebar_contact p{font-size:1.1em;line-height:1.5;}
#sidebar .side_link{display:block;font-size:1.4em;line-height:2;padding-top:10px;}

/* This is all of the stuff at the bottom. */
#footer{clear:both;padding:0 30px;text-align:center;padding:10px 0;font-size:1.1em;border-top:2px solid #3c9948;background:#ffffff;}
#foot_menu_site{float:left;padding-left:50px;color:#3c9948;}
#foot_menu_corp{float:right;padding-right:50px;color:#3c9948;}
#footer a{color:#3c9948;}
#foot_copy{clear:both;padding-top:10px;color:#b3b47d;}