@charset "utf-8";
/* CSS Document */



@font-face {
	font-family: pacifico;
	src: url('../fonts/pacifico.ttf');
}

body{ background-color:#e7e7dd; font-family: Verdana; color:#666666; font-size:11px; margin: 0px; padding: 0px;}

img {border-style: none;}

a:hover {cursor: pointer;}

#wrapper{background-color:#FFF; width:800px; height:auto; margin-left:auto; margin-right:auto; border-top:1px solid #2190a4;}

/***header****/
#logo{z-index: 25; position:absolute; -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));}
.menuButton:hover{
	opacity: 0.7;
}
#menu {
	-webkit-padding-start: 0px;
	padding-left: 0px;
}
.header-banner{position:absolute; z-index:0; top:65px;}
.jheader-banner{position:absolute; z-index:0; top:0px;}
.navbar{position: absolute; z-index: 37; height: 80px; width: 800px; margin-right:auto; margin-left:auto; top: 0px; background-color: #2190a4;}
.navbarright{position: absolute; text-align: right; z-index: 20; right: 5px; top: 4px; font-size: 20px; font-family: arimo; color: #ffffff;}
.banner {position:absolute; width:800px; height: 100px; margin-right:auto; margin-left:auto;}
.menu {position: absolute; height: 20px; width: 800px; left: 0px; top:50px; z-index: 45; background-color: transparent;}
.menu ul {list-style:none; position:absolute;}
.menu li {float:left; margin-left: 13px;}
.menu a, .menu a:active, .menu a:visited {text-decoration:none; color:#ffffff; text-transform:uppercase; font-size:13px; font-weight: bold;}
.menu a:hover {color:#FF0000;}
.jmenu {position:absolute; height:35px; width:289px; right:0px; top:0px;}
.jmenu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
.jmenu li {float:left;}
.jmenu a, .jmenu a:active, .jmenu a:visited {text-decoration:none; color:#000000; padding:10px; text-transform:uppercase; font-size:10px;}
.jmenu a:hover {color:#FF0000;}
#jslide {position:absolute; bottom: 35px; left: 0px; height:5px; background:#ff0000; z-index:25;}
#slide {position:absolute; bottom: 40px; left: 100px; height:5px; background:#ff0000; z-index:40;}
#heading-text{color:#fff; font-size:14px; font-family:verdana; text-transform:uppercase; z-index:1; position:absolute; margin:231px 0px 0px 30px;}
ul.square{ list-style-type: square; margin:0px 0px 0px 30px}
#supporting-text{-moz-border-radius: 15px; border-radius: 15px; background-color:#FFFFFF; background: rgba(255, 255, 255, 255); width:210px; height:85px; position:absolute; z-index:15; margin:301px 0px 0px 34px; padding:8px; font-family:verdana, sans-serif;}
#supporting-text-wide{-moz-border-radius: 15px; border-radius: 15px; background-color:#FFFFFF; background: rgba(255, 255, 255, 255); width:752px; height:95px; position:absolute; z-index:15; margin:301px 0px 0px 15px; padding:8px; font-family:verdana, sans-serif;}
#supporting-text-wide-blue{-moz-border-radius: 15px; border-radius: 15px; background-color:#2190a4; width:752px; height:95px; margin-left: 6px; z-index:15; padding:8px; font-family:verdana;}
#supporting-textone{ text-align: left; font-size: 17px; color:#FF0000; font-weight: bold;
}
#supporting-texttwo{ text-align: left; font-size: 20px; color:#000000; font-weight: bold;
}
#jsupporting-text{background-color:#FFFFFF;background: rgba(255, 255, 255, 0.8); width:235px; height:55px; position:absolute; z-index:1; margin:270px 0px 0px 7px; padding:8px; font-family:verdana;}
#jsupporting-textone{ text-align: center; font-size: 11px; color:#FF0000;font-weight: bold;
}
#jsupporting-texttwo{ text-align: center; font-size: 14px; color:#000000; font-weight: bold;
}
#table{display:table; vertical-align:top; position:absolute; z-index:1}
#row{display:table-row; vertical-align:top;}
#cell{display:table-cell; vertical-align:top; text-align: center; width: 33%;}


/****hover over*******/

a.circle-call:link, .circle-call{padding-right:5px; width:135px;height:135px; position:absolute; z-index:15;  margin:285px 0px 0px 285px;}
a.circle-call:hover{width:135px;height:135px;}
a.jcircle-call:link, .jcircle-call{padding-right:5px; width:135px;height:135px;background-image:url(images/01_Call_Icon.png); position:absolute; z-index:15;  margin:220px 0px 0px 285px;}
a.jcircle-call:hover{width:135px;height:135px;background-image:url(images/j02_Call_Icon_hover.png);}


#circle-or{color:#FFF; font-family:arimo; text-transform:uppercase; font-size:14px;position:absolute; z-index:15; margin:273px 0px 0px 392px;}


a.circle-email:link, .circle-email{padding-right:5px; width:135px;height:135px;background-image:url(images/02_Email_Icon.png); position:absolute; z-index:15; margin:285px 0px 0px 395px;}
a.circle-email:hover{width:135px;height:135px;background-image:url(images/02_Email_Icon_hover.png);}
a.jcircle-email:link, .jcircle-email{padding-right:5px; width:135px;height:135px;background-image:url(images/02_Email_Icon.png); position:absolute; z-index:15; margin:220px 0px 0px 395px;}
a.jcircle-email:hover{width:135px;height:135px;background-image:url(images/02_Email_Icon_hover.png);}


#circle-arrow{position:absolute; z-index:15; margin:341px 0px 0px 420px;}
#jcircle-arrow{position:absolute; z-index:15; margin:276px 0px 0px 420px;}


a.circle-deliver:link, .circle-deliver{padding-right:5px; width:135px;height:135px; position:absolute; z-index:15; margin:285px 0px 0px 470px;}
a.circle-deliver:hover{width:135px;height:135px;}
a.jcircle-deliver:link, .jcircle-deliver{padding-right:5px; width:135px;height:135px; position:absolute; z-index:15; margin:220px 0px 0px 470px;}
a.jcircle-deliver:hover{width:135px;height:135px;}

#circle-equal{position:absolute; z-index:15; margin:345px 0px 0px 605px;}
#jcircle-equal{position:absolute; z-index:15; margin:278px 0px 0px 605px;}

#circle-equal img{
	-webkit-filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.7));
}
#circle-arrow img{
	-webkit-filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.7));
}
.circle-deliver img{
	-webkit-filter: drop-shadow(7px 7px 6px rgba(0,0,0,0.8));
}
.circle-call img{
	-webkit-filter: drop-shadow(7px 7px 6px rgba(0,0,0,0.8));
}
.circle-vaca img{
	-webkit-filter: drop-shadow(7px 7px 6px rgba(0,0,0,0.8));
}
.circle-vaca img:hover{
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.8));
}
.circle-deliver img:hover{
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.8));
}
.circle-call img:hover{
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.8));
}
a.circle-vaca:link, .circle-vaca{padding-right:5px; width:135px;height:135px; position:absolute; z-index:15; margin:285px 0px 0px 655px;}
a.circle-vaca:hover{width:135px;height:135px;}
a.jcircle-vaca:link, .jcircle-vaca{padding-right:5px; width:135px;height:135px;background-image:url(images/04_Beach_Icon.png); position:absolute; z-index:15; margin:220px 0px 0px 655px;}
a.jcircle-vaca:hover{width:135px;height:135px;background-image:url(images/04_Beach_Icon_hover.png);}


.annFont {
font-size: 80px;
}

.bullet-head{
font-size: 20px;
}

.text-bank{
width:780px; background-color: white;margin:410px 0px 0px 0px; padding: 10px 10px 10px 10px;position: relative;
}
.jtext-bank{
width:780px; background-color: white;margin:365px 0px 0px 0px; padding: 10px 10px 10px 10px;position: relative;
}

.infopage{
padding: 80px 0px 0px 0px;
}

.geartext{
padding: 80px 0px 0px 0px;
}

a.gear:link, .gear{width:376px;height:189px;background-image:url(images/gear_hover.png); position:absolute;z-index:1; 
margin:5px 0px 0px 5px;}

.opacity.background{opacity: 0.4;}

.table-bottom-title{position:relative; z-index:1;margin:5px 0px 0px 400px; font-family:arimo; font-size:14px; text-transform:uppercase; letter-spacing:1px;font-weight: bold;}
#table-bottom{display:table; vertical-align:top; position:relative; z-index:1;margin:5px 0px 0px 400px;}
.table-bottom-title a, .table-bottom-title a:active, .table-bottom-title a:visited {text-decoration:none; color:#666;}
.table-bottom-title a:hover{text-decoration:none; color:#FF0000;}



/********CHOOSE PAGE******/


#table-choose{display:table; vertical-align:top; z-index:1; margin-top:10px; margin-left: auto; margin-right: auto;}
#cell-choose{-moz-border-radius: 10px; border-radius: 10px; display:table-cell; vertical-align:top; width:373px; border:#999999 1px solid; border:#2190A4 3px solid; background-color:#2190A4; box-shadow: 6px 6px 6px #2e2e2e;}
#cell-choose:hover{
	box-shadow: none;
}
#cell-choose-full{-moz-border-radius: 10px; border-radius: 10px; display:table-cell; vertical-align:top; width:764px; border:#999999 1px solid; border:#2190A4 3px solid; background-color:#2190A4; color: white; box-shadow: 6px 6px 6px #2e2e2e; padding-bottom: 5px;
}
#cell-choose-full:hover{
	box-shadow: none;
}
#package-content{margin-top:-0px; color: white; font-size: 12px;}
.package-pic{float:left; z-index:1; padding:5px;}
.package-text{padding: 55px 0px 0px 0px; color: white; font-size: 12px;}
#package-title{-moz-border-radius: 10px; border-radius: 10px; background-color:#FF0000; font-family:verdana; font-size: 16px; font-weight: bold; color:#FFFFFF; text-transform:uppercase; width:352px; padding:8px; z-index:20; margin:15px 0 0 1px; position:absolute}
#package-title-full{font-weight: bold; font-size: 16px; -moz-border-radius: 10px; border-radius: 10px; background-color:#FF0000; font-family:verdana; color:#FFFFFF; text-transform:uppercase; width:749px; padding:8px; z-index:20; margin:15px 0 0 -1px; position:absolute}
#package-title-full a, #package-title-full a:active, #package-title-full a:visited{text-decoration:none; color:#ffffff;  }
#package-title a, #package-title-full a:active, #package-title-full a:visited{text-decoration:none; color:#ffffff;  }
#package-title-small a, #package-title-full a:active, #package-title-full a:visited{text-decoration:none; color:#ffffff;  }





#table-choose-small{display:table; vertical-align:top; z-index:1; margin-top: 10px; margin-left:auto; margin-right:auto;}
#cell-choose-small{-moz-border-radius: 6px; border-radius: 6px; display:table-cell; vertical-align:top; width:175px; border:#2190A4 3px solid; background-color:#2190A4; box-shadow: 6px 6px 6px #2e2e2e;}
#cell-choose-small:hover{
	box-shadow: none;
}
.package-pic-small{z-index:1; padding:5px;}
.package-content-small{margin: 0 auto; }
.package-price-small{color:white; width:125px; padding:5px; font-weight:bold; font-size:14px;}
#package-title-small{-moz-border-radius: 7px; border-radius: 7px; background-color:#FF0000; color:#FFFFFF; text-transform:uppercase; width:161px; padding:2px 8px; z-index:20; margin:15px 0 0 -1px; position:absolute; font-size: 12px; font-weight: bold;}

#gapper{width:16px; display:table-cell;}

#choose-bottom{margin:25px 0;}

.text-bank2{
width:800px; height:100px; background-color: white;
}


/****FOOTER******/

/******index-page*****/
#footer_index{font-family:arimo; color:#333333;  margin-left:auto; margin-right:auto; z-index:1;margin:5px 0px 0px 0px; background-color:#EEEEEE; padding:0px 10px 20px 10px; position:relative; width:780px;}
#footer_index a:link, #footer a:visited{color:#288ea4; text-decoration:none;}
#footer_index a:hover{color:#ec3837;}

/******other-pages*****/
#footer{font-family:arimo; font-size:9px; color:#333333;  margin-left:auto; margin-right:auto; z-index:1;margin:5px 0px 0px 0px; background-color:#EEEEEE; padding:20px 10px 20px 10px; width:780px;}
#footer a:link, #footer a:visited{color:#288ea4; text-decoration:none;}
#footer a:hover{color:#ec3837;}

/****Slideshow****/
#slideshow {
top: 65px;
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.menuTable{z-index: 35;}

.subMenu
{
	background-color: #2190a4; 
	border: 0px; 
	border-color: black; 
	display: none; 
	top: 25px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 6px 6px 6px #2e2e2e;
}

.subMenu li, a{
	margin-left: 0px;
}

.indexBanner
{
	text-shadow: 3px 3px 3px #2e2e2e;
	font-family: pacifico; 
	font-size: 60px; 
}

.header a
{
	padding: 0px 0px 0px 85px; 
	font-family: pacifico; 
	font-size: 35px; 
	color: #ffffff;
	text-shadow: 6px 6px 6px #2e2e2e;
}

.header a:hover
{
	text-shadow: none;
}

#gologo
{
	border-radius: 3px; box-shadow: 4px 4px 6px #2e2e2e; position: absolute; z-index: 100; left: 550px; top: 0px; margin-top: -5px;
}

#gologo:hover
{
	box-shadow: none;
}