@charset "UTF-8";
/* CSS Document */

/* Authored by brad@kaloupek.com
*/

* {
	padding:0;
	margin:0;
}
/*--------------------- --------------------------------------------------------------------------
 basic text stlying
-----------------------------------------------------------------------------------------------*/
.hide {
	display:none;
	background:transparent;
}
.left {
	float:left;
}
.right {
	float: right;
}
.clear {
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
	background-color:transparent;
}
img {border:0;}
/*-----------------------------------------------------------------------------------------------
  flash replacement tags
-----------------------------------------------------------------------------------------------*/
.scriptTags {
	height: 0;
	margin:0;
	padding:0;
}
/*-----------------------------------------------------------------------------------------------
  Main Layout
-----------------------------------------------------------------------------------------------*/
body {
	margin: 0;
	text-align:center;
	font: 13px/18px Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif, sans, Times;
	
}
#snipe {
z-index:1;
position:absolute;
float:right;
top: 0;
right:0;
}
#wrapper {
	width: 1000px;
	/* ie hacks */
	\width: 1000px;
	w\idth: 1000px;
	margin: 0 auto;
	z-index:10;
	
}

body.homepage {background-color:#A9DAF3;}
body.VueLiving {background-color:#A9DAF3;/* light blue */}
body.SanPedroSection {background-color:#A9DAF3;/* bright Yellow */}
body.BuyersSection {background-color:#A9DAF3;/* pale green */}
body.BrokersSection {background-color:#A9DAF3;/* pale brown*/} 
body.EventsSection {background-color:#A9DAF3;}
body.DevelopersSection {background-color:#A9DAF3;}
body.ContactUsSection {background-color:#A9DAF3;}
body.interestList {background-color:#A9DAF3;}

/*-----------------------------------------------------------------------------------------------
  header + mainNav Layout
-----------------------------------------------------------------------------------------------*/

#header {width:1000px; /* Inherits Gray background from #wrapper */}
#mainNav { padding: 30px 0 0 130px;}
#mainNav ul{list-style-type:none; padding:0; margin:0; background-color:#A9DAF3; }
#mainNav li{float:left; position:relative; z-index:125; text-align:center;}

#mainNav li a {font-weight:bold; font-size:14px; display:block; padding:0px 20px 0px 2px; text-decoration:none; margin-right:1px; text-align:left;}
#mainNav li a#Home  { width:50px; color:#496B74 /* green */}
#mainNav li a#Home:hover, #mainNav li.active a#Home {color:#513d3c}

#mainNav li a#VueLiving  { width:80px; color:#9D7B2D; background-color:#A9DAF3;  /* gold */}
#mainNav li a#VueLiving:hover, #mainNav li.active a#VueLiving {color:#513d3c}
#mainNav li a#SanPedro  {width:82px; color:#496B74; background-color:#A9DAF3;  /* blue */}
#mainNav li a#SanPedro:hover, #mainNav li.active a#SanPedro {color:#513d3c}
#mainNav li a#Buyers  {width:140px; color:#9D7B2D; background-color:#A9DAF3;  /* green */}
#mainNav li a#Buyers:hover, #mainNav li.active a#Buyers {color:#513d3c}
#mainNav li a#Brokers  {width:65px; color:#496B74; background-color:#A9DAF3;  /* gold */}
#mainNav li a#Brokers:hover, #mainNav li a#Brokers {color:#513d3c}
#mainNav li a#NewsEvents  {width:110px; color:#847268; background-color:#A9DAF3;  /* blue */}
#mainNav li a#NewsEvents:hover, #mainNav li.active a#NewsEvents {color:#513d3c}
#mainNav li a#TheDeveloper  {width:110px; color:#363928; background-color:#A9DAF3;  /* green */}
#mainNav li a#TheDeveloper:hover, #mainNav li.active a#TheDeveloper {color:#513d3c}
#mainNav li a#ContactUs  {width:80px; color:#9D7B2D; background-color:#A9DAF3;  /* gold */}
#mainNav li a#ContactUs:hover, #mainNav li.active a#ContactUs {color:#513d3c}

#mainNav ul ul, #mainNav ul ul li a, #mainNav ul ul li {display:block; font-size:11px; line-height:11px; padding:1px 1px; width:200px; font-weight:normal; color:#453231; text-decoration:none; margin-right:1px; text-align:left;}

#mainNav ul li.active a {font-weight:bold;}
#mainNav ul li.active a:hover {font-weight:bold;}
#mainNav ul li.active ul li a {font-weight:normal;}
#mainNav ul li a:hover {font-weight:bold;}
#mainNav ul li ul li a.active {font-weight:bold;}
#mainNav ul li ul li a:hover {font-weight:bold;}


#mainNav ul ul {visibility:hidden; position:absolute; display:block;  height:0;}
#mainNav ul li:hover ul, #mainNav ul a:hover ul, #mainNav ul li.active ul , #mainNav ul li.sfhover ul {visibility:visible;}

/*-----------------------------------------------------------------------------------------------
  Content types
-----------------------------------------------------------------------------------------------*/

#content {min-height:400px; margin: 100px 0 0 0; clear:both; }

#overviewContent {margin: 100px 0 0px 0; color:#fff; }
#overviewContent headerTitle {padding: 0; height: 50px; }
#overviewContent headerTitle h1 { font: normal 40px/40px Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif; height: 50px; color:#453231;}
#contentArea { margin:10px 0 0px 0; width:1000px; height:300px; overflow:hidden}



#photoArea { margin:20px 0 0px 0; width:1000px; height:340px; background-color:#453231;}
#sanPedroVideoContainer { margin:20px 0 0px 0; width:1000px; height:300px; background-color:#453231;}

#waterfrontContent { margin:20px 0 0px 0; width:1000px; height:370px; background-color:#86A244;}
#cultureGuide { margin:20px 0 0px 0; width:1000px; height:504px; background-color:#453231;}


/* Specify Individual Background color for text block... */

.VueBackground {background-color:#453231;} /*original Brown #543D3C */
.SanPedroBackground {background-color:#453231;}
.BuyersBackground {background-color:#453231;}
.BrokersBackground {background-color:#453231;}
.EventsBackground {background-color:#453231;}
.DevelopersBackground {background-color:#453231;}
.ContactUsBackground {background-color:#453231;}


#leftImage {float:left;}

#contentText { height:240px;  padding: 0 10px; margin: 40px 20px 10px 380px; width: 570px; text-align:left; color:#FFFFFF;  display: block; overflow-y: auto; }

#contentText a, #contentTextWithNav a { color:#fff;}

#contentTextWithNav {height:240px;  padding: 0 10px; margin: 40px 20px 10px 380px; width: 570px; text-align:left; color:#FFFFFF;  display: block; overflow-y: auto; }

#RightSubNavigation { float:right; text-align:left; padding: 0 0 20px 30px; width: 180px; font-size:11px; line-height:13px; color:#A9DAF3;}
#RightSubNavigation ul { padding:0; margin:0;}
#RightSubNavigation ul li {padding: 3px 0;}
#RightSubNavigation ul a {text-decoration:none; color:#A9DAF3; }
#RightSubNavigation ul a:hover {  }
#RightSubNavigation ul li {padding: 3px 0;}

.thumbnail {margin:5px;}

img {border:0;}
p {margin: 0 0 10px 0; }
ul {padding: 0 0 10px 25px;}
h2 {font-size:16px; line-height:18px; color:#A9DAF3; margin: 0 0 10px 0;}


/*-----------------------------------------------------------------------------------------------
  FOOTER
-----------------------------------------------------------------------------------------------*/

#footer {width:1000px; padding: 50px 0 10px 0; font:11px/10px Helvetica Neue, Arial, Helvetica, sans-serif; text-align:right; color:#000; }
#footer #logo {float:right; height:71px; width:80px;}

#footer p.footerText  {margin: 0  0 5px 0; padding: 32px 85px 0px 0;}
#footer p.footerText .greenBold {font-weight:bold; color:#778E1E; font-size:12px;}

#footer p.legal {margin: 0  0 3px 0; padding: 0px 85px 0px 0; font-size:9px; color:#333}

#footer a {text-decoration:none; color:#000}
#footer a:hover {text-decoration:underline;}
#footer .legal a {color:#333}