@charset "utf-8";
/* CSS Document here comes inner and all childnode selector 
Jerecho Pontoy - Junior Web Designer @ TechForge / techforgeonline.com
*/
.selector_test {
	color:#000;
}
#logo {
	background:url(../img/logo.png) no-repeat scroll 0 9px transparent;
	behavior:url(iepngfix.htc);
	height:91px;
	margin-bottom:6px;
	text-indent:-10000px;
	width:296px;
}
ul#nav {
	background:url(../img/navbg.jpg) repeat-x;
	width:auto;
	height:44px;
}
.whiteanchor {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
.invi {
	display:none
}
.bigbox {
	width:940px !important
}
#nav2 li {
	height:75px;
	width:120px;
}
#nav2 li a {
	display:block;
	height:100%;
}
span#slogan {
	background:url(../img/righttext.png) no-repeat scroll 0 0 transparent;
	behavior:url(iepngfix.htc);
	bottom:49px;
	height:38px;
	position:absolute;
	right:1px;
	text-indent:-10000px;
	width:265px;
}
ul#nav li {
	float:left;
	text-indent:-10000px;
	padding-right:67px;
}
ul#nav li#Home {
	background:url(../img/nav.jpg) no-repeat 0 -246px;
	width:89px;
	height:41px;
}
ul#nav li#About {
	background:url(../img/nav.jpg) no-repeat 0 -205px;
	width:89px;
	margin-left:32px;
	height:41px;
}
ul#nav li#Rooms {
	background:url(../img/nav.jpg) no-repeat 0 -164px;
	width:89px;
	height:41px;
}
ul#nav li#Food {
	background:url(../img/nav.jpg) no-repeat 0 -123px;
	width:89px;
	height:41px;
	padding-right:44px !important;
}
ul#nav li#Amenities {
	background:url(../img/nav.jpg) no-repeat 0 -82px;
	width:89px;
	height:41px;
}
ul#nav li#Events {
	background:url(../img/nav.jpg) no-repeat 0 -41px;
	width:89px;
	height:41px;
	padding-right:25px !important;
}
ul#nav li#Contact {
	background:url(../img/nav.jpg) no-repeat 0 0;
	width:72px;
	height:41px;
	padding:0 !important
}
#topPanel {
	width:960px;
	height:auto;
}
#leftPanel {
	/*background:url(../img/sliderSample.jpg) repeat;*/
	width:120px;
	height:450px;
	overflow:hidden;
	float:left;
}
#rightPanel {
	width:840px;
	height:450px;
	/*background:url(../img/flashSample.jpg) no-repeat;*/
	float:left;
}
#bottomPanel {
	height:auto;
	min-height:75px;
	max-heigh:75px;
	width:959px;
	color: #000;
    background: #6393AF; /* Fallback for browsers that don't support RGBa */
    background: rgba(99,147,175,0.7);
	clear:both;
	overflow:hidden;
}
#bottomPanel h2 {
	background:url("../img/360.jpg") no-repeat scroll center center #FFFFFF;
	border:10px solid #FFFFFF;
	float:left;
	max-height:60px;
	min-height:60px;
	height:60px;
	text-indent:-10000px;
	width:100px;
}
#threesixtytxt {
	float:left !important;
	background:url(../img/360transparent.png) 17px 9px no-repeat;
	behavior:url(iepngfix.htc);
	width:174px !important;
	height:17px;
	padding-bottom:5px;
	position:relative;
}
#bottomTxt {
	width:600px;
	float:left;
}
#bottomtxt {
	margin-top:7px;
	font-size:11px;
	position:absolute;
	text-align:center;
	top:28px;
}
#bottomPanel p {
	padding:10px;
	width:612px;
}
#mainContent {
	height:auto;
}
.boxes {
	background:#2C2525;
	background:rgba(51, 51, 51, 0.7);
	width:220px;
	height:145px;
	float:left;
	margin:20px 13px 20px 0;
	padding-left:10px;
}
.last_box {
	background:#2C2525;
	background:rgba(51, 51, 51, 0.5);
	width:220px;
	height:145px;
	float:left;
	margin:20px 0 20px 0;
	padding-left:10px;
}
.boxes h2, .last_box h2 {
	text-indent:-10000px;
}
#rm {
	background:url(../img/rooms.png) no-repeat;
	behavior:url(iepngfix.htc);
	width:81px;
	height:16px;
	margin:11px 0 0 0;
}
#am {
	background:url(../img/amenities.png) no-repeat;
	behavior:url(iepngfix.htc);
	width:107px;
	height:16px;
	margin:11px 0 0 0;
}
#fo {
	background:url(../img/food.png) no-repeat;
	behavior:url(iepngfix.htc);
	width:81px;
	height:16px;
	margin:11px 0 0 0;
}
#ev {
	background:url(../img/events.png) no-repeat;
	behavior:url(iepngfix.htc);
	width:81px;
	height:16px;
	margin:11px 0 00;
}
.boxes a, .last_box a {
	margin-top:10px;
	display:block;
	padding-bottom:5px;
}
#details {
	background-color:rgba(51, 51, 51, 0.5);
	width:940px;
	height:auto;
	padding:10px;
	clear:both;
	margin-bottom:7px;
}
#details h2 {
/*background:url(../img/islandupdate.png) no-repeat;
	behavior:url(iepngfix.htc);
	width:161px;
	height:16px;*/
        
}
#details p {
	text-align:justify
}
#footer a {
	font-size:12px !important;
	color:#99CCFF !important;
}
#socialsite {
	float:right !important;
}
img.imgcenter {
	vertical-align:middle;
}
#inner_left {
	width:240px;
	height:auto;
	padding:10px;
	background-color:rgba(51, 51, 51, 0.5);
	float:left;
	margin-right:2px;
}
#inner_right {
	width:678px;
	height:auto;
	padding:10px;
	background-color:rgba(51, 51, 51, 0.5);
	float:left;
	margin-bottom:10px;
}
#inner_right p {
	color:#fff;
	padding:10px 0 10px 0;
}
#inner_right h2 {
/*background:url(../img/aboutseawind.png) no-repeat;
	behavior:url(iepngfix.htc);
	width:175px;
	text-indent:-10000px;
	height:16px;*/
}
#about2, #room_info2, #amenities_info2, .info_header, #events2, #amenities, #article2, #details h2 {
	color:#FFFFFF;
	font-family:Century Gothic;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
}
#room_info3 {
	color:#FFFFFF;
	font-family:Century Gothic;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
}
#about {
	background:url(../img/aboutseawind.png) no-repeat;
	behavior:url(iepngfix.htc);
	width:175px;
	text-indent:-10000px;
	height:16px;
}
#inner_left ul {
	padding-top:10px;
}
#leftPanel_inner {
	width:238px;
	margin-right:1px;
	height:auto;
	float:left;
}
#leftPanel_inner div {
	width:229px;
	margin:1px;
	background:#333;
	height:49px;
	padding:4px;
}
#leftPanel_inner h2 {
	background:url(../img/rooms.jpg) no-repeat;
	width:121px;
	height:36px;
	text-indent:-10000px;
}
#rightPanel_inner {
	width:719px;
	background:url(../img/load.gif) no-repeat;
	height:348px;
	float:left;
	position:relative;
}
#room_info {
	background:url(../img/roominfo.png) no-repeat !important;
	behavior:url(iepngfix.htc)!important;
	text-indent:-10000px!important;
	width:201px!important;
	height:16px!important;
}
#amenities_info {
	background:url(../img/amenities.png) no-repeat !important;
	behavior:url(iepngfix.htc)!important;
	text-indent:-10000px!important;
	width:201px!important;
	height:16px!important;
}
#room_info2 {
/*background:url(../img/roominfo2.png) no-repeat !important;
	behavior:url(iepngfix.htc)!important;
	text-indent:-10000px!important;
	width:337px!important;
	height:16px!important;*/
}
.room {
	height:332px !important;
}
.food {
	height:107px !important;
}
.amenities {
	height:203px !important;
}
.events {
	height:383px !important;
}
.contact {
	height:442px !important;
}
.articles {
	min-height:236px !important;
}
#foods {
	background:url(../img/foods.png) no-repeat;
	behavior:url(iepngfix.htc);
	text-indent:-10000px;
	width:64px;
	height:16px;
}
ul#foodlist {
	text-align:center;
}
ul#foodlist img {
/*border:3px solid #666;*/
}
ul#foodlist li {
	padding-bottom:4px;
}
/*
#info_header{
	font-family:century gothic;
	font-size:22px;
	text-transform:uppercase;	
}*/
#contact {
	background:url(../img/contact.png);
	behavior:url(iepngfix.htc);
	text-indent:-10000px;
	width:136px;
	height:16px;
}
#contact2 {
	background:url(../img/googlemaps.png);
	behavior:url(iepngfix.htc);
	text-indent:-10000px;
	width:271px;
	height:16px;
}
#gmap {
	padding:33px 0 28px 79px;
}
#events {
	background:url(../img/events.png);
	behavior:url(iepngfix.htc);
	text-indent:-10000px;
	width:74px;
	height:16px;
}
#article {
	background:url(../img/archive.png);
	behavior:url(iepngfix.htc);
	text-indent:-10000px;
	width:81px;
	height:16px;
}
#events2 {
/*background:url(../img/wedding.png)!important;
	behavior:url(iepngfix.htc)!important;
	text-indent:-10000px!important;
	width:105px!important;
	height:16px!important;*/
}
#amenities {
	background:url(../img/amenities.png);
	behavior:url(iepngfix.htc);
	text-indent:-10000px;
	width:96px;
	height:16px;
}
#event_img {
	padding:33px 0 28px 47px;
}
#event_img img {
	padding:4px;
}
.hidden {
	display:none;
}
.visible {
	display:block;
}
#load {
	background:url(../img/load.gif);
	width:32px;
	height:32px;
	position:absolute;
	left:10px;
	top:10px;
	text-indent:-9999em;
}
#content_2, #content_3, #content_4, #content_5, #content_6 {
	display:none;
}
div#changeThis ul {
	list-style:none;
	padding-left:10px;
}
div#changeThis ul li {
	color:#fff;
	line-height:16px;
}
div#changeThis td {
	color:#fff;
	font-size:11px;
	text-align:center
}
#map {
	background:url(../img/map.png) no-repeat scroll 0 13px transparent;
	height:30px;
	margin:0;
	padding:0;
	width:16px;
}
.menuxx li {
	padding-right:10px !important;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
	text-indent:1px !important
}
.menuxx a {
	padding: 13px 14px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size:14px;
	text-transform:uppercase;
}
.menuxx li em {
	background:url(../img/hover.png) no-repeat scroll -1px -2px transparent;
	display:none;
	font-style:normal;
	height:24px;
	position:absolute;
	text-align:center;
	top:-25px;
	width:138px;
	z-index:100;
}