/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFF url(images/bg_tail.jpg) repeat-x top center;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		line-height:17px;
		color:#000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#fff; font-style:italic; font-weight:bold; text-decoration:none; outline:none;}
a:hover {color:#000;}
p {padding-bottom:14px;}


h1 {font-size:20px; color:#000; line-height:27px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal; padding:0 0 10px;}
h1.extra {text-transform:none; font-size:24px; padding:0;}
h2 {font-size:12px; color:#fff; font-style:italic; padding-bottom:3px; }
h2 a {font-weight:bold; text-decoration:none;}
/* ============================= main layout ====================== */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.footer_wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -117px;
	background:url(images/bg.jpg) no-repeat top center;/* the bottom margin is the negative value of the footer's height */
}
 .push {
	height: 117px; /* .push must be the same height as .footer */
}

.imgindent {margin:0 20px 0 0; float:left;}
.fright {text-align:right;}
.image {padding:4px 0 12px;}
.bg1 {background:url(images/splash_bg.jpg) no-repeat left 38px;}
.bg2 {background:url(images/bg1.jpg) no-repeat left 38px;}
.bg3 {background:url(images/bg2.jpg) no-repeat left 38px;}
.bg4 {background:url(images/bg3.jpg) no-repeat left 38px;}
.bg5 {background:url(images/bg4.jpg) no-repeat left 38px;}
.bg6 {background:url(images/bg5.jpg) no-repeat left 38px;}

/* ============================= header ====================== */
#header {background:url(images/header_bg.png) repeat-x bottom center;}
#header .right {padding-right:2px;}
#header p {font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#686868; font-weight:bold; padding:2px 2px 13px; text-align:right; }
#header p a {background:url(images/account_icon.gif) no-repeat left top; padding-left:21px;line-height:21px; display:inline-block; color:#686868; text-decoration:none; font-style:normal;}
#header p a:hover {color:#000;}

.menu  {height:528px; position:relative; width:964px;}
.menu a {font-size:34px; line-height:126px; position:absolute; display:block; width:241px; text-align:center; color:#fff; text-decoration:none; padding-bottom:3px;}
.menu .item1 a {top:0; left:240px;}
.menu .item2 a {top:131px; left:481px;}
.menu .item3 a {top:262px; left:0;}
.menu .item4 a {top:394px; left:484px;}
.menu .item5 a {top:394px; left:719px;}
.menu a:hover {color:#000;}

/* ============================= content ====================== */
#content {padding:38px 0 44px;height:528px; position:relative;}
.content {padding:39px 346px 40px 45px;}
#page3 .content {padding:37px 346px 40px 45px;}
p.extra {font-size:16px; padding:11px 0 19px; line-height:19px;}

.content li {line-height:24px;}
.close {display:block; height:27px; width:27px; position:absolute; right:1px; top:31px; background:url(images/close_btn.png) no-repeat top center; text-decoration:none;}
.close:hover {background-position:bottom;}

.first {padding-top:6px;}
.link {padding:0;}
.links {padding:4px 0 0;}
.row2 .links {padding:10px 0 0;}

.row2 {border-top:1px dotted #000; margin:38px 0 0; padding:26px 0 0;}
.bg_line {background:url(images/line_bg.gif) repeat-y 0 0;}

.type1 {font-style:italic; font-size:11px; line-height:15px;}
.type1 p {font-style:italic; font-size:11px; line-height:15px; padding-bottom:18px;}
.type1 ul {padding-bottom:20px;}
.type1 ul a{ color:#000; font-weight:normal;}
.type1 ul a:hover {color:#fff;}
.price li {background:url(images/price_bg.gif) repeat-x left 7px; overflow:hidden;line-height:15px;}
.price li span {float:right;}
#page3 .price a,#page3 .price span {background:#9fb9eb;}

/*phone*/
.phone span {display:inline-block; width:85px; font-weight:normal; color:#000;}
.phone a {color:#000; font-weight:normal; text-decoration:underline; font-style:normal;}
.phone a:hover {text-decoration:none;}
.row_extra {margin:18px 0 0;}

/* ============================= footer ====================== */
.icons {float:left;}
.icons img {vertical-align:baseline;}
.icons a {line-height:24px; display:inline-block; margin-right:15px;}
.footer {background:url(images/footer_bg.gif) repeat-x top center; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#686868; font-weight:bold;padding:21px 0 0;}
.footer p {text-align:right; padding:3px;}
.footer a {color:#686868; text-decoration:none; font-style:normal;}
.footer a:hover {color:#000;}

/* ============================= forms ============================= */
#SearchForm {background:url(images/search_bg.gif) no-repeat right 4px; padding:2px 0 10px 13px;}
#SearchForm input {background:none; border:0; font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#686868; width:150px; line-height:12px;}
#SearchForm a {font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; display:inline-block; width:34px; line-height:22px; text-decoration:none; text-align:center; font-style:normal;}

label {height:40px; display:block;}
#ReservationForm {color:#333; font-size:11px; font-family:Tahoma, Geneva, sans-serif; padding:3px 2px 0;}
#ReservationForm div {padding: 0 0 2px;}
#ReservationForm input,#ReservationForm textarea {border:1px solid #bde8e5; background:#9ccfcc; width:224px; padding:2px 5px; line-height:14px;}
select {border:1px solid #bde8e5; background:#9ccfcc; padding:2px 0 0 5px; width:61px; margin-right:5px;}
#ReservationForm textarea { height:185px; margin-bottom:21px;}
#ReservationForm p {font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}
#ReservationForm a {margin:0 3px 0 12px;}