@charset "utf-8";
/*2008.02.23 Andres Vidal (www.andresvidal.com) - Center Floated Template*/

/* ---------------------------------------------------------------- */
/* RESET 
/* ---------------------------------------------------------------- */
@import url("reset.css");

/* ---------------------------------------------------------------- */
/* DEBUG
/* ---------------------------------------------------------------- */

/*body {background:green;}
#pageWrapper {background:red;}
#page {background:gray;}
#content {background:brown;}
#footer {background:yellow;}*/

/* ---------------------------------------------------------------- */
/* DEFINE FLOATS
/* ---------------------------------------------------------------- */

#header, #content, #footer {float:left; clear:left; width:100%;}

/* ---------------------------------------------------------------- */
/* LAYOUT
/* ---------------------------------------------------------------- */

/* Fonts By Percents */	
	/* x-small is for IE6/7 quirks mode. */
	html, body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
	table {font-size:inherit;font:100%;}
	/* Bump up IE to get to 13px equivalent */
	pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
/* END Fonts By Percents */



/*WRAPPERS FOR FLOATED LAYOUT*/
#pageWrapper {
	/*The *centered* #pageWrapper is hacked with overflow:hidden and holds the floated #page div without a height.
	Set the site width (equal to #page width) plus any side borders applied to #page.*/
	width:700px;
	overflow:hidden; /* FLOAT Hack (use: overflow + width) - for Non-Floted element to Hold a Floated Element */
	margin:0 auto 0 auto; /*This centers the site with floated divs inside. Must include the overflow:hidden hack*/
	padding:0;
}
#page {
	float:left;
	width:700px;
}

/*per page */
body#forum #pageWrapper, body#forum #page {width:750px;}
body#vacationcity #pageWrapper, body#vacationcity #page {width:810px;}
body#vacationcity #content {border:0; padding:0;}
iframe {background:#FFF url(images/ajax-loading.gif) no-repeat center 5%;}
body#vacationcity h2 {display:none;}
body#forum #content {border:0; width:100%;}


/* BACKGROUNDS */
body#home {background:url(images/flower.gif) no-repeat right 100% fixed;}
#home #content {background:transparent; border:0; padding:0;}

body#costarica {background:transparent url(images/bg-1.gif) no-repeat top right fixed;}
body#rsvp {background:transparent url(images/bg-6.gif) no-repeat top right fixed;}
body#accommodations {background:transparent url(images/bg-2.gif) no-repeat top right fixed;}
body#forum {background:#FDFBEE url(images/bg-flowers.jpg) no-repeat top center fixed;}
body#registry {background:transparent url(images/bg-3.gif) no-repeat top right fixed;}
body#packages {background:transparent url(images/bg-7.gif) no-repeat top left fixed;}
body#guestpackages {background:#FDFBEE url(images/bg-flowers.jpg) no-repeat center top fixed;}

#content {
	background-color: #fff;
	/* for IE */
  	filter:alpha(opacity=97);
  	/* CSS3 standard */
  	opacity:0.97;
}

/* Header */
#header {padding-top:5%; margin-bottom:20px;}
#home #header {padding:25% 0;}



/* ---------------------------------------------------------------- */
/* COMMON DEFENITIONS
/* ---------------------------------------------------------------- */

html, body {height:100%;}
h1 {font-size:100%;}
h2 { font-family:"Times New Roman", Times, serif;color:#993366; font-size:123.1%; margin:1em 0; padding:1em;	background-color:#eee;} /*CBE3F5*/
h3 {color:#26488D; font-size:108%; }

p {font-size:93%; margin-bottom:1.2em}
a {color:#006699; text-decoration: none;}
a.backToTop {display:block; position:relative; background-color:#444; color:#FFFFFF; margin:1em 0; font-variant:small-caps; padding:.4em 1em; text-align:right;}

small {font-size:77%; color:#999;}
acronym {cursor:help;}
ul li {margin:1.2em 1.5em;list-style-type:disc;}

#content {
	border:1px solid #ccc;
	width:96%; /* allows borders to show [96% for 700px] [97% for 900px]... */
	padding:10px;
	min-height:10%;
}


/* ---------------------------------------------------------------- */
/* IR
/* ---------------------------------------------------------------- */
.logo.ir a {display:block}
.logo.ir a span {display:none;}
.logo.ir a {width:292px; height:56px; background:url(images/andresandkristina.gif) no-repeat left top;}
.logo.ir a:hover {background:url(images/andresandkristina.gif) no-repeat left bottom;}

.fdate {margin:10px auto 0 auto; height:13px; width:179px; background:transparent url(images/fdate.gif) no-repeat bottom left;}
.fdate span {display:none;}

/* ---------------------------------------------------------------- */
/* Main Menu
/* ---------------------------------------------------------------- */
#nav.mainmenu  {display:block; float:left; width:100%; margin-top:10px; padding:0;}
#nav.mainmenu li {float:left; margin:0; list-style-type:none;}
#nav.mainmenu li a {display:block; height:16px;}
#nav.mainmenu li a span{display:none;}

#nav.mainmenu li.cr a {width:72px; background:url(images/menu.gif) no-repeat left top;}
#nav.mainmenu li.cr a:hover, #costarica li.cr a {background-position:left bottom;}

#nav.mainmenu li.acc a {width:121px; background:url(images/menu.gif) no-repeat -72px top;}
#nav.mainmenu li.acc a:hover, #accommodations li.acc a {background-position:-72px bottom;}

#nav.mainmenu li.reg a {width:65px; background:url(images/menu.gif) no-repeat -193px top;}
#nav.mainmenu li.reg a:hover, #registry li.reg a {background-position:-193px bottom;}

#nav.mainmenu li.gf a {width:92px; background:url(images/menu.gif) no-repeat -258px top;}
#nav.mainmenu li.gf a:hover, #guestforum li.gf a {background-position:-258px bottom;}

#nav.mainmenu li.rsvp a {width:42px; background:url(images/menu.gif) no-repeat -350px top;}
#nav.mainmenu li.rsvp a:hover, #rsvp li.rsvp a {background-position:-350px bottom;}

/* Sub menu */
/* Mozillas/IE 7 and above using Transparencies */
#nav.mainmenu li ul.sub {position:absolute; width:200px; padding:.5em 0 1.5em 0; margin:0; border-top:1px solid #eee; background:transparent url(images/dropdown-bg.png) no-repeat bottom center; left: -999em; /* Hack - left Used to push menu off screen */}
#nav.mainmenu li ul.sub li {display:block; margin:.5em 0px; padding:0 0 0 12px;}
#nav.mainmenu li ul.sub li a {width:170px; height:10px;} /* Set Width for all Links Here (Usually BG Img Width) */
#nav.mainmenu li ul.sub li a:hover {color:#9FDD0B; text-decoration:none;}
/* Hack - left Used to push menu back to screen instead of display:none/block */
	#nav.mainmenu li:hover ul.sub, 
	#nav.mainmenu li.iehover ul.sub {left: auto;}/* attached by javascript for IE */

/*Costa Rica*/
#nav.mainmenu li ul.sub li.culture a {background:url(images/submenu.png) no-repeat left top;}
#nav.mainmenu li ul.sub li.culture a:hover {background:url(images/submenu.png) no-repeat left -250px;}

#nav.mainmenu li ul.sub li.tamarindo a {background:url(images/submenu.png) no-repeat left -25px;}
#nav.mainmenu li ul.sub li.tamarindo a:hover {background:url(images/submenu.png) no-repeat left -275px;}

#nav.mainmenu li ul.sub li.map a {background:url(images/submenu.png) no-repeat left -50px;}
#nav.mainmenu li ul.sub li.map a:hover {background:url(images/submenu.png) no-repeat left -300px;}

#nav.mainmenu li ul.sub li.importantinfo a {background:url(images/submenu.png) no-repeat left -75px;}
#nav.mainmenu li ul.sub li.importantinfo a:hover {background:url(images/submenu.png) no-repeat left -325px;}

#nav.mainmenu li ul.sub li.eventschedule a {background:url(images/submenu.png) no-repeat left -225px;}
#nav.mainmenu li ul.sub li.eventschedule a:hover {background:url(images/submenu.png) no-repeat left -475px;}

/*Accommodations*/
#nav.mainmenu li ul.sub li.guestpack a {width:172px; background:url(images/submenu.png) no-repeat left -100px;}
#nav.mainmenu li ul.sub li.guestpack a:hover {background:url(images/submenu.png) no-repeat left -350px;}

#nav.mainmenu li ul.sub li.included a {width:172px; background:url(images/submenu.png) no-repeat left -125px;}
#nav.mainmenu li ul.sub li.included a:hover {background:url(images/submenu.png) no-repeat left -375px;}

#nav.mainmenu li ul.sub li.booknow a {width:172px; background:url(images/submenu.png) no-repeat left -150px;}
#nav.mainmenu li ul.sub li.booknow a:hover {background:url(images/submenu.png) no-repeat left -400px;}

#nav.mainmenu li ul.sub li.theresort a {width:172px; background:url(images/submenu.png) no-repeat left -175px;}
#nav.mainmenu li ul.sub li.theresort a:hover {background:url(images/submenu.png) no-repeat left -425px;}

#nav.mainmenu li ul.sub li.addons a {width:172px; background:url(images/submenu.png) no-repeat left -200px;}
#nav.mainmenu li ul.sub li.addons a:hover {background:url(images/submenu.png) no-repeat left -450px;}

/* ---------------------------------------------------------------- */
/* ABSOLUTE POSITION
/* ---------------------------------------------------------------- */
.language {position:absolute; top:10px;right:0;width:20%; float:left; background-color:#fff;padding:10px;}
.language a {float:left; width:50px; height:8px;}
.language a span {display:none;}
.language a.en {background:transparent url(images/language.gif) no-repeat top left}
.language a.en:hover, .en a.en {background-position:bottom left}
.language a.es {background:url(images/language.gif) no-repeat top right}
.language a.es:hover, .es a.es {background-position:bottom right}

#home #footer {position:absolute; bottom:0px;}
#home .poem {display:block; position:absolute; bottom:50px; color:#666; font:10px Georgia, "Times New Roman", Times, serif;}
#home .poem p {margin:.2em 0; padding:0; text-align:center;}



/* ---------------------------------------------------------------- */
/* OTHER
/* ---------------------------------------------------------------- */

.translators {
	display:none;
	position:absolute;
	z-index:1000;

	width:500px;

  /*  float:left;*/
	background-color:#000;
	border:5px solid #FFF;	
	
	overflow:hidden;
/*	centering */
	left:50%;
	margin-left:-250px;

	margin-top:-50px;
	top:15%;

	
	color:#FFFFFF;
	padding:50px 20px;
	text-align:center;
}

.overlay {
	display:none;position:absolute; top:0; left:0; z-index:999; 
	background-color: #000;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity:0.5;
}

.googleTranslate {float:left;margin:50px auto 0;}
.yahooBabel {float:right; margin:50px auto 0;}







.option_head {background:#8184A0;color:#FFF;padding:3px; margin-bottom:10px}

table.table_rates {border:0px solid #ccc; width:100%}
table.table_rates td {border-bottom:0px solid #eee; padding:3px 0;}
tr.row-prices td {background-color:#FFF; border-bottom:1px solid #ccc; }

td.table_rates_head  {background-color:#eee;}
.warnnote {color:#FF0000; font-weight:bold;}

ul.hMenu li {display:inline;}


.macys {text-align:center; margin:10% 0;}
#registry h2 {display:none;}

.vacationcity {text-align:center; margin:10% 0;}
#accommodations h2 {display:none;}
#accommodations img {margin:20px;}