/* CSS Document */

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

body{
	background:url(images/body-bg.gif) 0 0 repeat;
	text-align:center; 
	min-width:1000px;
}

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

ul {list-style:none;}

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

.clear  {clear:both;}

.alignright {text-align:right;}

html, input, textarea {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:18px;
	color:#858585;
}

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

a {
	color:#668284; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

p {
	padding-top:18px;
}

.top1 {padding-top:11px;}
.top2 {padding-top:16px;}
.top3 {padding-top:20px;}
.top4 {padding-top:24px;}
.top5 {padding-top:28px;}
.top6 {padding-top:38px;}

.h-top {margin-top:39px;}

.margin-bottom {margin-bottom:-12px;}
.margin-bottom1 {margin-bottom:-18px;}

.wrapper {
	width:100%;
	overflow:hidden;
}

.container {
	width:100%;
}

.phone {
	display:inline-block; 
	width:106px;
}
.phone1 {
	display:inline-block; 
	width:124px;
}

strong {color:#383838}

.color {color:#5a5959;}
/* =================================================================================================================================================================================== main layout ====================== */
.imgindent {
	margin:0 20px 0 0;
	float:left;
}
.img {
	float:left;
	padding-right:2px;
}

h1 {
	padding:37px 0 0px 40px;
	position:relative;
	float:left;
}
	h1 a {
		display:block;
		height:93px;
		width:507px;
		text-indent:-5000px;
		background:url(images/logo.jpg) left top no-repeat;
	}
h2 {
	font-size:24px;
	line-height:1.2em;
	color:#668284;
	background:url(images/h2-bg-2.gif) 0 9px no-repeat;
	padding:0 0 6px 18px;
	position:relative;
}

h3 {
	font-size:22px;
	line-height:1.2em;
	color:#668284;
	background:url(images/h-border-bg.gif) 0 bottom repeat-x;
	position:relative;
	color:#6a6a6a;
	padding:0px 0 7px 0px;
	margin:41px 0 5px 0;
}
	h3 span {
		background:url(images/h2-bg-2.gif) 0 9px no-repeat;
		padding:0 0 0 23px;
	}
	* html h3 span {
		background:url(images/h2-bg-2.gif) 0 6px no-repeat;
	}
	*+ html h3 span {
		background:url(images/h2-bg-2.gif) 0 6px no-repeat;
	}
h4 {
	font-size:24px;
	line-height:1.2em;
	color:#000;
	text-transform:uppercase;
	padding:9px 0 0 80px;
	background:url(images/h4-bg.jpg) 2px 0 no-repeat;
	margin:-9px 0 0 0;
	position:relative;
}
	h4 span {
		display:block;
		margin:-6px 0 0px;
		padding-bottom:15px;
	}
.text {
	background:url(images/text-bg.gif) 0 5px no-repeat;
	padding-left:9px;
	font-weight:bold;
	color:#383838;
}
/* =================================================================================================================================================================================== header ====================== */
.extra {
	background:url(images/extra-bg.gif) 0 0 repeat-x;
}
.contactphone {
	display:inline-block;
	background:url(images/contactphone-bg.gif) 0 0 no-repeat;
	font-size:18px;
	line-height:1.2em;
	color:#393939;
	float:left;
	text-transform:uppercase;
	margin:57px 0 0 19px;
	padding:1px 0 0 30px;
}
.time {
	background:url(images/time-bg.gif) 0 2px no-repeat;
	float:left;
	display:inline-block;
	font-size:10px;
	line-height:1.2307em;
	color:#5e5e5e;
	margin:60px 0 0 167px;
	padding:1px 0 2px 19px;
}
.sub-menu {
	float:right;
	margin:20px 0 0 16px;
}
	.sub-menu li {
		font-size:10px;
		line-height:1.2307em;
		background:url(images/sub-menu-bg.gif) 0 3px no-repeat;
		padding:0 7px;
		float:left;
	}
		.sub-menu li a {
			color:#5e5e5e;
			text-decoration:none;
			text-transform:uppercase;
		}
			.sub-menu li a:hover {
				text-decoration:underline;
			}
	.sub-menu .last {background:none;}
/* ========================================================================================================================== menu ====================== */
.menu {
	padding:12px 0 78px 0px;
}
	.menu li {
		float:left;
		padding-left:1px;
		font-size:16px;
		line-height:1.2em;
	}
		.menu li a {
			display:block;
			width:139px;
			height:31px;
			background:url(images/menu-a-bg.gif) 0 0 no-repeat;
			text-align:center;
			text-decoration:none;
			color:#353535;
			text-transform:uppercase;
			padding-top:10px;
		}
			.menu li a:hover, .menu .active {
				background:url(images/menu-a-hover-bg.gif) 0 0 no-repeat;
				color:#fff;
			}
/* =================================================================================================================================================================================== content ====================== */

/* ========================================================================================================================== indents ====================== */
.col-indent1 {padding-right:49px;}
.col-indent2 {padding-right:54px;}
.col-indent3 {padding-right:43px;}
.col-indent4 {padding-right:46px;}
.col-indent5 {padding-right:90px;}

.indent1 {
	padding-right:28px;
}
/* ========================================================================================================================== links ====================== */
.link {
	background:url(images/link-bg.gif) right 4px no-repeat;
	padding-right:14px;
	color:#668284;
	font-weight:bold;
	text-decoration:none;
}
	.link:hover {
		text-decoration:underline;
	}
/* ========================================================================================================================== lists ====================== */
.list li {
	line-height:24px;
	padding-left:22px;
	background:url(images/text-bg.gif) 0 9px no-repeat;
}
	.list li a {
		color:#668284;
	}
/* ========================================================================================================================== borders ====================== */

/* ========================================================================================================================== boxes ====================== */
.box-top-left {
	background:url(images/box-left-top_2.png) left top no-repeat;
	font-size:0;
	line-height:0;
}
	.box-top-right {
		background:url(images/box-right-top.png) right top no-repeat;
		padding:0 8px 0 8px;
		font-size:0;
		line-height:0;
	}
		.box-top {
			background:url(images/box-top-tail.png) left top repeat-x;
			height:8px;
			line-height:0px;
			font-size:0px;
		}

.box-left {
	background:url(images/box-left-tail.png) left top repeat-y;
	width:100%;
}
.box-right {
	background:url(images/box-right-tail.png) right top repeat-y;
	padding:0 8px 0 8px;
}
.box-bottom-left {
	background:url(images/box-left-bottom.png) left bottom no-repeat;
	font-size:0;
	line-height:0;
}
	.box-bottom-right {
		background:url(images/box-right-bottom.png) right bottom no-repeat;
		padding:0 8px 0 8px;
		font-size:0;
		line-height:0;
	}
		.box-bottom {
			background:url(images/box-bottom-tail.png) left bottom repeat-x;
			height:8px;
			font-size:0;
			line-height:0;
		}
.box {
	background:#fff;
}
	.box .indent {
		padding:10px 0px 61px 10px;
	}

.box1 {
	background:url(images/box-bg.gif) 0 0 repeat;
	margin:5px 0 0 0;
}
	.box1 .indent {
		padding:29px 16px 22px 22px;
	}
	.box1 .bottom-tail {
		background:url(images/box-bottom-tail.gif) left bottom repeat-x;
	}
	.box1 .top-tail {
		background:url(images/box-top-tail.gif) left top repeat-x;
	}
	.box1 .left-tail {
		background:url(images/box-left-tail.gif) top left repeat-y;
	}
	.box1 .right-tail {
		background:url(images/box-right-tail.gif) top right repeat-y;
	}
	.box1 .bottom-right {
		background:url(images/box-bottom-right.gif) bottom right no-repeat;
	}
	.box1 .bottom-left {
		background:url(images/box-bottom-left.gif) bottom left no-repeat;
	}
	.box1 .top-right {
		background:url(images/box-top-right.gif) top right no-repeat;
	}
	.box1 .top-left {
		background:url(images/box-top-left.gif) top left no-repeat;
		width:100%;
		min-height:228px;
		height:auto !important;
		height:228px;
	}
	.box1 .col_1 {width:277px;}
	.box1 .col_2 {width:290px;}
	.box1 strong {color:#668284;}
	.box1 a {
		display:inline-block;
		background:url(images/box1-a-bg.gif) 0 0 no-repeat;
		text-align:center;
		text-decoration:none;
		color:#fff;
		height:24px;
		width:75px;
		padding-top:4px;
		margin-top:12px;
	}
		.box1 a:hover {
			color:#383838;
		}
.box2 {
	background:#b9d7d9;
	margin:44px 0 0 0;
}
	.box2 .indent {
		padding:20px 13px 16px 14px;
	}
	.box2 .bottom-right {
		background:url(images/box2-bottom-right.gif) bottom right no-repeat;
	}
	.box2 .bottom-left {
		background:url(images/box2-bottom-left.gif) bottom left no-repeat;
	}
	.box2 .top-right {
		background:url(images/box2-top-right.gif) top right no-repeat;
	}
	.box2 .top-left {
		background:url(images/box2-top-left.gif) top left no-repeat; width:100%;
	}
/* ========================================================================================================================== borders ====================== */

/* =================================================================================================================================================================================== footer ====================== */
.footer-menu {
	float:left;
	padding:13px 0 0 18px;
}
	.footer-menu ul {
		padding-top:2px;
		margin-left:-7px;
	}
		.footer-menu li {
			float:left;
			background:url(images/footer-menu-bg.gif) right 4px no-repeat;
			padding:0 7px 0 8px;
		}
			.footer-menu li a {
				display:block;
				color:#5b5b5a;
				text-decoration:none;
				text-transform:capitalize;
			}
				.footer-menu li a:hover {
					text-decoration:underline;
				}
	.footer-menu p {
		color:#5b5b5a;
	}
		.footer-menu p span {
			color:#668284;
		}
		.footer-menu p a {
			text-decoration:none;
			color:#5b5b5a;
		}
			.footer-menu p a:hover {
				color:#668284;
			}
	.footer-menu .last {
		background:none;
	}

.social {
	float:right;
	width:140px;
	padding:13px 18px 0 0;
}
	.social img {
		float:left;
		margin:25px 0 0 3px;
	}
	.social .last {
		margin:0px 0 0 3px;
	}
/* ================================================================================================================================================= forms ============================= */
#SearchForm {
	float:right;
	padding:54px 20px 0px 0;
	width:193px;
}
	#SearchForm label {
		border:none;
		display:inline-block;
		background:url(images/input-bg.jpg) 0 0 no-repeat; 
		height:29px;
		vertical-align:top;
		margin-right:-3px;
	}
	#SearchForm input {
		width:149px; 
		margin:0 0 0 9px;
		overflow:hidden;
		background:none;
		border:none;
		font-size:12px; 
		line-height:16px; 
		color:#fff;
		vertical-align:top;
		padding-top:6px;
	}
	* html #SearchForm input {
		padding-top:5px;
	}
	*+ html #SearchForm input {
		padding-top:5px;
	}
	#SearchForm a {
		text-decoration:none;
		display:inline-block;
		vertical-align:top;
	}
#ReservationForm {
	color:#668284; 
	padding:0px 0 0 0;
	width:204px;
}
	#ReservationForm label {
		display:block;
		overflow:hidden;
		height:33px;
	}
	#ReservationForm input {
		background:#fff; 
		border:1px solid #000; 
		padding:6px 0 6px 10px;
		color:#000;
		width:192px;
		font-size:10px;
		line-height:1.2307em;
		font-weight:bold;
		text-transform:uppercase;
	}
	#ReservationForm select {
		width:203px; 
		border:1px solid #000; 
		padding:5px 0;
		height:28px;
	}
	#ReservationForm option {
		padding:10px 0;
	}
	#ReservationForm strong {
		color:#fff;
		text-transform:uppercase;
		font-size:22px;
		line-height:1.2em;
		display:block;
		margin:-2px 0 0 -2px;
		padding-bottom:16px;
	}
	#ReservationForm a {
	background:url(images/link-left-bg.gif) left top no-repeat; 
	display:inline-block;
	text-decoration:none;
	margin:10px 0 0 0px;
	color:#493736; 
	cursor:pointer;
	font-weight:normal;
	text-transform:uppercase;
	font-size:10px;
	text-align:center;
}
	#ReservationForm a span {
		background:url(images/link-right-bg.gif) right top no-repeat;
		display:inline-block; 
		padding:0 8px 0 8px;
	}
	#ReservationForm a span span  {
		background:url(images/link-tail-bg.gif) top repeat-x;
		padding:4px 0px;
	}
	
	#ReservationForm a:hover {
		color:#fff;
	}
	#ReservationForm a:hover {
		background:url(images/link-left-bg-hover.gif) left top no-repeat;
	}
	#ReservationForm a:hover span {
		background:url(images/link-right-bg-hover.gif) right top no-repeat;
	}
	#ReservationForm a:hover span span  {
		background:url(images/link-tail-bg-hover.gif) top repeat-x;
	}
	#ReservationForm fieldset {
		border:none;
	}