/********************************************
   AUTHOR:          Panospheric          
    DATE:           October-19-2008             
 *******************************************/
 
/* Top Elements */
* { margin: 0; padding: 0;}

body {
    /*background: #fff url(../images/shared/content_bg.gif) repeat-y center top;*/
    background-color:#99cccc;
    font: 13px/1.75em Helvetica, Arial, Geneva, sans-serif;
    color: #000000; 
    text-align: center;
    margin: 0px 0px 15px 0px;
}

/* links */
p a, b a, p a:visited {
    color: #0000A2;
}

/* headers */
h1, h2, h3 {
    font: bold 13px "Times New Roman", Times, serif;
    color:#336633;
}
h1 { font-size: 180%; font-weight: normal; }
h2 { font-size: 160%; }
h3 { font-size: 140%; color:#cf4040; letter-spacing: -0.2px; }

h1, h2, h3, p {
    margin: 5px 5px;
    line-height: 14px;
}

ul, ol {
    margin: 5px 20px;
    padding: 0px 20px;
}

/* images */
img {
    border: none;/*1px solid #DCDCDC;*/
}

code {
    margin: 5px 0px;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;  
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
    /* white-space: pre; */
    background: #F5F5F5;
    border-left: 3px solid #D4D4D4;
}

blockquote {
margin:20px auto;
width:350px;
background: url(../images/shared/open-quote.gif) no-repeat top left;
padding-left: 40px;
font-style: italic;
font-type:  Helvetica, Arial, Geneva, sans-serif; 
font-size:17px;
color:#5f860d;
}
blockquote p {
background: url(../images/shared/close-quote.gif) no-repeat bottom right;
display: block;
padding:15px 40px 15px 5px;
line-height:20px;
}
blockquote p.align-right { padding:0px 10px 0px 0px;margin:0px; background:none; font-style: normal; font-weight:bold; font-size:14px }

/********************************************
   LAYOUT
********************************************/ 
#wrap {
    position: relative;
    width: 800px;   
    margin: 0px auto;
    text-align: left;
    /*background: #fff url(../images/content.jpg) repeat-y center top;*/
    background-color:#fff;
    border-left:1px solid #75a5a5;border-right:1px solid #75a5a5;border-bottom:1px solid #75a5a5;
}
#content-wrap {
    float: left;
    width: 800px;
    margin: 0px auto;
    display: inline;
    padding: 0px;   
    /*border-top: 5px solid #fff;*/
    
}
.cbg1 { background: url(../images/shared/content_bg.jpg) repeat-y; }
.cbg2 { background: url(../images/shared/content_bg_2.jpg) repeat-x; }
.cbg3 { background: #ffffff url(../images/shared/content_bg_3.jpg) repeat-x; }

#header {
    position: relative;
    height: 26px;
    width:800px;    
    padding: 0px;   
    color: #ffffff;
    margin: 0px auto;
    background: #990000;
}

/* header links */
#header #header-links-L {
    position: absolute;
    top: 5px; left: 12px;
}
#header #header-links-R {
    position: absolute;
    top: 5px; left: 490px;
}
#header #header-links {
    position: absolute;
    top: 5px; left: 212px;
}

#header .header-links {
    font: bold 15px "Times New Roman", Times, serif;
    color: #fff;
    font-size: 17px;
    letter-spacing:-0.3;
    height:26px;
}

#header .header-links p {   
    padding: 0px; margin: 0px; height:26px;
}
#header .header-links a {   
    color: #ffffff;
    text-decoration: none;
    padding-left:15px;
}
#header .header-links a:hover {
    color: #000000;
    /*border-bottom: 2px solid #c73232;*/
}

/* header-photo */
#header-photo {
    position: relative;
    clear: both;
    margin: 0px auto;
    height: 93px;
    width: 800px;
    background-color: #990000; z-index:2;
}

.hp1 { background: #fff url(../images/home/banner.jpg) no-repeat top center; }
.hp2 { background: #fff url(../images/sub/banner.jpg) no-repeat top right; }

#header-photo h1 { position: absolute; display:block; top: 18px; left: 6px;  width:530px; height:65px; }

.sl1 { background: url(../images/home/slogan.png) no-repeat; }
.sl2 { background: url(../images/resorts/slogan.png) no-repeat; }

#header-photo h1 b {  display: block; width: 0; height: 0; overflow: hidden; }

#header-photo p#logo1 { display:block; width:275px; height:170px; }
#header-photo p#logo2 { display:block; width:224px; height:134px; }

.pos1 { position: absolute; top: -26px; left: 255px; }
.pos2 { position: absolute; top: -23px; left: 2px; }

.lg1 { background: url(../images/home/logo.png) no-repeat; }
.lg2 { background: url(../images/shared/logo.png) no-repeat; }

#logo1 a { width:275px; height:170px; position: absolute; top: 0px; left: 0px; }
#logo2 a { width:224px; height:134px; position: absolute; top: 0px; left: 0px; }

#header-photo p#logo1 b, #header-photo p#logo2 b { display: block; width: 0; height: 0; overflow: hidden; }

#header-photo p#call {
    position: absolute;
    display:block;  
    background: url(../images/shared/call_toll_free.gif) no-repeat;
    top: -31px; left: 612px;
    width:194px;
    height:127px;
}
#header-photo p#call b { display: block; width: 0; height: 0; overflow: hidden; }

/* Navigation */
#nav {
    clear: both;  
    padding: 0px;
    /*background: #E4E4E4 url(../images/menu_bg2.jpg) no-repeat;*/
    /*width: 800px;*/ height: 24px;
    position: absolute;
    top: 119px;
    border-bottom:1px solid #ffffff;
    left:0px; z-index:1; display:block;
}
.nav-bg1 { width: 800px; background: #336633; margin:0px; }
.nav-bg2 { width: 680px; background: #336633; margin:0px 0px 0px 120px; }

.nav-L {
    position: absolute;
    left: 60px;
    padding: 0px; margin: 0px auto;
}

.nav-R {
    position: absolute;
    left: 550px;
    padding: 0px; margin: 0px auto;
}

.nav {
    position: absolute;
    left: 90px;
    padding: 0px; margin: 0px auto;
}

#nav ul {
    list-style: none;
    display: inline;
}

#nav ul li {
    display: inline;
    margin: 0px; padding: 0px;
}
#nav ul li a {
    display: block;
    float: left;
    width: auto;
    margin:0px;
    padding: 0px 1px 0px 15px;
    /*border-right: 1px solid #dadada;
    border-left: 1px solid #fafafa; 
    border-bottom: none;*/
    color: #ffffff;
    font: normal 16px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; 
    text-decoration: none;
}

#nav ul li a:hover {
    /*border-bottom: 2px solid #c73232;*/
    color:#990000;
}

#nav ul li a:active {
    color: #326ea1;
}
#nav ul li#current a {
    background: #DBDBDB url(../shared/images/nav-current.jpg) repeat-x;     
}

/* Main Column */
.one-col #main { margin: 30px 10px 0px 20px; }
.three-col #main { margin: 30px 0px 0px 0px; padding-left:10px; }
.two-col #main { margin: 30px 5px 0px 5px; }
html>body .two-col #main { margin: 0px 5px 0px 10px; }

#main { float:left; width:510px; background:#ffffbb; }
html>body #main { width:512px; }

#main h2 { letter-spacing: 0.1px; padding: 6px 0px 0px 5px; margin: 3px 0px; line-height:17px; }
#main h3 { padding:5px 0px; }
#main h4 { padding-left:5px; }
#main h2 em { color:#E8002F; font-style:normal; }
#main h3 em { color:#000000; font-style:normal; }

#main .box6 h2 { padding: 2px 0px 2px 5px; margin:0px; text-align:center; font-style:italic; font-size:120%; }
#main .box1 h2 { font-style: normal; font-size:22px; }
#main .box8 h2 { padding: 8px 0px 6px 5px; font-style: normal; font-size:24px; }
#main .box1 h2 { padding: 8px 0px 3px 0px; }
#main .box2 h2 { padding: 8px 0px 3px 5px; text-align:left;font-style: normal; font-size:22px;}
#main .box4 h2 { padding: 8px 0px 0px 5px; }
#main .box4 h3 { padding: 8px 0px 0px 5px; margin:0px}
#main .box5 h3 { padding: 0px 0px 0px 5px; margin:0px; font-size:130%;}
#main .box10 h2 { padding-left:25px; font: normal 18px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; color:#000000; }
.box11 h2 { line-height:-30px; width:250px; padding:3px 0px 0px 5px; font: normal 21px "Trebuchet MS", Helvetica, Arial sans-serif; color:#990000 }

.box1 { margin: 0px 0px 6px 112px; padding-left:8px; min-height:80px; height:auto !important; height:80px; }
.box1 a { color:#FF0000; text-decoration: none; }
.box1 p { margin:0px; padding:0px}

.box2 { margin: 0px; padding: 0px 0px 0px 8px; min-height:119px; height:auto !important; height:119px; }
/*.box2 a { color:#FF0000; text-decoration: none;}*/
.box2 p { margin:0px; padding:0px 0px 5px 5px; }

.box3 { width:184px; margin: 5px 0px 5px 0px; color:#3399ff; }
/*.box3 a { color:#FF0000; text-decoration: none;}*/
.box3 p { margin:0px; padding:0px 5px 10px 5px; }

.box4 { width:395px; margin: 5px 0px 5px 0px; padding:5px 0px 5px 5px; }
/*.box4 a { color:#FF0000; text-decoration: none;}*/
.box4 p { margin:0px; padding:5px 0px 5px 5px; }
.box4 ul { padding-left:0px; }
.box4 li { padding: 0px; margin: 0px; line-height:15px; }
.box4 strong { color:#E8002F}

.box5 { margin:0px 0px 10px 4px; width:155px; border:1px solid #ffcc66; padding:3px 3px 0px 3px; }
.box5 p { text-align: left; padding:0px 5px 0px 0px; }
.box5 img { padding:0px; margin-bottom:4px; }

.box6  { margin: 10px 10px 0px 0px; color:#000000; }

.box11 { margin: 5px 10px 12px 0px; color:#000000; }
.box11 { font-weight:bold; min-height:65px; height:auto !important; height:65px;}

.box7 { margin: 0px; padding: 0px 0px 0px 8px; min-height:130px; height:auto !important; height:130px; font-weight:normal; }
.box7 p { margin:0px; padding:1% 6px 1% 0px; }
.box7 strong { color:#000000; font-size:18px; padding:15px 0px 5px 0px; display:block }

.box8 { margin: 10px 16%; padding: 0px; }
.box8 p { margin:0px; padding:0px 0px 5px 5px; }
.box8 a { color: #3f3ffb; text-decoration:none; }

.box9 { margin: 15px 10px 15px 0px; padding-left:8px; min-height:234px; height:auto !important; height:234px; border:1px solid #eacc8e }
/*.box9 a { color:#FF0000; text-decoration: none;}*/
.box9 p { margin:0px; padding:5px 10px 5px 5px; }

.box10 { width:400px; margin: 10px 0px 10px 0px; padding: 0px; font: bold 15px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; }
.box10 ul { margin: 10px 0 10px 0; padding: 0px 0px 0px 30px; float:left; display:inline; }
.box10 li { display:inline; }
.box10 li a { padding: 0px 5px 0px 15px; display: block; width: auto; text-decoration: none; color:#000000;
              background: url(../images/shared/bullet.gif) center left no-repeat; }

.pad1 { padding: 10px 10px 0px 0px; }
.pad2 { padding: 10px 0px 0px 2px; }
.pad3 { padding: 0px 5px 5px 5px; }

.W { width:210px; font-weight:normal; }

.color1, .color1 li a { color:#336633 }
.color2, .color2 li a { color:#990000 }
.color3 { color:#ffffff }

.bg1 { background-color:#eacc8e; }
.bg2 { background-color:#336633; }
.bg3 { background-color:#990000; }
.bg4 { border:2px solid #c2b96e; background: #FFFFFF url(../images/shared/member3.gif) 300px 8px no-repeat; }
.bg5 { background-color:#FFFFFF; border:1px solid #c2b96e; }
.bg6 { background: #FFFFFF url(../images/shared/directory_bg3.gif) repeat-x; text-align:center; width:497px; height:22px; }
.bg7 { background: #ffffbb url(../images/shared/calendar_bg.gif) repeat-y; color:#FFFFFF; width:497px; height:22px; }

.LRbg { background: url(../images/shared/fade_bg_L-R.jpg) repeat-y; }
.RLbg { background: url(../images/shared/fade_bg_R-L.jpg) repeat-y; }
.TBbg { background: #eaefea url(../images/shared/fade_bg_T-B.jpg) repeat-x; }

.TL { background-position: top left; }
.TR { background-position: top right; }

.offset  { position:relative; top:15px; margin-top:-30px; }
.offset2 { position:relative; top:-25px; margin-bottom:-35px; padding-right:0px; float:right; font-weight:bold; font-size:17px; }
.offset3 { position:relative; top:5px; width:200px; margin: -60px 0px 0px 0px; padding-right:5px; float:right; font-weight:normal; }

.img   { padding: 0px 0px 0px 0px; margin:10px auto; text-align:center;  }
.imgR  { padding: 0px 0px 0px 10px; }
.imgL  { padding: 0px 10px 0px 0px; }
.imgR2 { margin: 7px 0px 4px 10px; border:1px solid #aaa9a9; padding: 1px; background:#FFFFFF; }
.imgL2 { margin: 7px 10px 4px 0px; border:1px solid #aaa9a9; padding: 1px; background:#FFFFFF;}
.imgR3 { padding: 0px; margin: 11px 6px 0px 5px; }
.imgL3 { padding: 0px; margin: 11px 8px 0px -4px; }
.imgR4 { margin:3px 3px 3px 5px;  border:1px solid #aaa9a9; padding: 1px; background:#FFFFFF; }
.imgL4 { margin:3px 8px 3px -5px; border:1px solid #aaa9a9; padding: 1px; background:#FFFFFF;}
.imgL5 { margin:-10px 5px 3px -5px; border:1px solid #aaa9a9; padding: 1px; background:#FFFFFF;}

ul.sub-nav {
    list-style: none;
    padding: 0px; margin: 0px auto;
    height: 25px; width: 397px;
    font: normal 16px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
}
ul.sub-nav li {
    display: inline; 
    padding: 0px; margin: 0px 1px 10px 15px;
    float:left;
}
ul.sub-nav li a {
    display:block;  
    width: auto;
    text-decoration: none;
}
 
/* Sidebar */   
#leftcolumn {
    float: left;
    width: 120px;
    margin:0px auto; padding:30px 0px 0px 0px;
    text-align:center;
    background:#990000;
}

#leftcolumn ul {
    list-style: none;
    padding: 0px; margin: 0px auto;
}

#leftcolumn li { padding: 1px 0px 1px 0px; }

#leftcolumn li a {
   /* padding: 1px 5px 1px 5px; */
    display:block;
    width: auto;
    text-decoration: none;
    color:#ffffff;
    font: bold 13px "Times New Roman", Times, serif;
    text-transform: uppercase;
    letter-spacing:0.8px;
    height:14px;
}

#leftcolumn ul ul { padding-bottom:20px; }

#leftcolumn ul ul li { margin: 0px;  padding:0px; }

#leftcolumn ul ul li a {
    display:block;
    width: auto;
    text-decoration: none;
    color:#000000;
    font: bold 12px Helvetica, "Trebuchet MS", Arial, Geneva, sans-serif;
    text-transform: none;
    letter-spacing:normal;
}

/* right column */
#rightcolumn {
    float: right;
    width: 156px;
    margin: 3px 1px 0px 0px ;
    padding:25px 0px 0px 0px;
}
html>body #rightcolumn { margin: 0px 1px 0px 0px;}

#rightcolumn.overlap { margin-top:-98px; position:relative; /*relative pos. it important for IE to make negative margin work!*/}

#rightcolumn h1, #sidebar h1 {
    margin: 10px 5px 0px 5px;
    padding: 5px 5px; 
    font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
    color: #444444;
}

/* right column images */
#rightcolumn .img {
    text-align:center;
    padding: 5px 0px 0px 0px; margin:0px auto;
    font-weight:bold;
    line-height:15px; letter-spacing:-0.1px;
}

#rightcolumn #featured_business {
    width: 142px;  height:144px;
    background: url(../images/shared/business-of-the-month.jpg) bottom right no-repeat;
    color:#ffffff;  margin: 3px auto;
}
#rightcolumn #featured_business img { padding:4px 0px 0px 0px; }
/*
#rightcolumn #honeymoon_dvd {
    width: 170px;  height:210px; 
    background: #3aa9f1 url(../images/shared/honeymoon_dvd.jpg) bottom right no-repeat;
    color:#ffffff;  margin: 3px auto;
}   

#rightcolumn #honeymoon_featured {
    width: 166px;  height:300px;
    border:2px solid #ffcc66;
    background: #ffffff url(../images/shared/honeymoon_featured_in.jpg) bottom right no-repeat;
    color:#000000;  margin: 3px auto;
}*/

/* sidemenu */
ul.sidemenu {
    text-align: center;
    margin: 9px auto; padding: 0px;
    /*border-top: 1px solid #E5E5E5;*/
    text-decoration: none;
    font: bold 11px 'Trebuchet MS', Tahoma, Sans-serif;
    width:170px;
}
ul.sidemenu li {
    list-style: none;
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 3px 0px ;
    /*letter-spacing:0.2px;*/       
    /*border-bottom: 1px solid #E5E5E5;*/   
}
ul.fiji_resort li{ background:url(../images/shared/fiji_resort_bg.gif) center repeat-x; }
ul.fiji_main li{ background:url(../images/shared/fiji_links_bg.gif) center repeat-x; }
ul.fiji_packages li{ background:url(../images/shared/fiji_packages_bg.gif) center repeat-x; }
ul.fiji_deals li{ background:url(../images/shared/fiji_deals_bg.gif) center repeat-x; height:35px; }

* html body ul.sidemenu li { height: 1%; }

ul.sidemenu li a {
    text-decoration: none;
    background:none;    
    color: #ffffff; 
    border: none;       
}
ul.sidemenu li a:visited { color: #ffffff; }
ul.sidemenu li a:hover { 
    color: #383d44; 
    border: none;
}

/* footer note */

#footnote {
   color:#98989b; 
   text-align:center;
   background:#f9f0ad;
   padding:10px 0px 0px 0px;
   width:513px;height:110px; margin-top:10px;
}
/*
#footnote p {
   font-size: 10px;
   line-height: 13.5px;
}
#footnote em {
    color: #ee2a32;
    font-style: normal;
    text-transform: uppercase;     
}
#footnote span {
    color: #3399ff;
} */
#footnote ul {
    list-style: none;  
    margin: 0px auto; padding: 0px 0px 0px 5px;
    float:left; display:inline;
}

#footnote li { display:inline; }

#footnote li a {
    padding: 0px 5px 0px 5px;
    display: block;
    width: auto;
    text-decoration: none;
    color:#000000;
    font: bold 10px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
    text-transform: uppercase;
}

#footnote ul ul { }

#footnote ul ul li { margin: 0px; }

#footnote ul ul li a {
    display:block;
    width: auto;
    text-decoration: none;
    color:#000000;
    font-weight:normal;
    text-transform: none;
}

/* footer-wrap */
#footer-wrap {
    clear: both;
    width: 800px;
    font-size: 80%;
    padding: 0px;
    text-align: left;   
    /*background: url(../images/footer-bottom.jpg) no-repeat center bottom;*/   
}
#footer-wrap a { text-decoration: none; color: #98989b; }
#footer-wrap a:hover { color: #000000; }

#footer-wrap p { padding: 10px 0px; }

#footer-wrap h2 {
    color: #666666;
    margin: 0px;
    padding: 0px 10px; 
}

/* footer */
#footer {
    clear: both;
    color:#98989b;  
    margin: 0px 0px 10px 10px;  
    padding: 5px 0px;
    /*background: #F8F7F7;*/
    /*border-top: 1px solid #F2F2F2;*/
    text-align:center;
}

#footer ul {
    display:inline
    list-style:none;
    padding:0px; margin:20px 0px 0px 0px;
}
#footer ul li {
   display:inline;
   margin: 0px; padding: 0px 20px 0px 20px;
}

/* alignment classes */
.floatL { float: left; }
.floatR { float: right; }
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.clr { clear: both; }
.tpl { clear: both; }