/*
-----------------------------------------------
Pearl Point Vacation Home	- http://www.pealpoint.ca
author:   Logistica Systems
Date:  08.03.2010
----------------------------------------------- */

* { margin: 0; padding: 0; }

/* 2010 Layout */
#header{
	width:100%;
	height: 152px; /* 150 header height + 2 px for bg lines */	
}

#header_content {
	width: 960px;
	margin: 0 auto;
	text-align:center;		
}

#nav
{
	width:100%;
	background-color: #73B06F; /*sea foam green*/
	border:0px solid red;
}

#nav_content {
	width: 920px;
	margin: 0 auto;
	text-align:left;
	border:0px solid yellow;
		
}


/* Main Content */
#main{
	width:100%;
	margin: 0 auto;
	text-align:left;}

#main_content {
	width: 920px;
	margin: 0 auto;
	text-align:left;
	padding-top:2em;
	padding-bottom:1em;
	overflow: hidden;
	border: 0px solid BLUE;
	font-size: 14px;
}

/* FOOTER AREA */
#footer {
	width:100%;	
}

#footer_content {
	width: 960px;
	margin: 0 auto;
	
}


/* The Usual Stuff */

html,body{
	font: normal 14px arial, Helvetica, sans-serif; 
	color: #00477F; 
	margin: 0; 
	padding: 0;
}

body	{

	background-image: url(images/pp_bg_new.png);
	background-repeat: repeat-x;
	background-position: left top;
	
}

h1 {
	background-color:#E0E0E0;
	border-bottom: solid 2px #999999;
	text-indent: .7em;
	margin:0;
	padding: 2px 0 2px 0;
	color: #235379;
	font: normal 16pt "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin-bottom: .5em;

	
}

h2 {
	font: bold 12pt arial,Verdana, sans-serif;
	color: #63965f;
	margin-bottom: .5em;
}


h3 {
	font: bold 14pt "Times New Roman", Times, serif;
	color: #333333;
	margin-bottom: .2em;
	
}

h4 { /* new */
	font: bold 12pt arial,Verdana, sans-serif;
	color: #006BBF;
	margin-bottom: .2em;

}

.flashcontent {
	margin:0;
	z-index: 100;
}

p{
	font: normal 14px arial, Helvetica, sans-serif;
	color: #00477F;
	line-height: 130%;
	padding-bottom: .5em;
	
	
}

p.new {font: normal 14px arial, Helvetica, sans-serif; margin-bottom: .4em;}

span.small { font-size: 10px; }
span.form_message { font-weight: bold; color: red; font-size: 11px; }
p.form_message { }


.list{ margin-left:2em; margin-bottom: .9em; }

.list li {
	list-style-image: url(images/bullet_tick.png);
	padding-bottom:0.2em; 
	font: 13px Arial, Helvetica, sans-serif;
	
}


a				{font-size: 13px; font-family: arial,Verdana, sans-serif; }
a:link,a:active {color: #006BBF; text-decoration: none; }
a:visited		{color: #006BBF; text-decoration: none;}
a:hover			{color: #333; text-decoration: none;}

a.dash:link,a.dash:active {color: #006BBF; text-decoration: none; border-bottom: 1px dashed #006BBF; font-size: 14px; }
a.dash:visited		{color: #006BBF; text-decoration: none; border-bottom: 1px dashed #006BBF}
a.dash:hover		{color: #333; text-decoration: none; border-bottom: 1px solid #333}

img.floatleft	{float: left; margin-right: 10px;}
img.floatright	{float: right; margin-left: 10px;}

.small			{font-size: 10px; color:#C80000; }

.border			{border: 1px solid #CCC; margin: 0 0 3em 1em; }

/* Misc */

.contentbg {
	background-image: url(images/bg_cont.gif);
	background-repeat: no-repeat;
	padding: 10px 25px;
	background-position: left top;
}


.contentbg_new {
	margin: 0;
	background-image: url(images/bg_cont841.gif);
	background-repeat: no-repeat;
	padding: 10px 25px;
	background-position: top left;
}



.content {
	padding: 0em 0.5em;
}

.content_home {
	padding: 0em .5em;
}


.copyright {font-size: 9px; color: #333; font-family: Verdana, arial, sans-serif; margin-right:15px;}


div.intro p {
	font: italic 15px arial, serif ;
	color: #000000;
	line-height: 120%;
	margin-top: 0px;
}


/* 2008 Home page CSS  */
div.intro08 p {
	font: normal 16px Georgia,serif ;
	color: #000000;
	line-height: 125%;
	margin-top: 0px;
	text-align: justify;

}

div.hometxt p {
	font: normal 15px arial, serif ;
	color: #00477F;
	line-height: 120%;
	margin-top: 0px;
	
}

a.link				{font-size: 14px; font-family: arial,Verdana, sans-serif; }
a.link:link			{color: #006BBF;text-decoration: underline;}
a.link:visited		{color: #006BBF;text-decoration: underline;}
a.link:hover		{color: #006BBF; text-decoration: underline;  }

input, select, textarea {
 border: 1px solid #333;
 font-family: arial;
 font-size: 12px;
 color: #333;
 background-color:#F5F5F5;
 }


/* Images with Caption */
div.figure {
  text-align:center;
  margin: 0em;
  padding: 0em;
}

div.figure p {
	font-style: italic;
	text-align: right;
	font-size: 9pt;
	text-indent: 0;
	padding: 0px 2em 0px 0px;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	margin: 0px;
}

/* Bottom Horz Navigation*/
a.horznav			{font-size: 10px; font-family: Verdana, arial, sans-serif; text-decoration: none}
a.horznav:link		{color: #333; }
a.horznav:visited	{color: #333; }
a.horznav:hover		{color: #333; text-decoration: underline}
.horznav			{font-size: 11px; color: #333 ; font-family: arial, Helvetica, sans-serif; text-align:center }


/*Legal Classes*/

a.logistica			{font-size: 9px; color: #333; font-family: Verdana, arial, sans-serif; text-decoration: none;}
a.logistica:link	{color: #333;}
a.logistica:visited {color: #333;}
a.logistica:hover	{color: #666; text-decoration: underline;}


/* Month.php Calendar*/

.tinylink {
	color:#FFFFFF;
}

.border			{border: 2px solid #CCC; margin: 0 0 3em 1em; }

/* Bottom Sitemap */


table.site_map {
	background-image: url(images/pp_bg_sitemap.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 15px;
}

div.sitemap li { list-style-image: url(); list-style-type:none; }

div.sitemap ul {margin:0; padding:0;}

a.linksite			{font-size: 12px; color: #006BBF;  text-decoration: none;}
a.linksite:link		{color: #006BBF;}
a.linksite:visited	{color: #006BBF;}
a.linksite:hover	{color: #00477F; text-decoration: underline;}


.clear { clear:both; }

/*- Page Peel flip--------------------------- */


#pageflip {
	position: relative;
}
#pageflip img {
	width: 60px; height: 62px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
}
#pageflip .msg_block {
	width: 60px; height: 60px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(images/subscribe.png) no-repeat right top;
	text-indent: -9999px;
}


/*- Costa Rica Gallery--------------------------- */
.gallery2 a {
	float:left; 
	width:175px;
	padding-bottom:20px; 
}

.gallery2 a img {
	border:1px solid #000000;
 
}

.clear {
	clear: both;
}


/* New Gallery Style  nov 29,2010*/

.gbox {
	float:left;
	width:210px;
	margin-bottom: 20px;	
	border: 0px solid BLUE;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: #e5f3ff;
border-bottom-width: 0;
width: 130px;
margin-top: 1em;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 124px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #63975f;
color: white;
}

.booking {
	background-image: url(/images/icon_reservation.png);
	background-repeat: no-repeat;
	width:32px; height:32px; 
	float:right;
	top: 0px;
	left: 0px;	
	position:relative; 	
	border:0px solid red;
}



.exchange {
	background-image: url(/images/icon_exchange.png);
	background-repeat: no-repeat;
	width:32px; height:32px; 
	float:right;
	top: 0px;
	left: 0px;	
	position:relative; 	
}


/* TABLES */
table.rates {
	border-width: 1px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.rates th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: green;
	background-color: rgb(255, 255, 240);
}
table.rates td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #999999;
	background-color: rgb(255, 255, 240);
}

/*  CSS3 BOX */

.rounded_box {
	margin: 0 auto; 
	width:450px; background-color:#e5e5e5; padding:15px;
	border: 1px solid #ccc;	
	text-align: center; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fcfcfc;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#E8E8E8));
	background: -webkit-linear-gradient(#fcfcfc, #E8E8E8);
	background: -moz-linear-gradient(#fcfcfc, #E8E8E8);
	background: -ms-linear-gradient(#fcfcfc, #E8E8E8);
	background: -o-linear-gradient(#fcfcfc, #E8E8E8);
	background: linear-gradient(#fcfcfc, #E8E8E8);
	-pie-background: linear-gradient(#fcfcfc, #E8E8E8);
	behavior: url(/PIE.htc);

}