a:focus { outline: none; }

fieldset, img, abbr {border:0;}

* { 
    margin: 0; 
    padding: 0; 
}

html, body {
	height: 100%;
	font-family: helvetica, arial, sans-serif;
	background:#9b1712;

}
p{margin:0 0 1em}
a:focus,.jScrollPaneContainer { outline: none; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
	position:relative;
	background: url(/images/red-bg.png) repeat-x;
}
.footer, .push {position: relative;
	height: 40px; /* .push must be the same height as .footer */
	margin:-40px auto 0;
	text-align:center;
}
.push{height:0px !important}

.footer .top {
width:508px;
margin:0 auto;
background:#FFFFFF;
padding:10px 0px 0px 0px;
height:15px;
}

.footer .top p {
color:#440000;
font-size:12px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.footer .top p a {
color:#440000;
text-decoration:none;
}



.footer .top ul {
margin:0 0 0 20px;
padding:0;
font-size:9px;
font-weight: normal;
float:left;
}

.footer .top li {display:inline;}

.footer .top li a {
display:inline;
margin:0px 0px 0px 0px;
padding:0px 7px 0px 7px;
float:left;
color:#440000;
text-decoration:none;
border-right:1px solid #d1d1d1;
}

.footer-last {
    border-right: medium none !important;
}

.facebook {
float:left;
margin:-3px 0px 0px 7px;
}

.footer .top li a:hover {color:#B9190B;}

.footer .top li a.active {color:#B9190B;}		


.footer .bottom {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:#FFFFFF;
height:15px;
width:100%
}

.footer .bottom p {
color:#FFFFFF;
font-size:8px;
padding:0px 0px 0px 0px;
letter-spacing:0px;
}



/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/



img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		
		div#home-banner2 {
		position: relative;
		z-index:-9999;
		}
		
		div#contenta {
			position: relative; 						
			width: 100%;
			height:45px;
		}
		
		div#content1 {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 100%;
			background:url(/images/nav-bg.png) top center no-repeat;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
		}
		
		
		#main-nav {
			width:810px;	
			height:31px;
			margin: 0 auto;
			padding:0px 0px 0px 350px;	
		}
		
		
		
		div#content2 {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			height:159px;
			width:100%
			margin: 0px 0px 40px 0px;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
	background: transparent url(/images/logo-bar.png) no-repeat;
	background-position:center;
/*	filter:alpha(opacity=80);  IE's opacity
	opacity: 0.8;*/
/*	border-left: 1px solid white;
	border-right: 1px solid white;*/
		}
		
		#content2 .logobar {
		width:970px;
		height:154px;
		margin:0 auto;
		text-align:center;		
		}
		
		.logo {
		margin:10px 0px 0px 0px;
		}
		
		
		
		
		
		div#content3-homepage {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 970px;
			height:400px;
			margin: 0 auto;
			
		}
		
		
		
		
		div#content3-about {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative;
			background:url(/images/about-bg.png) 0 35px;
			background-repeat:no-repeat;		
			
			
			/* These have no effect on the functionality */
			width: 1000px;
			height:499px;
			margin: 0 auto;
			padding:15px 0px 110px 0px;
		}
		
		
		div#content3-about .about-header {
		float:left;
			width: 1000px;
			height:100px;
			padding:35px 0px 0px 0px;
		}	
		
		div#content3-about .about-header p {
		text-transform:uppercase;
		text-align:center;
		color:#ece4da;
		font-size:22px;
		margin:0px 60px 0px 60px;
		line-height:35px;
		}	
		
		.dark-red {color:#440000;}
		
		div#content3-about .about-content {
		float:left;
			width: 1000px;
			height:364px;
		}
		
		div#content3-about .about-content .about-sidebar {
		float:left;
			width: 296px;
			height:342px;
			padding:22px 0px 0px 43px;
		}	
		
		div#content3-about .about-content .about-copy {
		float:left;
			width: 615px;
			height:317px;
			padding:22px 0px 0px 0px;
		}	
		
		div#content3-about .about-content .about-copy h1 {
		color:#a10000;
		font-size:14px;
		margin:16px 0px 10px 0px;
		line-height:18px;
		font-weight:bold;
		text-transform:uppercase;
		}
		div#content3-about .about-content .about-copy h1 strong {color:#440000;}
		
		div#content3-about .about-content .about-copy p {
		color:#555555;
		font-size:12px;
		margin:0px 0px 0px 0px;
		line-height:19px;
		}

		div#content3-menu {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative;
			background:url(/images/menu-bg.png);
			background-repeat:no-repeat;
			background-position: center 15px;			
			
			
			/* These have no effect on the functionality */
			width: 1000px;
			height:690px;
			margin: 0 auto;
			padding:15px 0 0;
		}
		
		
		div#content3-menu .menu-header {
		float:left;
			width: 817px;
			height:24px;
			padding:12px 0 30px 240px;
		}	
		
		div#content3-menu .menu-header ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
font-weight: normal;
float:left;
width:600px;
}

div#content3-menu .menu-header li {display:inline;}

div#content3-menu .menu-header li a {
margin:0px 0px 0px 0px;
padding:0px 14px 0px 14px;
float:left;
color:#f5edbe;
text-decoration:none;
border-right:1px solid #440000;
display: block;
}

li.menu-last a {
    border-right: medium none !important;
}



div#content3-menu .menu-header li a:hover {color:#440000;}

div#content3-menu .menu-header li a.active {
font-weight:bold;
color:#440000;
}		

div#content3-menu .menu-header li.menu-label{font-weight:bold;color:#f5edbe;padding-right: 10px;background:url(/images/menu-arrow.png) no-repeat right top;float:left}
		
		
		div#content3-menu .menu-content {
		float:left;
			width: 1000px;
			height:585px;
		}
		
		div#content3-menu .menu-content .menu-sidebar {
		float:left;
			width: 255px;
			height:585px;
			padding:0px 15px 0px 40px;
		}	
		
		div#content3-menu .menu-content .menu-sidebar p {
		color:#022F66;
		font-size:11px;
		margin:19px 8px 0px 0px;
		line-height:14px;
		font-weight:normal;
		text-align:right;
		}	
		
		div#content3-menu .menu-content .scroll-pane {
		float:left;
			width: 620px;
			height:485px;
			padding:20px 0 0;
			overflow:auto;
		}	
		
		div#content3-menu .menu-content .scroll-pane h1, div#content3-menu .menu-content .scroll-pane h2 {
		color:#310000;
		font-size:15px;
		margin:0 0 10px;
		line-height:18px;
		font-weight:bold;
		text-transform:uppercase;
		}
		
		div#content3-menu .menu-content .scroll-pane h3 {
		color:#002f65;
		font-size:15px;
		margin:0px 0px 0px 0px;
		line-height:0px;
		font-weight:bold;
		}
		
		div#content3-menu .menu-content .scroll-pane p {
		color:#555555;
		font-size:12px;
		line-height:19px;
		}
		
		div#content3-menu .menu-content .scroll-pane ul {
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: “Lucida Grande”, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
text-align: left;
}

		div#content3-menu .menu-content .scroll-pane li {
margin:0px 0px 15px 0px;
padding:0px 0px 0px 10px;
background:
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/menudot.gif) no-repeat scroll 0px 8px;
}
	
	.darkblue-menu {
		color:#002f65;
		font-weight:bold;
		}	
		
		div#content3-menu .menu-content .scroll-pane .banquet-heading {font-size:22px;}
		
		div#content3-menu .menu-content .scroll-pane .h2small {
		font-size:11px;
		color:#002f65;
		font-weight:bold;
		}
		
		div#content3-menu #drinks li {
		background:transparent url(/images/menudot.gif) no-repeat scroll 0px 2px;
		}
		
		
		div#content3-menu #drinks li p {
		line-height:4px;
		font-weight:bold;	
		color:#002f65;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		div#content3-events {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative;
			background:url(/images/events-bg.png);
			background-repeat:no-repeat;
			background-position:bottom;			
			
			
			/* These have no effect on the functionality */
			width: 1000px;
			height:609px;
			margin: 0 auto;
			padding:5px 0px 0px 0px;
		}
		
		
		div#content3-events .events-header {
		float:left;
			width: 963px;
			height:220px;
			padding:25px 0px 0px 37px;
		}	
		
		
		
		div#content3-events .events-content {
		float:left;
			width: 1000px;
		}
		
		div#content3-events .events-content .events-sidebar {
		float:left;
			width: 100px;
			height:320px;
			padding:0px 20px 0px 43px;
		}
		
		 div#content3-events .events-content .events-sidebar ul {
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: “Lucida Grande”, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
		}

		div#content3-events .events-content .events-sidebar li a {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	text-decoration:none;
	line-height:13px;
		}
		
		.events-view {color:#0D9FD0;}
		
		.events-view2 {
		color:#002F65;
		text-decoration:underline;
		font-weight:bold;
		}
		
			
		
		div#content3-events .events-content .events-copy {
		float:left;
			width: 800px;
			height:320px;
			padding:10px 0px 0px 0px;
		}	
		
		div#content3-events .events-content .events-copy h1 {
		color:#0098cd;
		font-size:19px;
		margin:0px 0px 10px 0px;
		line-height:18px;
		font-weight:normal;
		}
		
		div#content3-events .events-content .events-copy p {
		color:#555555;
		font-size:12px;
		margin:0px 0px 0px 0px;
		line-height:15px;
		}
		
		div#content3-events .events-content .events-copy p a {
		font-weight:bold;
		color:#0097CC;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		div#content3-gallery {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative;
			background:url(/images/gallery-bg.png);
			background-repeat:no-repeat;
			background-position:center 50px;			
			
			
			/* These have no effect on the functionality */
			width: 1000px;
			height:790px;
			margin: 0 auto;
			padding:8px 0px 0px 0px;
		}
#content3-gallery .galleryNav{width:1000px;height:51px;overflow:hidden;background:url(/images/gallery-nav-bg.png) no-repeat top center}
#content3-gallery .galleryNav li + li + li{border-left:1px solid #8f0000}
#content3-gallery .galleryNav li{display:block;float:left;margin:17px 0;border-left:none;font-family: “Lucida Grande”, Arial, Helvetica, sans-serif;font-size: 14px;}
#content3-gallery .galleryNav li.header{margin-left:250px;background:url(/images/ArrowRight.png) no-repeat right center;padding-right:10px;color:#8f0000}
#content3-gallery .galleryNav li a{color:#555;text-decoration:none;margin:0 20px}
#content3-gallery .galleryNav li a:hover{text-decoration:underline}
#content3-gallery .galleryNav li a.active{font-weight:bold}
#content3-gallery .gallery-content{margin:75px 0 0 100px;width:900px;height:490px;overflow:hidden;position:relative}

#content3-gallery .gallery-item,#content3-gallery .gallery-item-detail{margin:5px;float:left}
#content3-gallery .gallery-item .gallery-thumb,#content3-gallery .gallery-item-detail .gallery-thumb-detail{border:1px solid #e3c5af;box-shadow:0 0 5px #e3c5af;background:#fff;padding:10px}
#content3-gallery .gallery-item .gallery-title a{color:#8a0000;font-weight:bold;text-decoration:none;font-family: “Lucida Grande”, Arial, Helvetica, sans-serif;font-size: 12px;line-height:18px}

#content3-gallery .viewPhotos{color:#8a0000;font-size:12px;display:block;margin:0;text-align:right;padding-right:85px;font-weight:bold}

#content3-gallery .gallery-item-detail .gallery-thumb-detail{padding:4px}

#content3-gallery .contact-sidebar{display:block;float:left;width:227px;height:450px;margin:0;}
#pane1{display:block;float:right;height:450px;width:870px;float:right}
#content3-gallery .contact-sidebar h1{margin:0 25px 5px 0;color:#a10000;font-size:16px;text-align:right;text-transform:uppercase}
div#content3-gallery .contact-sidebar ul {list-style:none;margin:30px 25px 0px 0px;padding:0px 0px 0px 0px;font-family: œLucida Grande”, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;text-align: right;}
div#content3-gallery .contact-sidebar li{margin:0 0 5px;padding:0;display:block;line-height:17px;}
div#content3-gallery .contact-sidebar li a{color:#440000;text-decoration:none;text-transform: uppercase;}
div#content3-gallery .gallery-thumbs{width:480px;margin:10px 0}
div#content3-gallery .gallery-thumbs img{margin:0 5px 7px 0}

		div#content3-contact {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative;
			background:url(/images/contact-bg.png);
			background-repeat:no-repeat;
			background-position:top;			
			
			
			/* These have no effect on the functionality */
			width: 1000px;
			height:695px;
			margin: 0 auto;
			padding:5px 0px 0px 0px;
		}
		
		
		div#content3-contact .contact-header {
		float:left;
			width: 986px;
			height:40px;
			padding:0px 0px 0px 37px;
		}	
		
		
		
		div#content3-contact .contact-content {
		float:left;
			width: 1000px;
		}
		
		div#content3-contact .contact-content .contact-sidebar {
		float:left;
			width: 227px;
			height:400px;
			margin:15px 20px 0px 80px;
		}
		div#content3-contact .contact-content h1{margin:75px 25px 5px 0;color:#a10000;font-size:16px;text-align:right;text-transform:uppercase}
		 div#content3-contact .contact-content .contact-sidebar ul {
	list-style:none;
	margin:30px 25px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: “Lucida Grande”, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
		}

		div#content3-contact .contact-content .contact-sidebar li {
	margin:0 0 5px;
	padding:0;
	display:block;
	line-height:17px;
		}
		div#content3-contact .contact-content .contact-sidebar li a{
	color:#440000;
	text-decoration:underline;
		}
		div#content3-contact .contact-content .contact-copy {
		float:left;
			width: 600px;
			height:500px;
			padding:10px 0px 0px 0px;
		}	
		
		div#content3-contact .contact-content .contact-copy h1 {
		color:#a10000;
		font-size:19px;
		margin:55px 25px 5px 0;
		line-height:18px;
		font-weight:normal;
		text-align:left;
		text-transform:uppercase
		}
		
		div#content3-contact .contact-content .contact-copy p {
		color:#440000;
		font-size:12px;
		margin:0 0 15px;
		line-height:17px;
		}
		
		
		.red, .menu-content strong {
		font-weight:bold;
		color:#a10000 !important;
		}
		div#content3-contact .contact-content .contact-copy p a {
		font-weight:bold;
		color:#a10000;
		}




		div#content3 {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 680px;
			height:299px;
			margin: 0 auto;
			background: #fff;
			padding: 26px 38px 0px 38px;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			
		}
		
		#content3 a {
		color:#B9190B;
		text-decoration:none;
		}
		







div#content4 {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 680px;
			height:299px;
			margin: 0 auto;
			background: #fff;
			padding: 26px 38px 0px 38px;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			overflow:scroll;		
		}
		
		#content4 a {
		color:#B9190B;
		text-decoration:none;
		}
		


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.content {
	z-index: 3;
	}
	
	#home-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -221px; /* the bottom margin is the negative value of the footer's height */
	position:relative;	
}
.home-footer, .home-push {position: relative;
	height: 221px; /* .push must be the same height as .footer */
	margin:0 auto;
	text-align:center;
}


.home-footer .band-holder {
width:100%;
background:url(/images/band-bg.png) repeat-x;
background-position:center;
padding:0px 0px 0px 0px;
margin:0px 0px 66px 0px;
height:115px;
}

.home-footer .band {
width:600px;
margin:0 auto;
padding:25px 0px 0px 39px;
height:95px;
text-align:left;
}

.home-footer .band p {
color:#f5edbe;
font-size:14px;
line-height:24px;
}

.home-footer .band p a {
color:#5BC7E1;
text-decoration:none;
}













.home-footer .top {
width:500px;
margin:0 auto;
background:#FFFFFF;
padding:10px 0px 0px 0px;
height:15px;
}

.home-footer .top p {
color:#440000;
font-size:12px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.home-footer .top p a {
color:#440000;
text-decoration:none;
}



.home-footer .top ul {
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:9px;
font-weight: normal;
float:left;
}

.home-footer .top li {display:inline;}

.home-footer .top li a {
display:inline;
margin:0px 0px 0px 0px;
padding:0px 7px 0px 7px;
float:left;
color:#440000;
text-decoration:none;
border-right:1px solid #d1d1d1;
}

.home-footer-last {
    border-right: medium none !important;
}

.facebook {
float:left;
margin:-3px 0px 0px 7px;
}

.home-footer .top li a:hover {color:#440000;}

.home-footer .top li a.active {color:#B9190B;}		


.home-footer .bottom {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:#FFFFFF;
height:15px;
width:100%
}

.home-footer .bottom p {
color:#FFFFFF;
font-size:8px;
padding:0px 0px 0px 0px;
letter-spacing:0px;
}











#loading {
			position: absolute;
			top: 54.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(/images/progress.gif);
		}



#supersize{position:fixed;}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}	


.belize-dollars {
height:15px;
padding:20px 90px 10px 0px;
}

.belize-dollars p {
color:#022F66;
		font-size:11px;
		margin:0px 0px 0px 0px;
		line-height:14px;
		font-weight:bold;
		text-align:right;
}

.error {
color:#bb0000;
font-size:11px;
font-weight:bold;
}

input.error {
outline:1px solid #bb0000;
}