body {
    background-color:#FFFFFF;
    margin: 0;
    padding: 0;
    font-size: 77%;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    color: #444;
	text-align: center;
    background: url(../_img/bg.jpg) top center ;	
    }
	
body * {text-align: left;}
	
img {border-width: 0; margin:0px;}

/* FORMATTING ****************************************************/

h2 {
	margin: 0px;
	padding: 0;
	width: 100%;
	height: 63px;
	font-size:1.40em}
	
.primary h2{
margin:10px 0 0 0;
padding:0;
font-size:1.1em;
width:100%;
height:10px;}

h2 span {display: none;}	
h3, h4, h5 {color: #3e3429;}
h3 {
    font-size: 1.0em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
	border-bottom:1px solid #444}
h3, p {margin: 0.75em 0;}
.home h3 {display: none;}

strong {
    font-weight: bold;}

a { color: #0099FF;
    font-weight: bold;
    text-decoration: none;}
	
a:hover {
    color: #33FF66;
    text-decoration: underline;}
.floatleft {
	float: left;}
.floatright {
	float: right;}
	
.dot{
margin:0px;
padding:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
width:100%;
height:13px;
background:url(../_img/dots.gif) repeat-x;
}


/* HEADER ****************************************************/
#header {
    width: 750px;
    height: 111px;
    margin: 0 auto;    
	text-align: left;
	position: relative;	
	background:url(../_img/header.jpg) top left no-repeat;
	}
#belizeheader{
 width: 750px;
    height: 111px;
    margin: 0 auto;    
	text-align: left;
	position: relative;	
	background:url(../_img/belizeheader.jpg) top left no-repeat;}
#header h1, #belizeheader h1 {
	margin: 0;
	padding: 0;}
#header h1 a , #belizeheader h1 a{
	display: block;
	height: 87px;
	width: 250px;}
#header span, #header p , #belizeheader span, #belizeheader p{
    display: none;}


/* FOOTER ************************************************************/
#footer {
	text-align: center;
	font-size: 0.9em;
	clear: both;
	padding-top: 3em;
	align:0 auto;
	margin:0 auto;
	padding:0px;
	background:url(../_img/footer.jpg) top left no-repeat;
	height:100px;
	width: 750px;
	
}
#footer p {
	width: 750px;
	margin: auto;
	text-align: center;
	
}

/* Common Navigation Elements *************************************************/

#MainNavBox {
	margin: 0 auto;
	padding: 0;	
	position:relative;
	margin-top:-8px!important;
	margin-top:0px;
	}
	
/* UL for main navigation */
#MainNav {
	margin: 0 auto;
	padding: 0;
	background: url(../_img/nav.jpg) 0px -10px no-repeat;
	width: 750px;
	height: 50px;
	position: relative;
	}
	
/* LI for main navigation */
#MainNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#MainNav li, #MainNav a {
	height: 50px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#MainNav a {
	text-indent: -5000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#mainnav_home {left: 50px; width: 71px;}
#mainnav_villas {left: 122px; width: 49px;}
#mainnav_rates {left: 172px; width: 139px;}
#mainnav_pool {left: 311px; width: 158px;}
#mainnav_getting {left: 470px; width: 102px;}
#mainnav_tourism {left: 573px; width: 118px;}

#mainnav_home a:hover, #mainnav_home a:visited:hover { background: transparent url(../_img/nav.jpg) -50px -18px no-repeat;}
#mainnav_villas a:hover, #mainnav_villas a:visited:hover { background: transparent url(../_img/nav.jpg) -122px -18px no-repeat;}
#mainnav_rates a:hover, #mainnav_rates a:visited:hover { background: transparent url(../_img/nav.jpg) -172px -18px no-repeat;}
#mainnav_pool a:hover, #mainnav_pool a:visited:hover { background: transparent url(../_img/nav.jpg) -311px -18px no-repeat;}
#mainnav_getting a:hover, #mainnav_getting a:visited:hover { background: transparent url(../_img/nav.jpg) -470px -18px no-repeat;}
#mainnav_tourism a:hover, #mainnav_tourism a:visited:hover { background: transparent url(../_img/nav.jpg) -573px -18px no-repeat;}	

#mainnav_home a.selected  { background: transparent url(../_img/nav.jpg) -50px -18px no-repeat;}
#mainnav_villas a.selected { background: transparent url(../_img/nav.jpg) -122px -18px no-repeat;}
#mainnav_rates a.selected { background: transparent url(../_img/nav.jpg) -172px -18px no-repeat;}
#mainnav_pool a.selected { background: transparent url(../_img/nav.jpg) -311px -18px no-repeat;}
#mainnav_getting a.selected { background: transparent url(../_img/nav.jpg) -470px -18px no-repeat;}
#mainnav_tourism a.selected { background: transparent url(../_img/nav.jpg) -573px -18px no-repeat;}	
	
/* MAIN AREA ******************************************************************/
#content {
    margin:0 auto;
	width:750px;
    text-align: center;
    position: relative;   
    background: url(../_img/mainbg.jpg) top left repeat-y;
	
	overflow:hidden;}
	
#maintop{
margin:0; padding:0; 
background:url(../_img/content_top.jpg) top left no-repeat;height:23px; margin-bottom:0px;
}


 


/* PRIMARY COLUMN ****************************************************/
#content .primary {
    float: left;
    padding-top:0px;
	padding-bottom:0px;
	padding-left:46px;
	padding-right:33px!important; 
	padding-right:15px;
	width:400px;	
	}
#content .primary p {
    font-size: 1em;
	margin-top:0px;
	padding-top:0px;
	margin-left:25px;
}
#content .primary img {
	margin-top: 0px;
	padding-top:0px}
.primary ul,
.primary li {
	list-style-type:none;
	padding: 0;}
.primary ul {
	margin: 0 0 0 16px;}
.primary li {
	margin: 0.5em 0;
	padding-left:20px;
	line-height:1em;
	background:url(../_img/plus.gif) top left no-repeat}

/* SECONDARY COLUMN */
.secondary {
    float: left;
    margin-top: 0px;
	margin-bottom: 0;
	width:223px;
	margin-left:0px;
	}
.secondary blockquote{
background:url(../_img/quote.jpg) top left no-repeat;
padding:5px;
margin:0px;
padding-top:25px; 
padding-left:25px;
font-size:16px;
color:#CC6633;
font-weight:bold;
}

.boxed{width:180px; margin:10px; padding:10px; border:1px solid  #E9C8B1}
.boxed p{margin:0px; padding:0px; color: #7B6453}
.boxed h2{margin:0px; padding:0px; height:20px;}
.secondary h4 {
    margin: 1px 0 8px 25px;}
.secondary p {
    margin: 1em 0;
    padding: 0 15px;}
.secondary ul,
.secondary p {
    font-weight: normal;}
.secondary p.caption {
    font-size: 0.9em;
    font-weight: normal;
    margin: 0.5em 0 1em 0!important;}
.secondary ul {
    margin: 1em 25px 0 40px;}
.secondary li {
    margin: 0;
	}
.secondary ul,
.secondary li {
    list-style: disc outside;
    padding: 0;}
.secondary .floatleft {
	margin-right: 7px;}

a.villas{display:block;width:380px; height:40px; padding:10px; margin-left:8px; line-height:40px; font-size:14px; color:#996600; border:1px solid #E1D297; }
a.villas:hover{background-color: #DAC88B; color:#333333; text-decoration:none}

.topten a{
display:block;
width:418px; 
height:165px; 
position:relative;font-size:14px; 
color:#996600; }
.topten a:hover{color:#333333; text-decoration:none}
a.no1{background:url('../_img/no1.jpg') top left no-repeat;}
a.no2{background:url('../_img/no2.jpg') top left no-repeat;}
a.no3{background:url('../_img/no3.jpg') top left no-repeat;}
a.no4{background:url('../_img/no4.jpg') top left no-repeat;}
a.no5{background:url('../_img/no5.jpg') top left no-repeat;}
a.no6{background:url('../_img/no6.jpg') top left no-repeat;}
a.no7{background:url('../_img/no7.jpg') top left no-repeat;}
a.no8{background:url('../_img/no8.jpg') top left no-repeat;}
a.no9{background:url('../_img/no9.jpg') top left no-repeat;}
a.no10{background:url('../_img/no10.jpg') top left no-repeat;}
.topten h1{margin-left:210px; margin-right:10px; margin-top:0px; margin-bottom:0px;padding:0; padding-top:10px; font-size:34px; color: #45C2A0; font-weight:bold}
.topten h2{margin-left:210px; margin-right:10px; margin-top:0px; margin-bottom:0px; padding:0; padding-top:0px; font-size:24px; width:200px; color:#3399CC}



/* PNG Image Fixes */

* html .secondary a.image,
* html .secondary a.popformats {
	cursor: pointer;}
.secondary a.image {
	_background-image: none!important; /* IE needs this special hack */
	display: block;
	margin-bottom: 5px;
	width: 271px;
	height: 122px;}
.secondary a.image2 {
	_background-image: none!important; /* IE needs this special hack */
	display: block;
	margin-bottom: 5px;
	width: 271px;
	height: 122px;}
a.image span, a.image2 span, a.popformats span {
	display: none;}