/********************************************
   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: 11px/1.75em 'Trebuchet MS', Tahoma, 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 1em 'Trebuchet MS', Tahoma, Sans-serif;  
    color: #3399ff;     
}
h1 { font-size: 180%; font-weight: normal; }
h2 { font-size: 190%; font-weight: normal; }
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:450px;
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-x; }
.cbg2 { background: url(../images/shared/content_bg_2.jpg) repeat-x; }
.cbg3 { background: url(../images/shared/content_bg_3.jpg) repeat-x; }

#header {
    position: relative;
    height: 26px;
    width:800px;    
    padding: 0px;   
    color: #ffffff;
    margin: 0px auto;
    background: #ffcc66 url(../images/shared/header-bg.gif) repeat-x left bottom;
}

/* header links */
#header #header-links {
    position: absolute;
    top: 5px; left: 12px;
    color: #fff;
    font-size: 17px;
    letter-spacing:-0.3;
    height:30px;
}
#header #header-links p {   
    padding: 0px;   margin: 0px;
}
#header #header-links a {   
    color: #ffffff;
    text-decoration: none;  
}
#header #header-links a:hover {
    color: #444444;
    border-bottom: 2px solid #c73232;
}

/* header-photo */
#header-photo {
    position: relative;
    clear: both;
    margin: 0px auto;
    height: 289px;
    width: 800px;
}

.hp1 { background: #fff url(../images/home/banner.jpg) no-repeat center center; }
.hp2 { background: #fff url(../images/resorts/banner.jpg) no-repeat center center; }
.hp3 { background: #fff url(../images/qamea/banner.jpg) no-repeat top left; }
.hp4 { background: #fff url(../images/activities/banner.jpg) no-repeat top left; }
.hp5 { background: #fff url(../images/castaway/banner.jpg) no-repeat top left; }
.hp6 { background: #fff url(../images/crusoes/banner.jpg) no-repeat top left; }
.hp7 { background: #fff url(../images/malolo/banner.jpg) no-repeat top left; }
.hp8 { background: #fff url(../images/taunovo/banner.jpg) no-repeat top left; }
.hp9 { background: #fff url(../images/yasawa/banner.jpg) no-repeat top left; }
.hp10 { background: #fff url(../images/maravu/banner.jpg) no-repeat top left; }
.hp11 { background: #fff url(../images/namale/banner.jpg) no-repeat top left; }
.hp12 { background: #fff url(../images/nukubati/banner.jpg) no-repeat top left; }
.hp13 { background: #fff url(../images/tokoriki/banner.jpg) no-repeat top left; }
.hp14 { background: #fff url(../images/vatulele/banner.jpg) no-repeat top left; }
.hp15 { background: #fff url(../images/wakaya/banner.jpg) no-repeat top left; }
.hp16 { background: #fff url(../images/navini/banner.jpg) no-repeat top left; }
.hp17 { background: #fff url(../images/destinations/banner.jpg) no-repeat top left; }
.hp18 { background: #fff url(../images/articles/banner.jpg) no-repeat top left; }

#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; }
.sl3 { background: url(../images/qamea/slogan.png) no-repeat; }
.sl4 { background: url(../images/activities/slogan.png) no-repeat; }
.sl5 { background: url(../images/castaway/slogan.png) no-repeat; }
.sl6 { background: url(../images/crusoes/slogan.png) no-repeat; }
.sl7 { background: url(../images/malolo/slogan.png) no-repeat; }
.sl8 { background: url(../images/taunovo/slogan.png) no-repeat; }
.sl9 { background: url(../images/yasawa/slogan.png) no-repeat; }
.sl10 { background: url(../images/maravu/slogan.png) no-repeat; }
.sl11 { background: url(../images/namale/slogan.png) no-repeat; }
.sl12 { background: url(../images/nukubati/slogan.png) no-repeat; }
.sl13 { background: url(../images/tokoriki/slogan.png) no-repeat; }
.sl14 { background: url(../images/vatulele/slogan.png) no-repeat; }
.sl15 { background: url(../images/wakaya/slogan.png) no-repeat; }
.sl16 { background: url(../images/navini/slogan.png) no-repeat; }
.sl17 { background: url(../images/destinations/slogan.png) no-repeat; }
.sl18 { background: url(../images/articles/slogan.png) no-repeat; }

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

#header-photo p#logo { display:block; width:194px; height:117px; }

.pos1 { position: absolute; top: 119px; left: 610px;}
.pos2 { position: absolute; top: 30px; left: 610px;}

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

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

#logo a { width:194px; height:117px; position: absolute; top: 0px; left: 0px; }

#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;           
}
#nav ul {
    /*float: left;*/
    position: absolute;
    top: 263px; left: 17px;
    list-style: none;
    /*background: #E4E4E4 url(../images/nav.jpg) repeat-x;*/    
    /*background: #E4E4E4 url(../images/menu_bg2.jpg) no-repeat;*/
    width: 800px;       
    padding: 0px;   margin: 0px auto;
    height: 26px;
    display: inline;
}
#nav ul li {
    display: inline;
    margin: 0px; padding: 0px;
}
#nav ul li a {
    display: block;
    float: left;
    width: auto;
    margin: 0px 1px 0px 1px;
    /*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 b {
    display:none;
    width:10px; 
}

#nav ul li a:hover {
    border-bottom: 2px solid #c73232; 
    height:26px;
}

#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: 10px 10px 0px 20px; }
.three-col #main { margin: 10px 190px 0px 200px; }
.two-col #main { margin: 10px 5px 0px 5px; }
html>body .two-col #main { margin: 0px 5px 0px 10px; }

#main { float:left; width:597px; }
html>body #main { width:598px; }

#main h2 { letter-spacing: -0.1px; padding: 10px 0px 0px 5px; margin: 0px; line-height:20px; }
#main h3 { padding:5px 0px; }
#main h2 em { color:#E8002F; font-style:normal; }
#main h3 em { color:#000000; font-style:normal; }

#main .box1 h2, #main .box2 h2 { font-style: normal; font-size:140%; font-weight:bold; }
#main .box1 h2 { padding: 8px 0px 3px 0px; }
#main .box2 h2 { padding: 8px 0px 3px 5px; }
#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%;}

.img-R { padding: 5px 0px 0px 10px; }
.img-L { padding: 5px 10px 0px 1px; }

.imgR { padding: 0px 0px 0px 10px; }
.imgL { padding: 0px 10px 0px 1px; }

.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: 10px 5px 10px 5px; padding-left:8px; min-height:234px; height:auto !important; height:234px; }
/*.box2 a { color:#FF0000; text-decoration: none;}*/
.box2 p { margin:0px; padding:5px 10px 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:180px; border:1px solid #ffcc66; padding:3px 3px 0px 3px;}
.box5 p { text-align: left; padding:0px 5px 0px 0px; }
.box5 img { padding-right:5px; margin-bottom:4px; }

.L-R_bg { background: url(../images/shared/fade_bg_L-R.jpg) top left repeat-y; }
.R-L_bg { background: url(../images/shared/fade_bg_R-L.jpg) top right repeat-y; }

.LRbg { background: url(../images/shared/fade_bg_L-R.jpg) top left repeat-y; }
.RLbg { background: url(../images/shared/fade_bg_R-L.jpg) top right repeat-y; }

.offset { position:relative; top:15px;margin-top:-30px; }
 
/* Sidebar */   
#leftcolumn {
    float: left;
    width: 195px;   
    margin-top: 10px;   
}

/* right column */
#rightcolumn {
    float: right;
    width: 174px;
    margin: 3px 7px 0px 0px ;
    padding:0px;
}
html>body #rightcolumn { margin: 0px 12px 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 #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; 
      
}
#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 {
    display:inline
    list-style:none;
    padding:0px; margin:0px;
}
#footnote ul li {
   display:inline;
   margin: 0px; padding: 0px;
}

/* 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;*/  
}

.floatL  { float: left; }
.floatR { float: right; }
/* alignment classes */
.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; }