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

* { margin:0; padding:0 }
div { margin:0; padding:0 }
html { height:100.1%; line-height:.9em}
BODY {
	font-size: 80%;
	background: url(../bg1.png) top repeat;
	font-family: Tahoma, Arial, Geneva;
	color: #6d6d6d;
	margin:0px auto 0 auto;
	text-align:left
}

a { color:#0376c9 ; text-decoration:underline}
a:hover  { color: #00a0f8} 

#wrapper { width:1000px; margin:0 auto; overflow:hidden; }

#top-slice {background:url(../top-slice2.jpg) no-repeat; width:1000px; height:450px; margin-top: 5px; }
#language { float: right; width: 109px; height: 20px; text-align: left; }
#language a { display: block; padding: 2px; color: #FFF; font-weight: bold; text-decoration: none; }
#gallery-container { float: left; width: 500px; height:335px; margin-top: 80px; margin-left: 15px; }

#nav-slice {background:url(../nav-slice.png) no-repeat; width:949px; height:52px}
#mid-section {width:1000px; height:308px}
#left-area {background:url(../left-area.png) no-repeat; width:641px; height:308px; float:left}
#right-box {background:url(../right-box.png) no-repeat; width:359px; height:308px; float:right}
#footer {background:url(../footer.png) no-repeat; width:1000px; height:57px}

#int-mid-slice {background:url(../int-mid-slice.png) repeat-y; width:949px; overflow:auto}

.int-header {color:#545454; font-size:1.2em; font-weight:bold; background-color:#ccc; border:solid 1px #b1b1b1; padding:4px; width:800px}


.low-box-text {color:#818182; padding:4px; width:765px}

.right-box-text {color:#ccc; padding-top:26px; padding-right:66px; padding-left:24px }

#mid-int-slice {background:url(../mid-int-slice.png); width:1000px; overflow: auto; }
.int-slice-text {background:#402e1a; color:#ccc; border:solid 1px #a89d86; width:780px; padding-top:12px; padding-right:10px; padding-bottom:14px; padding-left:15px}

.right-box-photo {padding-top:42px; padding-bottom:112px; padding-left:25px}

#top-int-slice {background:url(../top-int-slice.png) no-repeat; width:1000px; height:34px}

.nav-section {color:#fff; font-size:1.3em; font-weight:bold; padding-top:14px; padding-left:112px; line-height:1.3em}

.hotel-info { float: left; color:#d15203; font-size:1em; font-weight:normal; padding-top:242px; padding-left:100px; width:300px; }
.hotel-info span { font-size: 2em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color:#d15203; }
.hotel-info div { margin-left:-50px; text-align: center; }

a.nav-link:link{color:#fafafa; text-decoration:none}
a.nav-link:visited{color:#fafafa; text-decoration:none}
a.nav-link:hover{color:#52585b; text-decoration:none}

.home-content {color:#6d6d6d; padding-top:35px; padding-left:88px; width:540px}
.int-content {color:#6d6d6d; padding-bottom:2px; padding-left:90px; width:812px; }

a.info:link{color:#fdd589; text-decoration:underline}
a.info:visited{color:#fdd589; text-decoration:underline}
a.info:hover{color:#fff; text-decoration:underline}

a.blue:link{color:#0376c9; font-size:.85em; font-weight:bold; text-decoration:underline}
a.blue:visited{color:#0376c9; font-size:.85em; font-weight:bold; text-decoration:underline}
a.blue:hover{color:#00a0f8; font-size:.85em; font-weight:bold; text-decoration:underline}

a.box:link{color:#80573d; text-decoration:underline}
a.box:visited{color:#80573d; text-decoration:underline}
a.box:hover{color:#525252; text-decoration:underline}

.events-box {color:#fff; font-size:.9em; padding-top:26px; padding-right:72px; padding-bottom:10px; padding-left:27px}

.upcoming {color:#4f4f4f; font-weight:bold; padding-right:2px}

.events-date {color:#9b4202}

.events-title {color:#6a3607}

.events-details {color:#fff} 

a.bottom-link:link{color:#fff; text-decoration:none}
a.bottom-link:visited{color:#fff; text-decoration:none}
a.bottom-link:hover{color:#fff; text-decoration:underline}

.package-details {color:#fff; padding-top:6px; padding-left:40px}
.int-package-details {color:#247998; font-weight:bold}

.footer-text {color:#b0b0b0; font-size:1.1em; padding-left:48px; margin-bottom: 20px; }

a.footer:link{color:#b0b0b0; text-decoration:none}
a.footer:visited{color:#b0b0b0; text-decoration:none}
a.footer:hover{color:#ccc; text-decoration:underline}

.int-headline {color:#555555; font-size:1.2em; font-weight:bold}

.image-outer {border:1px solid #b1b1b1; margin-right:4px; margin-bottom:2px;}
.image-outer2 {border:2px solid #f5f4e4}

.resources {background:#ccc; color:#333; padding:10px; width:700px; border:#999 double}
.resource-title {background:#b58239; color:#fff; font-weight:bold; padding-top:1px; padding-right:3px; padding-bottom:1px; padding-left:3px; border:#fff solid 1px}
.resource-title2 {background:#b58239; color:#fff; font-weight:bold; padding-right:3px; padding-left:3px; border:#fff solid 1px}
.resource-title3 {background:#b19a18; color:#fff; font-weight:bold; padding:4px; border:#fff solid 1px}

.interior-box {background:#e9e9e9; color:#525252; border:solid 1px #b6b6b6; padding:10px; line-height:1.2em; width:520px}

a.lowbox:link{color:#1d82a6; text-decoration:underline}
a.lowbox:visited{color:#1d82a6; text-decoration:underline}
a.lowbox:hover{color:#0090c5; text-decoration:underline}

.left { float:left; position:relative }

.category2 {background:#fff; padding:10px; width:782px; border:#CCCCCC double; height:100%}
.category3 {background:#fff; padding:10px; width:782px; border:#CCCCCC double; height:103px}

#content { background-color: #f2f2f2; color:#333; }
#content h1 { color:#000; font-size:24px; font-weight: bold; margin:6px 0px; margin-bottom: 6px; }
#content h2 { font-size: 18px; margin:6px 0px; color: #6d6d6d; }
#content h3 { font-size: 13px; margin:6px 0px; font-weight: bold; }
#content p { font-size: 13px;line-height: 150%; margin: 1em 0em; }
#content img { padding: 2px; margin: 4px; }
#content ul { list-style: disc; }
#content li { margin-left: 15px; padding:2px; }
#content td { padding:4px; }

/* TOP NAVIGATION */
.nav-section li { float: left; padding:0px; list-style: none; }
.nav-section li a { text-decoration: none; color:#FFF; font-size:16px; font-weight: bold; padding:10px 20px; }
.nav-section li a:hover { text-decoration: underline; }


/* LEFT NAV */
#left-nav { width: 160px; height:100%; float: left; border-right:3px solid #CCC; margin-right: 10px; padding:0px 10px; }
#left-nav ul li { border-bottom:1px solid #FFF; }
#left-nav ul li a { display: block; font-size: 12px; color: #0e3652; font-weight: bold; text-decoration: none; padding:4px 2px 4px 12px; border-top:1px solid #EEE; margin-left: 5px; }
#left-nav ul li a:hover { color:#9c9d9f; text-decoration: underline; }

/* SUITE INFO */
#suite { float: left; width: 600px; }


/* GALLERY */
#gallery-box { position:relative; }
.gallery
{
	width: 488px;
	height: 100px;
	margin-left: 70px;
	position: relative;
	overflow: hidden;
}

.image_container{position: absolute; z-index: 1; }
.image_container img
	{
		border:1px solid #DDD;
		display: block;
		position: relative; 
		float: left;
	}

#image_container img { margin:0px; padding:0px; }

#btn-prev { float: left; width: 60px }
#btn-next { float: left; width: 60px; }
	
/* Not Necessary for tut*/
a.next{position: absolute; z-index: 2; left: 560px; top: 30px; text-indent: -9999px; overflow: hidden; background: url(../sprite_home.png) -16px -16px no-repeat; width: 61px; height: 42px; display: block; }
a.prev{position: absolute; z-index: 2; left: 7px; top: 30px; text-indent: -9999px; overflow: hidden; background: url(../sprite_home.png) -78px -16px no-repeat; width: 61px; height: 42px; display: block;}
a.next:hover{background-position: -16px -59px;}
a.prev:hover{background-position: -78px -59px;}

a.hb-next{position: absolute; z-index: 2; left: 560px; top: 30px; width: 52px; height: 34px; display: block; background-color: #263e55; text-decoration: none; font-weight: bold; color:#FFF; padding: 15px 0px 0px 8px; }
a.hb-prev{position: absolute; z-index: 2; left: 7px; top: 30px; width: 52px; height: 34px; display: block; background-color: #263e55; text-decoration: none; font-weight: bold; color:#FFF; padding: 15px 0px 0px 8px; }
a.hb-next:hover { background-color: #325272; }
a.hb-prev:hover { background-color: #325272; }

#hb-content { text-align: right; }
#hb-content { background-color: #f2f2f2; color:#333; }
#hb-content h1 { color:#000; font-size:24px; font-weight: bold; margin:6px 0px; margin-bottom: 6px; }
#hb-content h2 { font-size: 18px; margin:6px 0px; color: #6d6d6d; }
#hb-content h3 { font-size: 13px; margin:6px 0px; font-weight: bold; }
#hb-content p { font-size: 13px;line-height: 150%; margin: 1em 0em; }
#hb-content img { padding: 2px; margin: 4px; }
#hb-content ul { list-style: disc; }
#hb-content li { margin-left: 15px; padding:2px; }
#hb-content td { padding:4px; }

.movie a { font-size:16px !important; color:#a50e0e !important; }