@charset "utf-8";
/* CSS Document */
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; line-height:2em; margin-top:0px; margin-bottom:0px; padding-bottom:5px; padding-top:5px; }

h1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#00CC00; line-height:1.5em; margin-top:0px; margin-bottom:0px; padding-bottom:5px; padding-top:5px; }

h2 { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#66CC00; line-height:1.5em; margin-top:0px; margin-bottom:0px; padding-bottom:5px; padding-top:5px; }

h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:1.5em; margin-top:0px; margin-bottom:0px; padding-bottom:2px; padding-top:2px; }

.h1green
{ font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#61962d; line-height:1.5em; margin-top:0px; margin-bottom:0px; padding-bottom:5px; padding-top:5px; }

.h2green
{ font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#61962d; line-height:1.5em; margin-top:0px; margin-bottom:0px; padding-bottom:5px; padding-top:5px; }

.h4green
{ font-family:Arial; font-size:14px; color:#61962d; line-height:1.5em; margin-top:0px; margin-bottom:0px; padding-bottom:2px; padding-top:2px; }

div{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;  }
span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;  }


#whitelink a
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; }
#whitelink a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; }


a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#339900; text-decoration:none; }
a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#990000; text-decoration:underline;}

.brown11px{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#663300;  }
.lightbrown12px{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#855423; }
.red11px{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#990000;  }
.black11px{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333;  }
.white11px{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff;  }
.blue11px{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0066CC;}
.grey11px{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4d4d4d; vertical-align:text-top;}

.hun100widthph { width:100%; }
.padding5px { padding:5px; }


div.spacer{ clear:both;}

body {padding:0px; margin:0px; background:url(images/bg.jpg) repeat;}

#bottom-border
{
    background-image: url(images/Hr-Div-Border.jpg);
	background-repeat: repeat-x;
}

#coverup { position:absolute; width:100%; height:100%;     }
#wrapper { position:relative; width:1007px; margin:0 auto; }

#index01 { position:relative; width:1007px; height:89px; }
#index01-left { position:relative; float:left; width:514px; height:89px;}
#index01-ri8ght { position:relative; float:right; width:493px; height:89px;}

#index02 {background:#FFF url(images/bgtoolbar.jpg) repeat-x; position:relative; margin-left: 1px; width:1006px; height:55px; }

#topmenux {  position:absolute; display:block; height:35px;}
#topmenux  ul { position:relative; list-style-type:none; padding:0px; margin:0px; height:31px; }
#topmenux  li {
	position: absolute;
	height:31px;
	top: 7px;
}
#topmenux  li a { display:block; height:31px; }
#topmenux  span { dispay:none; }

#topmenux01 { background:transparent url(images/Green/Home_G.jpg) no-repeat;width:100px;left:0px;}
#topmenux02 { background:transparent url(images/Green/About_G.jpg) no-repeat; width:100px; left:99px; }
#topmenux03 { background:transparent url(images/Green/iPhone_G.jpg) no-repeat; width:100px; left:198px; }
#topmenux04 { background:transparent url(images/Green/Packages_G.jpg) no-repeat; width:100px; left:297px; }
#topmenux05 { background:transparent url(images/Green/Hotels_G.jpg) no-repeat; width:100px; left:396px; }
#topmenux06 { background:transparent url(images/Green/Cruises_G.jpg) no-repeat; width:100px; left:495px; }
#topmenux07 { background:transparent url(images/Green/Car_G.jpg) no-repeat; width:100px; left:594px; }
#topmenux08 { background:transparent url(images/Green/Travel_G.jpg) no-repeat; width:100px; left:693px; }
#topmenux09 { background:transparent url(images/Green/Blog_G.jpg) no-repeat; width:100px; left:792px; }
#topmenux10 {
	background:transparent url(images/Green/Contact_G.jpg) no-repeat;
	width:115px;
	left:891px;
}


#topmenux01 a:hover { background:transparent url(images/Red/Home_R.jpg) no-repeat; width:100px; left:0px; }
#topmenux02 a:hover { background:transparent url(images/Red/About_R.jpg) no-repeat; width:100px; left:99px; }
#topmenux03 a:hover { background:transparent url(images/Red/iPhone_R.jpg) no-repeat; width:100px; left:198px; }
#topmenux04 a:hover { background:transparent url(images/Red/Packages_R.jpg) no-repeat; width:100px; left:297px; }
#topmenux05 a:hover { background:transparent url(images/Red/Hotels_R.jpg) no-repeat; width:100px; left:396px; }
#topmenux06 a:hover { background:transparent url(images/Red/Cruises_R.jpg) no-repeat; width:100px; left:495px; }
#topmenux07 a:hover { background:transparent url(images/Red/Car_R.jpg) no-repeat; width:100px; left:594px; }
#topmenux08 a:hover { background:transparent url(images/Red/Travel_R.jpg) no-repeat; width:100px; left:693px; }
#topmenux09 a:hover { background:transparent url(images/Red/Blog_R.jpg) no-repeat; width:100px; left:792px; }
#topmenux10 a:hover { background:transparent url(images/Red/Contact_R.jpg) no-repeat; width:100px; left:891px; }

#indexC { position:relative; width:1007px; background:url(images/index1_13.jpg)  repeat-y;}

#indexfooter { position: relative; width:1007px; height:77px; no-repeat;}

#content-left { position:relative; width:320px; float:left; left:10px;}
#content-right {position:relative; width:650px; float:right; right:10px; border-left:dotted 1px #CCC;}
#content-bottom {width:970px; margin-right: 300px;}
#content-right2 {position:relative; width:650px; right:10px; }

/* Bottom Separator starts here */
.box
{
    padding: 0 12px 0 0;
    min-width: 600px;
    background: #FFF url(images/borders.gif) 100% 0 repeat-y;
}
.bi
{
    padding: 0 0 0 12px;
    background: #FFF url(images/border_left.gif) 0 0 repeat-y;
}
.bt
{
    height: 17px;
    margin: 0 -12px;
    background: url(images/box.gif) 100% 0 no-repeat;
}
.bt div
{
    width: 18px;
    height: 17px;
    background: url(images/box.gif) 0 0 no-repeat;
}
.bb
{
    height: 17px;
    margin: 0 -12px;
    background: url(images/box.gif) 100% 100% no-repeat;
}
.bb div
{
    width: 18px;
    height: 17px;
    background: url(images/box.gif) 0 100% no-repeat;
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
   
    width:998px;
    height:392px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:618px;
    height:246px;
 
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:200px;
	bottom:-22px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:20px;
}
a.nivo-prevNav {
	left:2px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*======================================*/
/*=== Car and Van Rentals Table Style===*/
/*===     By: Weng 10December2010    ===*/
/*======================================*/

div.carVanRentals
{
	width: 639px;
	margin: 15px auto;
	border: 1px solid;
	font-family: Tahoma, "Trebuchet MS", Verdana;
	font-size:13px;
}

div.carVanRentals table
{
	width: 100%;
	border-collapse: collapse;
}

div.carVanRentals table th
{
	border-bottom: 1px solid;
	font-size: 13px;
}

div.carVanRentals table th,
div.carVanRentals table td
{
	border-right: 1px solid;
}

div.carVanRentals table td.First
{
	border-bottom: 1px solid;
	color: #990000;
	font-weight: bolder;
}

div.carVanRentals table td.Second
{
	text-indent: 15px;
	width: 50%;
}

div.carVanRentals table td.Remaining
{
	text-align: center;
	color: #009900;
}

/*=========================================*/
/*===      Mango Tours Suites Style     ===*/
/*===   By: Weng Medrano 10December2010 ===*/
/*=========================================*/
div.mangoSuites table
{
	font-family: Tahoma, "Trebuchet MS", Verdana;
	width: 100%;
	border: 1px solid;
}

.inclusionsIncentives
{
	background: maroon;
	color: #FFFFFF;
	font-family: Tahoma, "Trebuchet MS", Verdana;
	font-size: 17px;
	text-align: center;
}

.suitesTd
{
	font-family: Tahoma, "Trebuchet MS", Verdana;
	white-space: nowrap;
	margin-left: 15px;
	padding: 0;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

