@charset "utf-8";

/* CSS Document */



body

{

	background: #000033;

	margin:2em 0 0 0; padding:0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000000;

}



h1,h2,h3,h4,h5,h6	{ margin:0 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fff;}

h1 {font-size:2.2em;font-weight:bold;}

h2 {font-size:1.8em;font-weight:bold;}

h3 {font-size:1.6em;font-weight:bold; text-align:justify;}

h4 {font-size:1.2em;font-weight:bold;}

h5 {font-size:1.0em;font-weight:bold;}

h6 {font-size:0.9em;font-weight:bold;}



a:link, a:visited {background:transparent;font-weight:normal;text-decoration:underline; color:#267195;}

a:hover{background:transparent;font-weight:normal;text-decoration:none; color:#267195;}



/* For firefox related to visited link */

/* 

	a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;} 

	a:focus{color:#FF0000;}

*/

p{ margin:5px 0 10px 0; padding:0; line-height:1.8em; text-align:justify; }

p img.left-align { margin:0 0.8em 0.8em 0; padding:0; float:left;}

p img.right-align { margin:0em 0 0.8em 0.8em; float:right;}



ul{ margin:10px 0 10px 0; padding:0; list-style:none;}

ul li{margin:0.4em 0 0.4em 0; padding:0 0 0 15px; background:url(../../images/listbullet.jpg) no-repeat 0px 6px;}



ol{ margin:10px 0 10px -15px; padding:0;}

ol li{margin:0.4em 0 0.4em 0; padding:0 0 0 15px; list-style-position:inside;}





blockquote {margin:1.5em;color:#000;font-style:italic;}

sup, sub {margin:0; padding:0;}



address {margin:0 0 0 0;font-style:italic;}

del {color:#000000;} /* The del tag can be used to show deleted text with new inserted text */



dl {margin:1.0em 0 1.0em 0;}

dl dt {font-weight:bold; margin:0; padding:0;}

dd {margin:0.5em 0 0.5em 20px; padding:0;}

dd ul li{ margin:0; padding:0 0 0 10px;}

dd ol li{ margin:0; padding:0 0 0 10px;}





table {margin:0 0 0px 0; padding:0; border:0px solid #cccccc; border-right:none; border-top:none;}

td{ margin:0; padding:3px; border:0px solid #cccccc; border-bottom:none; border-left:none; }

th {font-weight:bold; text-align:left; padding:3px; border-right:0px solid #cccccc; border-top:0px solid #cccccc;} /* By default text is center align in th tag*/

thead th {font-weight:bold; background:#eeeeee;}

tfoot{font-weight:bold; color:#006600; background:#eeeeee;}



caption{margin:0 0 5px 0; padding:0; font-weight:bold; text-align:left; } /* Caption is used to define the Table Heading. By default it is center align of the table.*/



q { margin:0; padding:0; font-style:italic; font-weight:bold;}





/* -------------------------------- Layout ID & Classes -------------------------------------- */



/* ------------------ Header Section Start Here ------------------ */



#header		

{

		margin:0 auto;			/* Set your margin from left and right side of the screen */		

		padding:0;

		width:990px;					/* Adjust width according to your webpage layout */

		position:relative;

		background:inherit;

		color:#FFFFFF;

}

#topmenu { margin:0px 0 0 0; padding:0; width:988px; height:37px; font-size:13px; background:url(../images/topmenu-bg.jpg) repeat-x; border:1px solid #053550; border-top:none; border-left-color:#fff; border-right-color:#fff; }



#topmenu ul { margin:0; padding:0; list-style:none;}

#topmenu ul li{ margin:0; padding:0; list-style:none; float:left;}

#topmenu ul li.topmenu-seprator{ margin:0; padding:0; background:url(../images/topmenu-seprator1.jpg) no-repeat 0 9px; height:32px; width:1px; float:left; }



#topmenu ul li a{ margin:0; padding:0 25px 0 25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#493402; text-decoration:none; line-height:2.8em;}
#topmenu ul li a:hover{ margin:0; padding:0 25px 0 25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:none; line-height:2.8em;}





/* ------------------ Header Section End Here ------------------ */



/* ------------------ Banner Section End Here ------------------ */



#header #banner		

{

		margin:0 auto;				

		padding:0;

		width:980px;					

		height:203px; 				

		position:relative;

		background:url(../images/costa-rica-real-estate.gif) no-repeat;

		color:#FFFFFF;
		border:5px solid #FFFFFF;

}

#banner #logo
{
	margin:0; padding:0; position:absolute; width:600px; height:70px; top:20px; left:10px; font-size:14px
}

/* ------------------ Banner Section End Here ------------------ */



/* ------------------ Body Container Section Start Here ------------------ */



#container

{

		margin:0 auto;

		margin-top:0px;

		padding:0;

		width:990px;

		height:auto;
		background:#ffffff;
		

}



#container #left-column{margin:0; padding:10px 5px 15px 5px; width:180px; height:auto; float:left; border:0px solid #CCCCCC; background:#fff; min-height:400px;}

#container #center-column{
	margin:0 0 0 0;
	padding:5px 10px 0 10px;
	width:590px;
	height:auto;
	background:#ffffff;
	float:left;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container #center-column h2 {
	font-size:12pt;
	font-weight:lighter;
	color:#000;
}
#container #right-column{margin:0; padding:10px 0 15px 0; width:190px; height:auto; float:left; border:0px solid #CCCCCC; background:#fff; min-height:400px;}






/* ------------------ Body Container Section End Here ------------------ */





/* ------------------ Footer Section Start Here ------------------ */



#footer

{

		margin:0 auto;

		margin-top:10px;

		padding:0 0 0 0;

		line-height:1.8em;
	
		width:990px;

		height:50px;

		position:relative;

		background:#000033;

		color:#FFFFFF;

}

/* ------------------ Footer Section End Here ------------------ */



/* ------------------ Active Tab CSS Code ------------------ */

body#home a#homenav,

body#about a#aboutnav,

body#tour a#tournav,

body#destination a#destinationnav,

body#hotel a#hotelnav,

body#realestate a#realestatenav,

body#contact a#contactnav

{

	background:url(../images/topmenu-active.jpg) no-repeat bottom;

	float:left;

}





/* Common Classes */

.strong		{font-weight:bold;}

.clearer	{margiin:0; padding:0; clear:both;}

.highlight	{margin:0; padding:2px 4px 2px 4px; background:#CCFF66; border:1px solid #cccccc; color:#000; font-style:normal; font-weight:normal;}

.leftfloat	{ float:left;}

.rightfloat	{ float:right;}

.imageborder{ border:1px solid #333; padding:2px;}

.black { color:#333333;}

.strike-through { text-decoration:line-through;}

.red { color:#FF0000;}



.left-margin{margin-left:0;padding-left:0;} 			/*Used to set left margin and padding zero. */

.right-margin {margin-right:0;padding-right:0;}			/*Used to set right margin and padding zero. */

.top-margin {margin-top:0;padding-top:0;}				/*Used to set top margin and padding zero. */

.bottom-margin {margin-bottom:0;padding-bottom:0;}		/*Used to set bottom margin and padding zero. */