html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	

	
	vertical-align: text-top;
	color: #000000;
}



/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.4em;
	color: black;
	background:#eae8ee;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4C4C4C;
	border-top:10px solid #eae8ee;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

h1 {
	margin:20px 0;
}
/* my stuff */
.final {
	display:none;
}

#realbody {

	width:960px;
	margin:0 auto;
	border:none;
}
#realbody_border{background:#faf8ec;float:left;border:2px solid #b2b2b2;border-width:0 1px;background:#fff}

h1.fp {
	font:normal normal 900 17px verdana;
	margin:10px 0;
	text-align:center;
}
#header {
	border-bottom:1px solid #b2b2b2;
	position:relative;
	float:left;
	width:960px;
	height:100px;
	background-color: transparent;
	background-image: url(cover.jpg);
	background-repeat: no-repeat;
}
.red {border:1px solid red}
.blue {border:1px solid blue}
.yellow {border:1px solid yellow}
.pink {border:1px solid pink}
#center {
	float:left;
	border-top:1px solid #b2b2b2;
	width:960px;
}
#h1bar {
	width:960px;
	float:left;
	border:1px solid #b2b2b2;
	border-width:0 0 1px 0;
	min-height:20px;
}

#center.onehotel {background:transparent url('http://static.1costaricalink.com/public/images/web/hotelback.jpg') repeat-y}
#leftstuff {
	float:left;
	width:334px;
}
#info {
	width:334px !important;
	width:331px;
	overflow:hidden;
	float:left;
	margin:0 0px 0  1px;
	border-right:1px solid #b3b3b3
}
#info.index
{
	height:350px;
	border-right:none
}
#info div.label {
	float:left;
	margin:0px 0;
	border:1px solid #b3b3b3;
	background:#efb996;
	height:25px;
	line-height:24px;
	padding:0 0 0 10px;
	width:196px;
	font-weight:900;
}
#info p {
	width:300px;
	margin:20px auto;
	font-size:.98em;
}
#moreb {
	float:left;
	clear:left;
	width:280px;
	text-align:right;
	cursor:pointer;
	margin:10px 0px 0 0;
	
}
#boxes {
	float:right;
	width:624px;
	border:1px solid #b2b2b2;
	border-width:0px 0 0 1px ;
	height:295px;
	margin:0;
	padding: 0 0 20px 0;

}

#deals {
	width:120px;
	float:left;

	
}
div#box2 {
	margin:10px 5px 10px 10px !important;
	margin:10px 5px;
}
div.thebox {
	float:left;
	width:152px;
	margin:10px 4px;
}
div.pbox {
	width:152px;
	float:left;
	font-weight:900;
	overflow:visible;
	height:240px;
}
div.pbox div {
	border:1px solid #b2b2b2;
	border-width:0 1px 1px 1px;
	background:#ECD8F4;
	height:35px;
	float:left;
}
 div.firstp,div.firstpp,div.firstppp, div.lastp,div.lastpp{
	display:block;
	background:#ECD8F4 url(http://static.1costaricalink.com/public/images/web/boxheader.jpg) no-repeat;
	text-align:center;
	height:20px;
	float:left;
	width:152px;
	padding:5px 0 0 0;
	font-weight:900
	
}
 div.firstpp {
 	width:190px;
	background:#ECD8F4 url(http://static.1costaricalink.com/public/images/web/specialheader.jpg) no-repeat;
 }
  div.firstppp {
 	width:315px;
	background:#ECD8F4 url(http://static.1costaricalink.com/public/images/web/veryspecialheader.jpg) no-repeat;
 }
 div.firstp1, div.lastp1{
	display:block;
	background:#fff url(http://static.1costaricalink.com/public/images/web/boxheader2.jpg) no-repeat;
	text-align:center;
	height:20px;
	float:left;
	width:175px;
	padding:5px 0 0 0;
	font-weight:900
	
}
div.lastp{
	text-align:left;
	float:left;
	clear:left;
	background:#fff url(http://static.1costaricalink.com/public/images/web/boxbottom.jpg) no-repeat;
	padding:7px 0 7px 5px;
	width:152px;
}
div.lastpp{
	text-align:right;
	float:left;
	clear:left;
	background:#fff url(http://static.1costaricalink.com/public/images/web/specialbottom.jpg) no-repeat;
	padding:5px 20px 0px 0px;
	margin-top:-3px;
	width:170px;

}
div.lastp1{
	text-align:left;
	float:left;
	clear:left;
	background:#fff url(http://static.1costaricalink.com/public/images/web/boxbottom2.jpg) no-repeat;
	padding:7px 0 7px 5px;
	width:172px;
}
div.pbox div.photop {
	display:block;
	padding:0;
	margin:0 0 -2px 0;

}
div.pbox div.hhide ,div.pbox div.phide{
	display:none;
}

div.hotelzone1,div.hotelzone2,div.hotelzone3 {
	height:0px;
	overflow:hidden;
	float:left;
}
h3.hotelzone1,h3.hotelzone2,h3.hotelzone3 {
	height:24px;
	background:#ECD7F4;
	line-height:20px;
	float:left;
	width:152px;
}
h3.hotelzone3 {
	background:#eced96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
h3.hotelzone1 {
	background:#f0db96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
h3.hotelzone2{
	background:#efb996;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

h3.incentive {font-size:10px;cursor:pointer;color:#666;font-weight:100;background:#efe4fc;width:316px;border-bottom:1px solid #b3b3b3;padding:5px 10px}
h3.incentive.indent {padding:5px 0px 5px 40px;width:296px}
div.hotelzone1 a,div.hotelzone2 a,div.hotelzone3 a{
	overflow:hidden
}
div#hotelzonemenu li
{
	display:inline;

}
#zone_menu a:hover {font-weight:900;color:#000}
h3 a{
	text-decoration:none;
	color:#4c4c4c;
	padding-left:3px;
}
#footer {
	float:left;
	width:100%;
	background:#faf8ec;
	text-align:center;
	font-weight:900;
	font-size:11px;
	border:1px solid #b2b2b2;
	border-width:1px;
	color:#888;
	line-height:15px;
	margin-bottom:15px;
}
/* up per navigation bar */
#navigation
{
	float:left;
	margin:0;
	padding:0;
	height:55px;
}
.menu {
	width:960px;
	margin:0;
	padding:0;
font: bold 9px verdana;
 /*leave this value as is in most cases*/
background:#fff;
float:left;
}

.menu li.color1 {background:#D2DAED}
.menu li.color2 {background:#E7D3EE}
.menu li.color3 {background:#F6ECC9}
.menu li.color4 {background:#F7DCCB}
.menu li.color5 {background:#DFE9E8}
.menu li.color6 {background:#E0CFBD}
.menu li.color11 {background:#eced96}
.menu li.color12 {background:#f0db96}
.menu a:link,.menu a:visited,.menu a:active {
	color:#000;
}


/* end upper navigation bar */
/* header search area */
#top_search {
	float:left;
	width:960px;
	position:relative;
	background-color: #00CC66;
}

#search {
	width:335px !important;
	width:334px;
	float:left;

}	
div.qs h3 {
	font-weight:100;
	float:left;
	padding:10px 50px;
}
#phone{
	position:absolute;
	left:0;
	bottom:3px;
	width:335px !important;
	width:334px;
	height:115px;
	border:1px solid #b3b3b3;
	border-width:1px 0 0 0;
	visibility: visible;
	background-color: #003399;
}

#phone img {
	float:left;
	border:14px solid #efb996

}
#phone div {
	float:left;
	font:normal normal 900 10px verdana;
	margin:0 0 0 4px;
}
#phone div.first {
	margin:20px 0 0 3px;
	font:normal normal 900 20px verdana
}
#search_photo {
	float:right;
	width:624px;
	height:340px;
	border-left:1px solid #b2b2b2;

position:relative;
}
#overlay {
	border-bottom:1px solid #fff;
	padding:0 0 0px 20px;
	width:605px;
	line-height:38px;
	font-weight:900;
	color:white;
	position:absolute;
	bottom:20px;left:0;
	z-index:200;
}

#top_package {
	float:right;


}
#top_package img {
	float:left;

}
.toppp {
	display:none;
	position:absolute;
	width:625px;
	right:0;
	float:right
}

.toppp.active {
	display:block;
	
}
.ptop , .pbottom{
	background:#000;
	color:#fff;
	width:621px;
	height:20px;
	font:normal normal 900 13px 'Ariel Black',Verdana;
	padding:3px 0 0 5px;
	float:left;
}
ul.pboxes {
	float:right;
	width:55px;
	padding:10px 9px 0 0px;
	cursor:pointer;
}
ul.pboxes li {
	height:50px;
	width:50px;
	border:1px solid black;
	padding:0;
	
	
}
ul.pboxes li.active {
	background:#ECE1EF
}
.pbottom {
	height:36px;
	width:625px;
	padding:0;

}
div.pbottom div.pprice {
	float:right;
	width:100px;
	border-left:1px solid #b2b2b2;
	height:35px;
	font-size:18px;
	line-height:33px;
	text-align:center;
}
div.pbottom div.pname {
	float:left;
	border-bottom:1px solid #b2b2b2;
	width:510px;
	height:17px;
	line-height:16px;
	padding-left:5px;

}
div.pbottom div.pname span{
	font-size:10px;
}
div.pbottom div.pdesc {
	float:left;
	clear:left;
	width:510px;
	height:17px;
	line-height:16px;
	font-size:9px;
	padding-left:5px;
}
#maps {
	background:#E5DFD9;
	width:100%;
	float:left;
	
}
#mapholder {
	position:relative;
	margin:20px 20px 20px 0;
	width:560px;
	height:325px;
	background:#fff url('http://static.1costaricalink.com/public/images/web/mapback.jpg') repeat-x;
	float:right;
}
#vids {
	float:left;
	text-align:center;
	background:#BDB09F;
	margin:20px !important;
	margin:20px 10px;
	width:320px;
}
.mapzones {
	height:36px;
	background:#BDB09F url(http://static.1costaricalink.com/public/images/web/vid_arrow.jpg) 10px 4px  no-repeat;
	padding:0 0 0 55px;
	font-weight:900;
	font-size:12px;
	color:#000;
	line-height:33px;
	text-align:left;
}
.hmap {
	float:left;
	width:517px;
	min-height:328px;
	text-align: justify;

	
}

li.hotelzonelist1,li.hotelzonelist2,li.hotelzonelist3,li.hotelzonelist4,li.hotelzonelist5,li.hotelzonelist6  {

	background:transparent url(http://static.1costaricalink.com/public/images/web/small1.jpg) 10px 2px no-repeat;
	padding:0;
	border:1px solid #b2b2b2;
	border-width:0px 0 1px 0;
	
}
li.hotelzonelist  {
	padding:0;
	border:1px solid #b2b2b2;
	border-width:0px 0 1px 0;
	width:312px;
	background-color:#ffeaff
	
}
li.hotelzonelist a
{
	color:#888;
	text-decoration:none;
	padding:0px 0 0px 20px;
	height:19px;
	line-height:18px;

}
li.hotelzonelist a:hover
 {
 	font-weight:900;
	color:#000;
	background:transparent url('http://static.1costaricalink.com/public/images/web/clear1s.png') 0px -6px no-repeat;
 
 }
li.hotelzonelist1 {background:#b9dbff}
li.hotelzonelist2 {background:#7bcacf}
li.hotelzonelist3 {background:#e0afeb}
li.hotelzonelist4 {background:#fff1af}
li.hotelzonelist5 {background:#e6eae5}
li.hotelzonelist6 {background:#dae2bf}
li.hotelzonelist1 a,li.hotelzonelist2 a,li.hotelzonelist3 a,li.hotelzonelist4 a,li.hotelzonelist5 a,li.hotelzonelist6 a{
	color:#888;
	text-decoration:none;
	padding:0px 0 0px 20px;
	height:19px;
	line-height:18px;

}
li.hotelzonelist1 a:hover,li.hotelzonelist2 a:hover,li.hotelzonelist3 a:hover,li.hotelzonelist4 a:hover,li.hotelzonelist5 a:hover,li.hotelzonelist6 a:hover
 {
 	font-weight:900;
	color:#000;
	background:transparent url('http://static.1costaricalink.com/public/images/web/clear1s.png') 0px -6px no-repeat;
 
 }
.mapzones span {
	padding:0 0 0 40px;
}
.zonename1,.zonename2,.zonename3,.zonename4,.zonename5,.zonename6 {
	float:left;
	border-bottom:1px solid #b2b2b2;
	padding:5px 9px;
	font-size:12px;
	font-weight:900;
	width:218px !important;
	width:215px
}

.zonename1 {background:#b9dbff}
.zonename2 {background:#7bcacf}
.zonename3 {background:#e0afeb}
.zonename4 {background:#fff1af}
.zonename5 {background:#e6eae5}
.zonename6 {background:#dae2bf}
.zoneInfo {
	width:235px;
	float:right;
	margin:0px;
	padding:0;
	position:relative;
	background:#fff;
}
.zoneInfo a:hover {font-weight:900}
.zoneInfo.selected {
	display:block;
}
.zoneInfo img {
	float:right;
	margin-right:10px;
	margin-top:2px;
	
}
.zoneText{
	position:relative;
	top:-25px;
	left:40px;
}
.tourhotel {
	float:left;/*

*/
	width:135px;
	line-height:27px;
	padding:0 0px;
	font-size:10px;
	font-weight:900;
	margin:20px 0px;
	list-style:none
}
.tourhotel li {
	float:left;
	width:130px;
	padding-left:5px;
}
.tourhotel a {
	color:#000;
	text-decoration:none;
	
}
.tourhotel a:hover {
	color:white;
}
.hoteltourselect {
	float:right;
	margin-right:6px;
	height:20px;
	list-style:none;
	width:100px;
}
.hoteltourselect li{
	display:block;
	border:1px solid #b2b2b2;
	padding:5px 15px 5px 0;
	background:#D8E3EF;
	text-align:center
	
	
	
}
.hotellist {
	position:absolute;
	top:23px;
	right:6px;
	background:#D8E3EF;
	width:150px;
	list-style:none;
}
.hotellist li {
	border:1px solid #b2b2b2;
	border-width:0 1px 1px 1px;
	padding:5px 3px;
}
.tourlist {
	position:absolute;
	top:13px;
	right:0;
	background:#9978a5;
	color:#fff
}


 /* end header search area */
#quickmenu {
		width:335px;
		FONT-SIZE: 10px;
		FLOAT: left;
		LINE-HEIGHT: 20px;
		height:22px;
		background:#EFE4F2 ;

}
#quickmenu div{
	height:21px;
	line-height:20px;
	border-bottom:1px solid #908578;
	border-right:1px solid #908578;
	border-top:1px solid #908578;
	FLOAT: left;
	cursor: pointer;
	padding:0px 6px;
	background:#EFE4F2 ;
	
}
#quickmenu div.active {
	border-bottom:1px solid transparent;
	background:#BA9EC7;
	color:#000000;
	font-weight: bold;
}
#quickmenu div.last {
	padding:0;
	width:22px;
	border-right:1px solid transparent;
	border-top:1px solid transparent;	
}

div.qs {
	display:none;
	float:left;
	min-height:200px;
	width:335px !important;
	width:334px;
}
div.qs.active {
	display:block;
}
#quickfind div.active {
	display:block;
}
.cleft {
	float:left;
	clear:left;
}
.m20 {
	margin:10px 0 10px  40px;
	width:230px;
	font-size:11px;
	border:1px solid black
}
.m20a {
	margin:10px 0px 5px 40px;
	font-size:11px;
	width:200px;
}
.w250w {
	float:left;
	width:230px;
	margin:10px 0 0 20px;
}
#imageMenu {
	position: relative;
	width: 625px;
	height: 322px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 320px;
	width: 612px;
	
	}

#imageMenu ul li {
	float: left;
	height:65px;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#000 none repeat scroll 0%;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:612px;
	height:215px;
}

#imageMenu ul li.landscapes a {
	background: url(http://static.1costaricalink.com/public/images/packages/real1.jpg) repeat scroll 0%;
}

#imageMenu ul li.people a {
	background: url(http://static.1costaricalink.com/public/images/packages/real3.jpg) repeat scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(http://static.1costaricalink.com/public/images/packages/real2.jpg) repeat scroll 0%;
}

#imageMenu ul li.urban a {
	background: url(http://static.1costaricalink.com/public/images/packages/real4.jpg) repeat scroll 0%;
}

#imageMenu ul li.abstract a {
	background: url(http://static.1costaricalink.com/public/images/packages/real5.jpg) repeat scroll 0%;
}

.clear {
	clear: both;
}

/*************************************************************/
#dive_boxes
{

	float:left;
	width:660px;
	min-height:933px;
	background:#dfbfeb;
}

#zone_menu,#hotel_menu,#index_zone_menu,#wedding_menu,#dive_menu {
	float:left;
	background:#fff;
	margin:0;
	padding:0;
	cursor:pointer;
	border:1px solid #B2B2B2;
	border-width:0 0 1px 0;		
}
#zone_menu li,#hotel_menu li,#wedding_menu li,#dive_menu li {
	float:left;
	display:inline;
	padding:5px 5px;
	border:1px solid #B2B2B2;
	border-width:0px 1px 0px 0px;
	text-align:center;
	background:#fdffcb;
}
#hotel_menu {
	position:relative;
	bottom:-1px;
	margin:0 0 0px 0px;
	border-width:0 0 0px 1px;
}
#wedding_menu {
	border-width:0 0 0 0px;
	float:right;

}
#wedding_menua {
	border-width:0 0 0 0px;
	float:right;


}

    #wedding_menua a {
      float:left;
      background:url("http://static.1costaricalink.com/public/images/web/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0px 0 4px;
      text-decoration:none;
      }
    #wedding_menua a span {
      float:left;
      display:block;
      background:url("http://static.1costaricalink.com/public/images/web/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
	  
	  #wedding_menua a.active{background:url("http://static.1costaricalink.com/public/images/web/tableft1.gif") no-repeat left top}
	  #wedding_menua a.active span{background:url("http://static.1costaricalink.com/public/images/web/tabright1.gif") no-repeat right top}
#index_zone_menu
{
	position:relative;
	bottom:-1px;
	margin:0 0 0px 0px;
	border-width:0 0 0 0px;
	background:#fff
}
#dive_menu {padding-bottom:7px;background:#fff}
#dive_menu li{
	background:#dfbfeb;
	padding:5px 16px 5px 17px;
	font-size:11px;
}
#dive_menu li.first{
	padding:5px 16px 5px 16px;
}
#wedding_menu li {
	background:#dbb9eb;
	border-bottom:1px solid #b3b3b3;

}
#wedding_menua li {
      display:inline;
      margin:0;
      padding:0;

}
ul.wedding_menua {background:#666}
a.wedding_menu_a{
	background:#fdffcb;
	padding:10px 25px 10px 30px;
}

#wedding_menu li.wed1 {
	border-left:none;
	border-bottom:1px solid #dbb9eb
}
#wedding_menu li.active {	background:#efe4fc;border-bottom:1px solid #efe4fc}

div.gallery{
	display:none;
	float:left;width:355px;border-left:1px solid #b3b3b3;text-align:center
}

div.gallery.active {display:block}


#zone_menu li {
	width:auto;
	padding:5px 13px 5px 14px;
	font-size:10px
}
#hotelmap #zone_menu {width:519px}
#hotelmap #zone_menu li{
	padding:5px 5px;
}
#hotel_menu li {
	padding:5px 5px;
	border-bottom:1px solid #b2b2b2;
	border-top:1px solid #b2b2b2;
}
#hotel_menu li.first {

	border-width:1px 1px 1px 1px;
}

#hotel_menu li.selected {
	border-bottom:1px solid #EDDAF6;
	background:#EDDAF6;
}
.hotelstuff {
	float:left;
	display:none;
	width:350px;
	background:#EDDAF6;
	border:1px solid #b2b2b2;
	padding:10px;

}
.hotelstuff p{



}
.hotelstuff table,table.ratestable{padding:0;margin:0;width:450px}

.hotelstuff td,table.ratestable td{border:1px solid #b2b2b2;padding:3px;margin:0;text-align:center;}
.hotelstuff.active{
	display:block;
}
.aboxes {
	display:none;
	float:left;
	width:752px;
	background:#dfc0ed;

}
.aboxes.active {
	display:block
}
#hotelmap,#index_hotelmap
{
	float:left;
	width:515px;
	border:none;
	background:#dfc0ed;
}
#index_hotelmap
{
	margin:0;
	float:right;
	width:624px;
	border-left:1px solid #b3b3b3;
	background-color: #DDB8EB;
	background-image: url(bg.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
ul.maplist
{
	list-style:none;
	width:145px;
	margin:20px 15px 0 0;
	padding:0 11px 18px 0;
	background:#bf80db url(http://static.1costaricalink.com/public/images/web/anothermapback.png) bottom right;

}
ul.maplist li{

	border:1px solid #b2b2b2;
	border-width:0 1px 1px 1px;
	padding:0;
	height:25px;
}
ul.maplist li a{
	color:#888;
	text-decoration:none;
	padding:3px 0 3px 20px;
	height:20px;
	line-height:25px;

}
ul.maplist li a:hover {
	color:#000;
	background:transparent url('http://static.1costaricalink.com/public/images/web/clear1s.png') 0 -3px no-repeat;
}
li.color1 {background:#b9dbff}
li.color2 {background:#7bcacf}
li.color3 {background:#e7d4eb}
li.color4 {background:#fff1af}
li.color5 {background:#e6eae5}
li.color6 {background:#dae2bf}
li.colora1 {background:#dcedff}
li.colora2 {background:#a3f2f8}
li.colora3 {background:#f4c2fe}
li.colora4 {background:#fff4b2}
li.colora5 {background:#e6eae5}
li.colora6 {background:#f7f966}
#hotelright
{
	float:left;
	width:752px;
}
#hotelright h1,#morehotelzones h2,h2.hotellanding ,h6.likeh1,h1.reservation{
	background:#eced96;
	height:36px;
	font-size:18px;
	line-height:36px;
	margin:0;
	padding: 0 0 0 20px;
	color:#000;
	border-bottom:1px solid #b2b2b2;
}

h6.likeh1 {
	width:225px;
	background:#efb996 url(http://static.1costaricalink.com/public/images/web/clear1s.png) 35px 0 no-repeat;
	font-size:14px;
	height:25px;
	line-height:24px;
	padding:0 5px 0 4px;
	text-align:center}
#morehotelzones
{
	width:752px;
	background:#dfc0ed;
	float:left;
	padding:0 0 2px 0
}
#morehotelzones ul
{
	width:320px;
	padding:0 20px 20px 0;
	background:white url(http://static.1costaricalink.com/public/images/web/hotellist_uback.jpg) bottom right no-repeat ;
	float:left;
	margin:20px 0px 10px 25px;
	border:none;
	display:inline;
}
#morehotelzones h2{
	border-top:1px solid #b3b3b3;
}

#morehotelzones a:hover {color:#000;}
h2.like1
{
	width:614px;
	float:left;
	border:1px solid #b2b2b2;
	border-width:1px 0 0 0;
	padding:0 0 0 10px;
	height:36px;
	font-size:18px;
	line-height:36px;
	background-color: #DDB8EB;
}
ul.sublist a{
	color:#444;
	text-decoration:none;
}
ul.sublist a:hover {
	color:#000
}
div.hotellist a:hover {
	font-weight:900
}
h5.h5
{
	background:#EDDBF5;
	height:20px;
	font-weight:900;
	line-height:19px;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
	width:228px;
	border:1px solid #b2b2b2;
	border-width:1px 0;
}
#hotelinfo ul
{
	list-style:disc;
	padding:5px 0 0 18px
}
#aboutbox p 
{
	margin:10px 20px
}










form#reservation_form , form#custom_itinerary {width:635px;}
form#reservation_form fieldset ,form#custom_itinerary fieldset{display:block;width:350px;margin:0 auto 10px auto;padding:15px 0 15px 0;border:none}
form#custom_itinerary fieldset.wide_custom{width:600px;}
form#custom_itinerary legend{display:none}
form#custom_itinerary p {margin:0 15px}
form#reservation_form fieldset {margin: 0 auto 15px auto;}
h1.custom_form {float:left;padding:0 0 0 15px;margin:0;width:80%}
fieldset.custom{border:4px solid yellow;margin:60px auto !important}
.checkbox input{width:20px}
div.legend , div.wlegend {
margin:0px 0 15px 0;
padding:0 0 0 15px;
color:#6B6358;
background:#f7ecd0;
font-size:12px;
font-weight: 900;
line-height: 30px;
height:30px;
border:1px solid #b3b3b3;
border-width:1px 0}
div.wlegend{margin:-15px 0 15px 0}
div#reservation_form div.legend{margin:-15px 0 0 0;background: green;}
em {color:red}
label{float:left;clear:left;text-align:right;width:210px;margin:0 10px 0 0;font-weight:900}
label.input{width:125px;color:#888}
label.i_input{line-height:25px;height:25px}
form#reservation_incentive_form fieldset{padding-bottom:20px}
label.smaller {width:150px}
input{float:left;width:200px;margin:2px 0}
form#custom_itinerary label,form#custom_itinerary p {color:#888}
select{float:left;margin:0 20px}
input.buts{width:25px}
.date input{width:30px}
fieldset.date{width:250px}
label.long{width:200px}

fieldset {background: #fbf5e7}
fieldset.south {background:#231900}
a.ibutton {
	background: transparent url('http://static.1costaricalink.com/public/css/images/bg_button_i.gif') no-repeat scroll top right;
	color: #777;
	display: block;
	float: left;
	font: bold 12px arial, sans-serif;
	height: 24px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.ibutton span {
	background: transparent url('http://static.1costaricalink.com/public/css/images/bg_button_spani.gif') no-repeat top left;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;

}
div#navlistt {
	 background:transparent url(http://static.1costaricalink.com/public/images/bg.gif) bottom; FLOAT: left; WIDTH:643px; LINE-HEIGHT: normal;margin-bottom:15px
}
#navlistt UL {
		PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#navlistt LI {
		PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(http://static.1costaricalink.com/public/images/left.jpg) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0 0; PADDING-TOP: 0px
}
#navlistt A {
		PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(http://static.1costaricalink.com/public/images/right.jpg) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#navlistt A {
		FLOAT: none
}
#navlistt A:hover {
		COLOR: #333
}
#navlistt li.current{
		BACKGROUND-IMAGE: url(http://static.1costaricalink.com/public/images/left-on.jpg)
}
#navlistt A.current {
		BACKGROUND-IMAGE: url(http://static.1costaricalink.com/public/images/right-on.jpg); PADDING-BOTTOM: 5px; COLOR: #333
}
#sholder select {width:245px}
#sholder input {width:50px;margin:0 30px}

.site0 ,.site1{clear:both;float:left;width:595px;padding:10px 10px}
.psite0 {float:left;margin:5px}
.psite1 {float:right;margin:5px}

.mexico0 {background: #e8dae7;padding:10px}
.mexico1 {background: #c4a4c4;padding:10px}



.south0 {background: #e7f4da;}
.south1 {background: #d1e8b2;}
.central0 {background: #f7ecd0;padding:10px}
.central1 {background: #efd9a1;padding:10px}

h2.packagehead{
	margin:0px 0 20px -10px;padding:2px 0px 4px 20px;
	line-height:15px;border:1px solid #b1b1b1;
	border-width:1px 0;
	clear:both;
	font:normal normal 900 12px verdana;
	background: #8cc63e;
	color:#fff; 
	width:628px !important ;
	width:600px}



form.reservation_form fieldset {margin:25px auto}
fieldset.south {background: #e7f4da;}
div.legend.south,div.wlegend.south {background: #d1e8b2;}
fieldset.central {background: #f7ecd0;}
div.legend.central,div.wlegend.central {background: #efd9a1;}
fieldset.mexico {background: #e8dae7;}
div.legend.mexico,div.wlegend.mexico {background: #c4a4c4;}

.slideshow {background:#fff}
.slideshowThumbnails {margin:0}
.slideshowThumbnail img {margin:2px}
.w4em
		{
		width:4em;
		}
.w8em
		{
		width:8em;
		}

.showmorea
{
	height:137px;
	float:left;
}
.activea
{
	height:auto;
	overflow:visible;
	border:5px solid white;
}
#aboutmenu ul{
	margin:0;
	padding:0;
}
#aboutmenu ul li 
{
	border-bottom:1px solid #b2b2b2;
	width:199px;
	padding:3px
}
#aboutmenu ul li.indent
{
	width:178px;
	padding:3px 3px 3px 25px;
	background:#EFE4F2;
}
#aboutmenu a
{
	color:black;
	text-decoration:none;	
}
#cars {
	width: 568px;
	float: left;
	background: #f5f5f5;
}

.bottombox {
	width: 191px;
	height: 120px;
	float: left;
	margin-left: 6px !important;
	margin-left: 4px;
	background: #ff6600;
	margin-top: 12px;
	margin-bottom: 12px;
}

.bottombox h4,.bottomboxend h4 {
	text-align: center;
	font-size: 11pt;
	margin-top: 10px
}

.bottombox h5,.bottomboxend h5 {
	text-align: center;
	font-size: 8pt;
	margin-top: 0px;
}

.datefields {
	float: left;
	margin: 15px 0 10px 5px;
	padding: 5px 5px 10px 5px;
	width: 280px;
	border: 1px solid #88bda8;
	float: left
}
.datefields input{width:80px;margin:10px 0 0 0}
#quote {
	float: right;
	margin: 10px 40px 0 0;
	padding: 0 15px 0 0;
	background: #e9e9e9 url("/images/button.gif") top right no-repeat;
	border: none;
}

.hour {
	float: left;
	width: 68px;
	margin: 7px 5px 0 5px;
	background: #fff;
}

#picked-days {
	font-size: 11px;
	float: left;
	width:603px !important;
	width: 568px;
	margin-top: 13px;
	background: #e9e9e9;
	padding:0 0 0 10px;
}

#picked-days h2,#picked-days h3,#picked-days h4 {
	font-size: 11px;
}

#thedays {
	padding: 10px 0px 10px 0px;
	font-size: 11px;
	border: 1px solid #d2d2d2;
	border-width: 0 0px 1px 0px;
	float: left;
	width: 613px !important;
	width: 568px;
	background: #e9e9e9;
}

#one_car,#one_cara {
	float: right;
	width: 260px;
	background: #e9e9e9;
	font-size: 11px;
	margin: 15px 10px 15px 0;
	border:1px solid #b3b3b3
}
#one_cara {
	width:230px;
	margin:0;

	}
#one_car img {
	float: right;
	margin: 0 60px 0 0;
}
#one_cara img{
	float:right;
	margin:0 40px 0 0 ;
	}
#one_car h2 {
	background: #e9e9e9;
	margin: 10px 20px;
	height: 22px;
	line-height: 21px;
	padding-left: 5px;
	font-weight: 900;

}

#quote_detail h3 {
	font-weight: 900;
}

#one_car ul {
	float: left;
	margin: 0;
	padding: 0
}
#one_cara ul {
	float: left;
	margin: 0;
	padding: 0;
	width:75px;

	
}

#quote_detail,quote_detaila {
	float: right;
	margin: 0 0px 0 0;
	background: #fff;
	width: 250px;
}
#quote_detaila {
	width:240px;
	}
.pdiv {
	width: 250px;
	background: #e9e9e9;
	float: right;
	margin: 0 0px 0 0;
	font-size:12px;
	color:#333
}

.pdiv h4 {
	color: #000;
	font-size: 12px;
	font-weight: 900;
	height: 22px;
	line-height: 21px;
	padding: 0 8px 0 5px;
	background:#e9e9e9;
}

.idiv {
	width: 220px;
	background: #e9e9e9;
	float: right;
	margin: 0 5px 5px 5px;
	padding: 10px 10px
}

.idiv ul {
	list-style: circle;
	margin: 15px
}

.idiv li {
	list-style-type: disc;
	margin: 0 15px
}

#choose_car {
	float: left;
	width: 290px;
	margin: 15px 0 0 0;
	padding:0 0 0 5px
}

#choose_cara {
	float: left;
	width: 370px;

}

#choose_car h3,#choose_cara h3 {
	background: #DDB8EB;
	font-size: 11px;
	height: 22px;
	line-height: 21px;
	border: 1px solid #d2d2d2;
	padding: 0 0 0 3px;
}

#choose_car li {
	margin: 0;
	padding: 0;
	height: 22px;
	width: 320px;
	width: 340px;
	line-height: 21px;
	font-size: 11px;
	font-weight: 900;
	float: left;
	border: 1px solid #b3b3b3;
	border-width:0 1px 1px 1px;
	background:#efe4fc
}

#choose_car li.label {
	color: #323232
}

#choose_car h5,#choose_car h6 {
	float: left;
	cursor: pointer
}

#choose_car h4 {
	cursor: pointer;
		height:22px;
	line-height:21px;
	padding:0 0 0 5px;
}

#choose_car h5{
	margin: 0 0px 0 0;
	width: 85px;
	height:22px;
	line-height:21px;
	background: url("/images/small_white.gif") top left no-repeat;
	padding: 0 0 0 30px;
}

#choose_car h5.picked {
	background: #DDB8EB url("http://static.1costaricalink.com/public/images/web/fw_css_bgs.gif") 0 4px no-repeat
}

#choose_car h4.picked {
	background: #DDB8EB url("http://static.1costaricalink.com/public/images/web/fw_css_bg.gif") -130px 1px no-repeat
}
#totals {
	width:623px !important;
	width:580px;background:red;
	}
#totalsa {
	width:582px !important;
	width:580px;
	border-top:1px solid #b2b2b2;

	}
#totals h2,#totals h3,#totals h4,#totals h5,#totals h6 {
	font-size: 11px;
	display: inline;
	float: left;
	width:300px !important;
	width:268px;
	border:1px solid #b2b2b2;
	border-width:0 0px 1px 1px;
	height: 20px;
	line-height: 19px;
	padding:0 10px;
	text-align:left;
	background:#efe4fc
}
#totalsa h2,#totalsa h3,#totalsa h4,#totalsa h5,#totalsa h6 {
	font-size: 11px;
	display: inline;
	float: left;
	width:285px !important;
	width:268px;
	border:1px solid #b2b2b2;
	border-width:0 0px 1px 1px;
	height: 20px;
	line-height: 19px;
	padding:0 10px;
	text-align:left;
	
}
#totalsa h2,#totalsa h3 {text-align:right}
#totals h4,#totals h2 {
	text-align:right;
	border-left:none;
	width:282px !important;
}

#totals h2,#totals h3 {
	background: #DDB8EB;	

}


#totalsa h2,#totalsa h5 {
	background: #DDB8EB;

}
#cars form {
	width: inherit;
	margin-right: -2px;
	float: left
}

#choose_cara form {
	float: left;
	margin: 0;
	padding: 0;

}

#choose_cara h3 {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 379px !important;
	width:350px;
}

#choose_cara h6 {
	padding: 0;
	float: left;
	width: 300px;
	margin: 1px 0;

}

#choose_cara input {
	padding: 0;
	margin: 0 2px 0 0;
	width:60px;
	float:left
}



#p3 label {
	font-size: 9px;
	border: 1px solid #b3b3b3;
	border-width: 0 1px 0 0;
	height: 25px;
	line-height: 24px;
	float: left;
	width: 170px;
	padding: 0 0 0 4px
}

form#p3 {
	width: 623px;
	background:#efe4fc;
}

form#p3 input {
	margin: 1px;
	width: 200px
}

div.field {
	height: 25px;
	border: 1px solid #b3b3b3;
	border-width: 1px 0 0 0;
	width: 580px;

}
form#p3 div.field{
	width:623px;
	}
strong {
	font-weight: 900
	}
span.note {margin:10px 0 0 225px}
div.error{clear:left;color:red;margin:3px 0 0 225px}
form#login_form{ padding:10px}
form#login_form label{text-align:left}
form#register_form {width:225px;padding:10px;}
form#register_form fieldset{width:225px}
form#register_form input{width:200px;float:left;margin:0}
form#register_form label{text-align:left;margin:0}
form#register_form div.error{margin:0 0 0 0;float:left;width:200px}
form#register_form p{width:225px;margin:2px 0px}
 div.error{float:left;margin:5px 0 0 10px;width:200px}
#zone_menu li.color1 {background:#d2e3ef;padding:5px 15px 5px 15px}
#zone_menu li.color2 {background:#a5dade}
#zone_menu li.color3 {background:#eae2e9}
#zone_menu li.color4 {background:#fff1af}
#zone_menu li.color5 {background:#e6eae5}
#zone_menu li.color6 {background:#dae2bf}

.showmaps {display:none;cursor:pointer}
.showmaps.active {display:block}
#showmap1.active,#showmap2.active,#showmap3.active,#showmap4.active,#showmap5.active,#showmap6.active {display:block;float:left;}

.showzoneinfo {display:none;float:left}
#showzoneinfo1.active,#showzoneinfo2.active,#showzoneinfo3.active,#showzoneinfo4.active,#showzoneinfo5.active,#showzoneinfo6.active {display:block}
ul#index_ul{background:#ffdcb2}
.clickme {
	padding:6px 30px 0 0;
	float:right;
	font-size:9px;
	color:#929292
}
h2.dt {
	float:left;
	margin:20px 20px 0 20px;
	font-weight:900;
	font-size:13px
	}
.fleft {float:left}
.p15 {padding:15px}
li.index_bars{border:1px solid #b2b2b2;border-width:0 0 1px 0;padding:5px 10px;margin:0}
li.index_bars a{text-decoration:none;color:#444;font-size:10px;}
.togg {
	width:100%;
	cursor:pointer;
	background:#dfbfeb;
	border:1px solid #b2b2b2;
	border-width:1px 0;
	padding:0px 20px;
	float:left
}
a {color:#666;font-weight:900;text-decoration:none}
span.star1 {width:14px;background:transparent url('http://static.1costaricalink.com/public/images/web/star.png') 0px 0px repeat-x}
span.star2 {width:28px;background:transparent url('http://static.1costaricalink.com/public/images/web/star.png') 0px 0px repeat-x}
span.star3,span.star0 {width:42px;background:transparent url('http://static.1costaricalink.com/public/images/web/star.png') 0px 0 repeat-x}
span.star4 {width:56px;background:transparent url('http://static.1costaricalink.com/public/images/web/star.png') 0px 0px repeat-x}
span.star5 {width:70px;background:transparent url('http://static.1costaricalink.com/public/images/web/star.png') 0px 0px repeat-x}
a.buttona {
    /* Sliding right image */
    background: transparent url('http://static.1costaricalink.com/public/images/web/button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
margin-left:100px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.buttona span {
/* Background left image */ 
background: transparent url('http://static.1costaricalink.com/public/images/web/button_left.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 6px 18px;
} 
a.buttona:hover span{
text-decoration:none;
}
ul#wedding {
	background:green;
	margin:0;
	padding:0;
}
ul#wedding li{
	padding:4px;
}
.wedding-info,.wedding-infoa,.dive-info {
	background:#dfbfeb;
	float:left;
	position:relative;
	width:660px;
	display:none;
	border-bottom:1px solid #b3b3b3;
}
.wedding-info,.wedding-infoa {
	min-height:940px;
	background:#efe4fc;
	border-bottom:none;
}
.dive-info{

}
.dive-info.active {
	display:block;
}
.wedding-info h2, .dive-info h2 {
	height:32px;
	line-height:31px;
	padding-left:20px;
	font-size:13px;
	font-weight:900;
	background:#efe4fc;
	color:#777
	
}
.wedding-info h2 {text-align:center;padding:3px 0}
.dive-info h2 {background:transparent;width:408px;padding:0; margin-bottom:10px}
.dive1_item {display:none;width:407px;float:left;text-align:center;border-left:1px solid #b3b3b3}

.dive1_item.active {display:block}



.wedding-infoa h2 {
	border-bottom:1px solid #b3b3b3;
	height:32px;
	line-height:31px;
	font-size:13px;
	font-weight:900;
	color:#777;
	width:330px;
	margin-left:25px
	
}
.wedding-info p,.wedding-infoa p {
	padding:10px;
}
h4.pack_menu.active {background:#6f3f79}
h4.np_menu.active {background:#6f3f79}
.wedding-info li,.wedding-infoa li {
	background: transparent url(http://static.1costaricalink.com/public/images/web/weddingring.gif) 0 8px no-repeat;
	cursor:pointer;
	margin:0px 10px 10px 15px;
	padding:5px 0 0 25px;
	min-height:25px;
}
.wedding_pack,.np_pack {display:none;border-top:1px solid #b3b3b3}
.wedding_pack.active,.np_pack.active {display:block}

ul.rec_zone li{background:#dbb9eb;border:1px solid #b3b3b3;border-width:0 0 1px 0}
ul.rec_zone {display:none}
ul.showrec {display:block}
ul.rec_zone li.selected{
	background: #efe4fc url(http://static.1costaricalink.com/public/images/web/clear1s.png) 0 0 no-repeat;
	color:#777;
	
}
.wedding-info h3 {
	font-weight:100;
	padding:10px 0 0 15px;
}
.wedding-info h4, .dive-info h4 {
	border-bottom:1px solid #b3b3b3;
	height:25px;
	line-height:24px;
	padding-left:20px;
	font-size:13px;
	cursor:pointer;
	color:#777
}

.dive-info h4 {
	font-size:11px;
	font-weight:100
}
.dive-info h4.dive_label {
	border-bottom:1px solid #b3b3b3;
	height:32px;
	line-height:31px;
	padding-left:20px;
	font-size:13px;
	font-weight:900;

}
.dive-info h4.active {
	font-weight:900;
	background:#d7acff
}
.hotelinfo h2 {}
.wedding-info h4{
	background:#dbb9eb;
}
 .wedding-info h4.active {
	background:#dbb9eb;
	background: #efe4fc url(http://static.1costaricalink.com/public/images/web/clear1s.png) 0 0 no-repeat;
	font-weight:900;
	color:#666
}
.wedding-info ul.rec_zone {
	display:none;
	border-bottom:1px solid #b3b3b3;
}
.wedding-info ul.rec_zone.showrec {
	display:block;
}
.hotelinfo,.weddinginfo {
	float:left;
	width:384px;
	min-height:900px;
	border-left:
	1px solid #b3b3b3;
	text-align:center;
	display:none;
	}
.weddinginfo {margin-top:0px}
li.hot_menu {margin:0px 0;padding:0 0 0 25px}
.hotelinfo.active,.weddinginfo.active {display:block}
div.weddinginfo img,div.wedding_pack img {
		padding:15px 20px 15px 5px;
		background:transparent url(/public/images/weddings/background.png) bottom right no-repeat;
	}
	div.wedding_pack img {padding-left:13px}
	div.wedding_pack h3 {color:#666}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: visible;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-linear {
 width: 100%;
}

ul.dropdown-linear ul li {
 float: left;
}

ul.dropdown-linear li.hover,
ul.dropdown-linear li:hover {
 position: static;
}

ul.dropdown-linear ul ul {
 display: none !important;
}



/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 0 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6;
	 color: #000;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	 color: #000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding:0px 6px;

}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 6px;

}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}


ul.dropdown {
 width: 960px;
 background-color: #eee;
}

	ul.dropdown li {
	 border: 1px solid #b2b2b2;
	 border-width:0 1px 1px 0;
	 background-color: #eee;
	 padding:0px 8px;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #f6f6f6;
	 color: #000;
	}

	ul.dropdown ul {
	 width: 960px;
	 margin-top: 0;
	 background-color: #f6f6f6;
	}

		ul.dropdown ul li {
		 background-color: #f6f6f6;
		 padding:0 6px;
		}

		ul.dropdown ul li.hover {
		 margin: 0;
		 border: none;
		}

ul.dropdown li a {float:left;padding:8px 0px}
ul.dropdown ul *.dir {
 padding-right: 7px;
 background-image: none;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('http://static.1costaricalink.com/public/images/web/weddingbackleft.png') no-repeat top left;
display: block;
float: left;
font: normal bold 12px Tahoma; /* Change 13px as desired */
line-height: 31px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 39px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('http://static.1costaricalink.com/public/images/web/weddingbackright.png') no-repeat top right;
display: block;
padding: 0px 14px 8px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
blockquote.style2 {
  font: 12px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #DBB9EB;
} 


#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('../images/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px 25px; width: 290px; height: 173px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('/public/js/spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('/public/js/bg.jpg'); width: 285px; height: 170px; left: 10px; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu { background: url('../images/bg_side.jpg'); list-style-type: none; width: 166px; height: 257px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('../images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }
h2.sanjose {
	color:#666;
	padding:8px 10px;
	background:#efe4fc;
	font-weight:900;
	font-size:12px;
	margin:20px 0;
}
.wedding_pack li{
	text-align:left;
	margin:-10px 0 0 20px;
	padding:9px 0 0 25px
	
}
h4.surf_zone , h4.ssurf_zone {font-size:10px;padding-left:10px;height:25px;background:#efe4fc;border:1px solid #b3b3b3;font-weight:100;line-height:24px;border-width:0 1px 1px 0}
h4.surf_zone.active , h4.ssurf_zone.active , h4.incentive.active{background:#dbb9eb}
h4.incentive {font-size:10px;cursor:pointer;color:#666;font-weight:100;background:#efe4fc;border-bottom:1px solid #b3b3b3;padding:5px 10px}
div.surfzonea, div.surf-school,div.incentivea {display:none;color:#666;float:right;min-height:600px}
div.surfzonea.active, div.surf-school.active, div.incentivea.active {display:block}
div.surfzonea h2 {color:#666;padding:5px 0}
h3.trans {font-size:10px;cursor:pointer;color:#666;font-weight:100;background:#efe4fc;width:316px;border-bottom:1px solid #b3b3b3;padding:5px 10px}
h1.trans {height:56px;font-weight:900;font-size:16px;line-height:54px;background:#DBB9EB;padding:0 0 0 10px;margin:0;border:none;border-bottom:1px solid #b3b3b3}
div.ahotel {margin:5px 10px;float:left;background:#efe4fc;width:600px;height:120px;border:1px solid #b2b2b2;border-width:1px}
h2.incentive_h2 {background:#dbb9eb;border:1px solid #b3b3b3;border-width:0 0 1px 1px;padding:5px 20px;margin-left:180px;width:402px}


}
