/* GENERAL STYLES */
* {padding: 0; margin: 0; outline: none;}
body {text-align: center; background: transparent url(../images/body_bg.jpg) repeat; font-family: helvetica, Arial, verdana, sans-serif; font-size: 13px; color: #333;}
p {line-height: 22px; margin: 10px;}
button {cursor:pointer; border:0; background: none; text-align: left;}
.hide {display: none;}
.clear {clear: both;}
a {outline: none;}
a img {border: none;}
a:link, a:visited {text-decoration: underline; color: #333;}
a:hover, a:active {text-decoration: none; color: #ff0000;}
.f_left {float: left; position: relative;}
.f_right {float: right; position: relative;}
li {list-style: none;}
h1, h2, h3 {font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal;}
h1, h2 {font-size: 24px;}
h3 {color: #5C0000; margin: 10px 0 6px 0;}

/* LAYOUT */
#header {height: 60px; background: transparent url(../images/header_tile.jpg) 0 0 repeat-x;}
#header div {width: 960px; margin: 0 auto; text-align: left;}
#top_header {width: 960px; margin: 0 auto; height: 321px; background: transparent url(../images/header_bg.jpg) 0 0 no-repeat; text-align: left;}
#left_content {float: left; width: 640px; margin: 10px 0 0 20px}
#right_content {float: right; width: 226px; margin: 10px 0 0 0}
.int_header {padding: 32px 31px;}
#container {width: 906px; padding: 5px; text-align: left; margin: 0 auto; background: #FBF7EE; border: 1px solid #ffffff; min-height: 200px;}
.box {float: left; margin-right: 1px; position: relative;}
.box span {position: absolute; left: 18px; top: 102px; font-family: Georgia, Times, "Times New Roman", serif; color: #fff; width: 185px; line-height: 18px;}
#footer {clear: both; text-align: center; font-size: 12px; color: #999; padding: 30px 0;}
#boxes {margin-left: -2px;}
#promos {background: #fff url(../images/promotion_bg.jpg) 100% 100% no-repeat; min-height: 250px; padding-bottom: 20px;}

/* TEXT */
#top_header h2 {text-align: center; line-height: 35px; font-weight: bold;}
#avail {position: absolute; top: 0; left: 20px; width: 200px;}
#left_content h1, #right_content h1 { margin: 10px 0;}
.added_image, .image {float: right; margin: 10px; border: 10px solid #fff;}
.no_border {border: none;}
#left_content li {margin: 5px 0 5px 30px; list-style: circle;}
#promos h2 {font-size: 20px; text-align: center; padding: 10px;}
#footer ul li {display: inline; margin: 5px 8px; font-size: 11px; line-height: 22px;}
#footer ul li a {color: #999!important; text-decoration: none;}

/* NAVIGATION */
#nav {padding-left: 30px; width: 960px; margin: 0 auto; text-align: left;}
#second_nav {background: #504241 url(../images/2ndnav_bg.jpg) 100% 100% repeat-x; min-height: 34px; width: 896px; margin-left: 5px; padding-top: 15px; color: #fff;}
#nav ul li, #second_nav ul li {display: inline; line-height: 60px;}
#second_nav ul li {line-height: 22px;}
#nav ul li a {padding: 22px 7px;}
#nav ul li a:link, #nav ul li a:visited, #second_nav ul li a:link, #second_nav ul li a:visited 
{text-transform: uppercase; font-size: 14px; font-weight: bold; font-family: Georgia, Times, "Times New Roman", serif; color: #fff!important; text-decoration: none;}
#home_page #li_home,
#hotel_page #li_hotel,
#rooms_page #li_rooms,
#dining_page #li_dining,
#conferences_page #li_conferences,
#leisure_page #li_leisure,
#weddings_page #li_weddings,
#activities_page #li_activities,
#occasions_page #li_occasions,
#specials_page #li_specials,
#location_page #li_location,
#nav ul li a:hover, #nav ul li a:active {background: transparent url(../images/nav_bg.jpg) 0 0 repeat-x;}
#second_nav ul li a:hover, #second_nav ul li a:active {text-decoration: underline;}

#second_nav ul li a {margin: 0 10px;}
#left_content #second_nav ul li {margin: 0px; list-style: none;}




/* Availability Form */
fieldset {border: none;}
input, select, textarea {padding: 2px; font-size: 13px; background: #fff url('../images/input-bg.gif') top left repeat-x; border: 1px solid #d5d5d5; color: #333;}
input.img_input {padding: 0px; background: transparent; background-image: none; border: none;}
#avail form {margin: 26px 0 0 0;}
#avail form label {font-size: 12px;}
#avail form select {margin: 2px 0; width: 60px; font-size: 11px;}
#avail input.text {height: 25px; padding: 2px 0 2px 5px; width: 150px;}
#avail form button {margin-top: 8px;}

/* Booking Summary Information */
.booking_summary {color: #3F3334; font-size: 11px; font-family: verdana, helvetica, arial, sans-serif; width: 640px; margin-bottom: 20px;}
.booking_summary td{text-align: center; padding: 5px; border: 1px solid #c3c3c3; }
.booking_summary tr.top_row td {background: #9b9187; text-align: left; color: #fff;}
.booking_summary td.right_align {text-align: right;}
.booking_summary td.left_align {text-align: left;}
.booking_summary td.row_header {background: #3F3334; border-bottom: 1px solid #333; font-weight: bold; color: #fff;}
.booking_summary tr.last_row td {background: #9b9187; color: #ffffff; font-weight: bold; border-top: 1px solid #333; border-bottom: 2px solid #333;}

form.get_options {padding: 5px auto;  float: right; position: absolute; top: 52px; left: 165px;}
input.book_now {margin-top: 3px;}

#generic_form fieldset {margin: 1em 0; border: none;	border-top: 1px solid #ccc; font-size:11px; padding : 0px 10px 22px 10px;}
#generic_form legend {color : #990000;margin: 1em 0;padding: 1em .5em;background: transparent;font-size: 12px;font-weight: bold;}
#generic_form label {float: left;width: 120px;padding: 0 1em;text-align: right;}
#generic_form fieldset div {margin-bottom: .5em;padding: 0;display: block;}

/* progress bar for navigation */

/* the navigation controls for the sprite navigation */
#hidden_specials_form {margin: 10px;}
#hidden_specials_form p { min-height: 130px; display: block;}
#progress {background: url(../images/progress.jpg); height: 60px;width: 660px; margin: 10px 0 20px -10px; position: relative;}
#progress ul {width: 478px;	height: 60px; position: relative; margin: 0;}
#progress ul li{background: none; padding:0; margin: 0;}
#progress li {position: absolute; top: 0;}
#progress li, #progress a { height: 60px; display: block; text-indent: -999999px; margin: 0; padding: 0;}	
 
#prog1 {left: 6px; width: 81px;}
#prog2 {left: 100px; width: 91px;}
#prog3 {left: 205px; width: 91px;}
#prog4 {left: 310px; width: 101px;}
#prog5 {left: 424px; width: 96px;}
#prog6 {left: 534px; width: 120px;}

#prog1 a.progress_active {background: transparent url(../images/progress.jpg) -6px -0px no-repeat;}
#prog2 a.progress_active {background: transparent url(../images/progress.jpg) -100px -0px no-repeat;}
#prog3 a.progress_active {background: transparent url(../images/progress.jpg) -205px -0px no-repeat;}
#prog4 a.progress_active {background: transparent url(../images/progress.jpg) -310px -0px no-repeat;}
#prog5 a.progress_active {background: transparent url(../images/progress.jpg) -424px -0px no-repeat;}
#prog6 a.progress_active {background: transparent url(../images/progress.jpg) -534px -0px no-repeat;}

#prog1 a.progress_future {background: transparent url(../images/progress.jpg) -6px -60px no-repeat;}
#prog2 a.progress_future {background: transparent url(../images/progress.jpg) -100px -60px no-repeat;}
#prog3 a.progress_future {background: transparent url(../images/progress.jpg) -205px -60px no-repeat;}
#prog4 a.progress_future {background: transparent url(../images/progress.jpg) -310px -60px no-repeat;}
#prog5 a.progress_future {background: transparent url(../images/progress.jpg) -424px -60px no-repeat;}
#prog6 a.progress_future {background: transparent url(../images/progress.jpg) -534px -60px no-repeat;}

#prog1 a.progress_past {background: transparent url(../images/progress.jpg) -6px -120px no-repeat;}
#prog2 a.progress_past {background: transparent url(../images/progress.jpg) -100px -120px no-repeat;}
#prog3 a.progress_past {background: transparent url(../images/progress.jpg) -205px -120px no-repeat;}
#prog4 a.progress_past {background: transparent url(../images/progress.jpg) -310px -120px no-repeat;}
#prog5 a.progress_past {background: transparent url(../images/progress.jpg) -424px -120px no-repeat;}
#prog6 a.progress_past {background: transparent url(../images/progress.jpg) -534px -120px no-repeat;}


/* BINGO BUTTON */
.bingo-button {width: 208px; display: block; padding: 0 15px; position: relative;background: transparent url(../images/bingo/middle.jpg) 15px 0 repeat-y; margin: 10px 0 155px -10px; }
.bingo-button .bingo-button-top {width: 208px; display: block; height: 68px; background: transparent url(../images/bingo/header.jpg) 0 0 no-repeat; overflow: hidden; margin-bottom: -30px;}
.bingo-button h3 {font-size: 15px; position: absolute; top: 18px; left: 40px;}
.bingo-button p {margin: 25px 30px; line-height: 22px; font-size: 12px; color: #fff;}
.bingo-button .bingo-button-body {padding-bottom: 35px;background: transparent url(../images/bingo/bottom.jpg) 100% 100% no-repeat; min-height: 90px; position: relative}
.bingo-button .bingo-button-bottom {margin: -155px 0 0 10px;}
.bingo-button #book_now {position: absolute; bottom: 20px; left: 45px;}