/* PAGE CONTAINER */

#header_frame {
overflow: visible;
position: absolute;
height: 1px;
width: 100%;
top: 0px;
}

#header_content {
width: 2000px;
margin-left: -1000px;
position: absolute;
left: 50%;
}

#body_frame {
overflow: visible;
position: absolute;
height: 1px;
width: 100%;
top: 151px;
}

#splash {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
margin: 30px auto;
padding: 410px 0 0 20px;
text-align: center;
width: 580px;
height: 152px;
background: #3b2b07 url(../images/TO-SPLASH.jpg) no-repeat;
}

#splash a.high {
position: relative;
display: block;
top: -20px;
left: 201px;
_left: 0px;
text-indent: -9000px;
height: 71px;
width: 175px;
background: transparent url(../images/high-band.jpg) no-repeat;
}

#splash a.high:hover {
background: transparent url(../images/high-band.jpg) no-repeat 0 -71px;
}


#splash a {
color: #fff;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}

#splash a:hover {
text-decoration: underline;
}

#splash a.low {
color: #993300;
}

#body_content {
width: 738px;
margin-left: -364px;
position: absolute;
left: 50%;
}


#lbwhomeheadcontent {
background: transparent url(../images/africahome.jpg) no-repeat 0 0;
width: 878px;
padding: 100px 0 235px 0;
margin: 0 auto;
}

#lbwheadcontent {
background: transparent url(../images/beachheader.jpg) no-repeat 0 0;
width: 878px;
padding: 100px 0 9px 0;
margin: 0 auto;
}

/* NAVIGATION */
#lbwhomeheadcontent ul {
    position: relative;
    width: 398px;
    height: 20px;
    padding: 0;
    _top: 20px;
    margin: 20px 0 0 243px;
    list-style-type: none;
    overflow: hidden;
    background: transparent url(../images/africanav.gif) no-repeat 0 0;
    }
    
#lbwheadcontent ul {
    position: relative;
    width: 398px;
    height: 20px;
    padding: 0;
    _top: 20px;
    margin: 20px 0 0 243px;
    list-style-type: none;
    overflow: hidden;
    background: transparent url(../images/beachnav.gif) no-repeat 0 0;
    }

#lbwheadcontent ul li a {
	position: absolute;
    text-indent: -9000px;
	text-decoration: none;
	top: 0;
    padding: 20px 0 0 0;
	overflow: hidden;
	height: 0 !important; 
	height /**/:20px; /* IE5/Win */
	background: transparent url(../images/beachnav.png) no-repeat 0 0;
    }

#lbwhomeheadcontent ul li a {
	position: absolute;
    text-indent: -9000px;
	text-decoration: none;
	top: 0;
    padding: 20px 0 0 0;
	overflow: hidden;
	height: 0 !important; 
	height /**/:20px; /* IE5/Win */
	background: transparent url(../images/africanav.png) no-repeat 0 0;
    }

#lbwhomeheadcontent ul li a {background: transparent url(../images/africanav.gif) no-repeat 0 0;}

#lbwheadcontent ul li a {background: transparent url(../images/beachnav.gif) no-repeat 0 0;}


#lbwhomeheadcontent ul li.nav_home a,
#lbwheadcontent ul li.nav_home a {
    width: 56px;
    left: 0px; 
    background-position: 0 0;
    }
    
#lbwhomeheadcontent ul li.nav_program a,
#lbwheadcontent ul li.nav_program a { 
    width: 98px;
    left: 55px; 
    background-position: -55px 0;
    }

#lbwhomeheadcontent ul li.nav_perks a,
#lbwheadcontent ul li.nav_perks a { 
    width: 79px;
    left: 152px; 
    background-position: -152px 0;
    }
    
#lbwhomeheadcontent ul li.nav_join a,
#lbwheadcontent ul li.nav_join a { 
    width: 79px;
    left: 230px; 
    background-position: -230px 0;
    }
    
#lbwhomeheadcontent ul li.nav_contact a,
#lbwheadcontent ul li.nav_contact a { 
    width: 90px;
    left: 308px; 
    background-position: -308px 0;
    }
    
    
    
#lbwhomeheadcontent ul#home li.nav_home a, 
#lbwheadcontent ul#home li.nav_home a {
    cursor: default;
    background-position: 0px -20px;
    }   
#lbwheadcontent ul#program li.nav_program a {
    cursor: default;
    background-position: -55px -20px;
    }
#lbwheadcontent ul#perks li.nav_perks a {
    cursor: default;
    background-position: -152px -20px;
    }
#lbwheadcontent ul#join li.nav_join a {
    cursor: default;
    background-position: -230px -20px;
    }
#lbwheadcontent ul#contact li.nav_contact a {
    cursor: default;
    background-position: -308px -20px;
    }

#lbwhomeheadcontent ul li.nav_home a:hover,
#lbwheadcontent ul li.nav_home a:hover { 
    background-position: 0px -20px;
    }
#lbwhomeheadcontent ul li.nav_program a:hover,
#lbwheadcontent ul li.nav_program a:hover { 
    background-position: -55px -20px;
    }
#lbwhomeheadcontent ul li.nav_perks a:hover,
#lbwheadcontent ul li.nav_perks a:hover { 
    background-position: -152px -20px;
    }
#lbwhomeheadcontent ul li.nav_join a:hover,
#lbwheadcontent ul li.nav_join a:hover { 
    background-position: -230px -20px;
    }
#lbwhomeheadcontent ul li.nav_contact a:hover,
#lbwheadcontent ul li.nav_contact a:hover { 
    background-position: -308px -20px;
    }

/* BUTTON ROLLOVERS */

.btn_join {
position: absolute;
background-image: url(../images/btn_join_now_over.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 86px;
height: 28px;
margin: 0;
padding: 0;
}

.btn_join a {
display: block;
width: 86px;
height: 28px;
float: left;
}

.btn_join img {width: 86px; height: 28px; border: 0;}
* html a:hover {visibility:visible}
.btn_join a:hover img{visibility:hidden}

.btn_more {
position: absolute;
background-image: url(../images/btn_more_dark_over.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 86px;
height: 28px;
margin: 0;
padding: 0;
}

.btn_more a {
display: block;
width: 86px;
height: 28px;
float: left;
}

.btn_more img {width: 86px; height: 28px; border: 0;}
* html a:hover {visibility:visible}
.btn_more a:hover img{visibility:hidden}


.btn_send {
position: absolute;
background-image: url(../images/btn_send_lite_over.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 86px;
height: 28px;
margin: 0;
padding: 0;
}

.btn_send a {
display: block;
width: 86px;
height: 28px;
float: left;
}

.btn_send img {width: 86px; height: 28px; border: 0;}
* html a:hover {visibility:visible}
.btn_send a:hover img{visibility:hidden}


/* HOME PAGE SETUP */
#home_body_perks {
position: absolute;
top: 195px;
left: 0px;
width: 500px;
height: 403px;
background-image: url(../images/headCopyMain2.jpg)
}

#home_wing_TL {
position: absolute;
top: 195px;
left: -54px;
width: 54px;
height: 403px;
background-image: url(../images/headMarginLeft.jpg)
}

#home_wing_BL {
position: absolute;
top: 598px;
left: -59px;
width: 59px;
height: 26px;
background-image: url(../images/bottomMarginLeft.jpg)
}

#home_wing_TR {
position: absolute;
top: 195px;
left: 737px;
width: 69px;
height: 403px;
background-image: url(../images/headMarginRight.jpg)
}

#home_wing_BR {
position: absolute;
top: 598px;
left: 736px;
width: 69px;
height: 105px;
background-image: url(../images/bottomMarginRight.jpg)
}

#home_body_copy {
position: absolute;
top: 90px;
left: 218px;
width: 230px;
height: 100%;
}

#home_right_perks {
position: absolute;
top: 195px;
left: 500px;
width: 237px;
height: 403px;
background-image: url(../images/headCopyPriviledges.jpg)
}

#home_right_copy {
position: absolute;
top: 70px;
left: 30px;
width: 190px;
height: 100%;
}

#home_right_copy table.homeright {
width: 235px;
display: inline;
margin: 0 0;
padding: 0 10px 0 0;
}

#home_offer {
position: absolute;
top: 598px;
left: 0px;
width: 500px;
height: 172px;
background-image: url(../images/bottomOffer.jpg)
}

#home_offer_copy {
position: absolute;
top: 5px;
left: 0px;
}

#home_postcard {
position: absolute;
top: 598px;
left: 500px;
width: 237px;
height: 172px;
background-image: url(../images/bottomPostcard.jpg)
}

#home_postcard_copy {
position: absolute;
top: 0px;
left: 0px;
width: 100px;
}

/* SUB PAGE BODY SETUP */


#sub_head_copy {
position: absolute;
top: 65px;
left: 35px;
width: 420px;
height: 100%;
}

/* SUB PAGE - PROGRAM SETUP */

#sub_head_program {
position: absolute;
top: 0px;
left: 0px;
width: 500px;
height: 222px;
background-image: url(../images/headCopyProgram.jpg)
}

#sub_icon_program {
position: absolute;
top: 0px;
left: 500px;
width: 238px;
height: 222px;
background-image: url(../images/headSuitcase.jpg)
}

#program_col1 {
position: absolute;
top: 223px;
left: 0px;
width: 243px;
height: 374px;
background-image: url(../images/midMagazines.jpg)
}

#program_col1body {
position: absolute;
top: 40px;
left: 23px;
width: 187px;
height: 100%;
}

#program_col2 {
position: absolute;
top: 223px;
left: 243px;
width: 257px;
height: 374px;
background-image: url(../images/midCard.jpg)
}

#program_col2body {
position: absolute;
top: 40px;
left: 34px;
width: 187px;
height: 100%;
}

#program_col3 {
position: absolute;
top: 223px;
left: 500px;
width: 238px;
height: 374px;
background-image: url(../images/midWelcomeKit.jpg)
}

#program_col3body {
position: absolute;
top: 40px;
left: 35px;
width: 187px;
}

/* SUB PAGE - PERKS SETUP */

#sub_head_perks {
position: absolute;
top: 0px;
left: 0px;
width: 500px;
height: 222px;
background-image: url(../images/headCopyPerks.jpg)
}

#sub_icon_perks {
position: absolute;
top: 0px;
left: 500px;
width: 238px;
height: 222px;
background-image: url(../images/headGlobe.jpg)
}

#sub_body_perks {
position: absolute;
top: 223px;
left: 0px;
width: 738px;
height: 374px;
background-image: url(../images/midAmenities.jpg)
}

#sub_body_perksb {
position: absolute;
top: 223px;
left: 0px;
width: 738px;
height: 374px;
background-image: url(../images/midAmenitiesb.jpg)
}

#sub_body_perksb h1 {
position: relative;
top: 50px;
left: 10px;
display: block;
margin: 0 0;
}

table h5 {
color: #ffffff;
}

#perkscontent {
font-family: Arial, Verdana, Lucida, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #413012;
text-align: left;
vertical-align: top;
float: right;
width: 330px;
height: 205px;
overflow: auto;
margin: 0 0;
position: relative;
display: block;
top: 55px;
left: -30px;
padding: 5px 10px;
scrollbar-face-color: #FDECC1;
scrollbar-highlight-color: #FEF5D4;
scrollbar-3dlight-color: #FEF5D4;
scrollbar-darkshadow-color: #533E0A;
scrollbar-shadow-color: #533E0A;
scrollbar-arrow-color: #533E0A;
scrollbar-track-color: #996633;
}


#perkscontent li {
margin: 0 0 5px 0 
}

#perkscontent span {
font-weight: bold;
}

/* SUB PAGE - JOIN SETUP */

#sub_head_join {
position: absolute;
top: 0px;
left: 0px;
width: 500px;
height: 222px;
background-image: url(../images/headCopyJoin.jpg)
}

body#joe #sub_head_join {
position: absolute;
top: 0px;
left: 0px;
width: 500px;
height: 222px;
background-image: url(../images/headCopyJoe.jpg)
}

#sub_icon_join {
position: absolute;
top: 0px;
left: 500px;
width: 238px;
height: 222px;
background-image: url(../images/headStamps.jpg)
}

#sub_body_join {
position: absolute;
top: 223px;
left: 0px;
width: 738px;
height: 374px;
background-image: url(../images/midBrownBlank.jpg)
}

#welcome_pos {
position: absolute;
top: 50px;
left: 527px;
width: 200px;
}


#join_options_pos {
position: absolute;
top: 80px;
left: 527px;
width: 200px;
}

/* SUB PAGE - CONTACT US SETUP */

#sub_head_contact {
position: absolute;
top: 0px;
left: 0px;
width: 500px;
height: 222px;
background-image: url(../images/headCopyContact.jpg)
}

#sub_icon_contact {
position: absolute;
top: 0px;
left: 500px;
width: 238px;
height: 222px;
background-image: url(../images/headCompass.jpg)
}

#sub_body_contact {
position: absolute;
top: 223px;
left: 0px;
width: 738px;
height: 374px;
background-image: url(../images/midContact.jpg)
}

/* SUB PAGE - VIRTUAL POSTCARD PAGE SETUP */

#sub_head_postcard {
position: absolute;
top: 0px;
left: 0px;
width: 500px;
height: 222px;
background-image: url(../images/headCopyPostcard.jpg)
}

#sub_icon_postcard {
position: absolute;
top: 0px;
left: 500px;
width: 238px;
height: 222px;
background-image: url(../images/headAirMail.jpg)
}

#sub_body_postcard {
position: absolute;
top: 223px;
left: 0px;
width: 738px;
height: 374px;
background-image: url(../images/midPostcards.jpg)
}

/* SUB PAGE OFFER SETUP */

#sub_offer {
position: absolute;
top: 597px;
left: 0px;
width: 500px;
height: 166px;
background-image: url(../images/bottomOfferSub.jpg)
}

#sub_offer_copy {
position: absolute;
top: 0px;
left: 0px;
}

#perks_offer_title {
position: absolute;
top: 25px;
left: 35px;
width: 420px;
text-align: center;
}

#perks_offer_line {
position: absolute;
top: 35px;
left: 35px;
background-width: 100px;
}

#perks_offer_price {
position: absolute;
top: 50px;
left: 370px;
width: 420px;
}

#perks_offer_list {
position: absolute;
top: 55px;
left: 35px;
width: 420px;
}

#sub_offer_button {
position: absolute;
top: 120px;
left: 370px;
width: 86px;
height: 28px;
}

#home_offer_button {
position: absolute;
top: 125px;
left: 370px;
width: 86px;
height: 28px;
}

#sub_contact_button {
position: absolute;
top: 120px;
left: 370px;
width: 86px;
height: 28px;
background-image: url(../images/btn_send_lite_up.gif)
}


/* SUB PAGE POSTCARD SETUP */

#sub_postcard {
position: absolute;
top: 597px;
left: 500px;
width: 238px;
height: 166px;
background-image: url(../images/bottomPostcardSub.jpg)
}

#sub_postcard_copy {
position: absolute;
top: 25px;
left: 35px;
width: 100px;
}

#sub_postcard_button {
position: absolute;
top: 125px;
left: 130px;
width: 86Px;
height: 28px;
}

#home_postcard_button {
position: absolute;
top: 135px;
left: 130px;
width: 86Px;
height: 28px;
}
