/* CSS Document */

* {
	margin: 0;
	}
	
a {
	text-decoration: none;
	border: 0;
	color: #667D25;
	}
	
body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin: 0px;
	background-image: url(../images/bg05.jpg);
	background-repeat: repeat-x;
	background-color:#0d212f;
	}

ul#top_phone {
	overflow:hidden;
	font-size:12px;
	color:#99A2AD;
	width:872px;
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
}

ul#top_phone li {
	font-size:13px;
	background:none;
	float:none;
	color:#99A2AD;
	display:inline;
	padding:0;
}

#topBar {
	margin: 10px auto 10px auto;
	width: 872px;
	height: auto;
	overflow:hidden;
}
	
#topBar li {
	padding: 0 0 0 10px;
	background: url(../images/topBar-divider.gif) no-repeat 3px 1px;
	}
	
#topBar a {
	color: #99a2ad;
	padding-bottom: 1px;
	}
	
#topBar a:hover {
	background: url(../images/underline01.gif) repeat-x 0 bottom;
	}
	
#topBar .first {
	background: none;
	}
	
#topBarMenu {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	float: right;
	}
	
#blindLink {
	float: left;
	margin-left: 250px;
	width: 200px;
	display:inline;
	}
	
#blindLink a {
	display: block;
	width: 200px;
	height: 10px;
	text-decoration: none;
	}
	
#blindLink a:hover {
	background: none;
	}
	
#espanol {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	float: left;
	}
	
#mainContent {
	border: 3px solid #99af4a;
	width: 872px;
	margin: 0 auto 5px auto;
	background:#FFFBE4 url(../images/bg-big01.gif) no-repeat right bottom ;
	}
	
#header {
	width: 872px;
	height: 194px;
	border-bottom: 1px solid #647415;
	}
	
#head00, 
#tools #head01 {
	background: url(../images/vallarta-gardens-header14.jpg) no-repeat right;
	}
	
#location #head01,
#pv #head01,
#laCruz #head01,
#story #head01 {
	background: url(../images/vallarta-gardens-header11.jpg) no-repeat right;
	}
	
#realestate #head01,
#prc #head01,
#whole #head01,
#floorplans #head01,
#exchange #head01,
#photos #head01 {
	background: url(../images/vallarta-gardens-header12.jpg) no-repeat right;
	}
	
#activities #head01,
#land #head01,
#water #head01,
#eco #head01 {
	background: url(../images/vallarta-gardens-header15.jpg) no-repeat right;
	}
	
#thankyou #head01,
#requestinfo #head01 {
	background: url(../images/vallarta-gardens-header16.jpg) no-repeat right;
	}
	
#rentals #head01 {
	background: url(../images/vallarta-gardens-header17.jpg) no-repeat right;
	}
	
#milestones #head01 {
	background: url(../images/vallarta-gardens-headerX.jpg) no-repeat right;
	}
	
#logo {
	background-position: top left;
	background-image: url(../images/vallarta-gardens-logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 351px;
	height: 194px;
	border-right: 3px solid #99af4a;
	}
	
#logo a {
	display:block;
	width: 340px;
	height: 155px;
	}
/*--------------------------------- menu bar -------------------------*/
#menuBar {
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	width: 872px;
	height: 33px;
	background-color: #566700;
	border-bottom: 2px solid #9fada4;
	}
	
#menuBar ul, #topBar ul, #menuSub ul {
	list-style-type: none;
	}
	
#menuBar ul {
	margin-left: 300px;

	}
	
#menuBar li {
	margin: 10px 8px 0 0;
	padding-left: 8px;
	padding-bottom: 10px;
	background: url(../images/menu-divider.gif) no-repeat left 1px;
	}
	
#menuBar li, #topBar li, #menuSub li {
	font-style: normal;
	font-weight: normal;
	color: #dcff2d;
	float: left;
	}

#menuBar #mainNav li {
	float:right;
}

#menuBar .location {
	background-image:none;
	}
	
#menuBar a {
	color: #fff;
	padding-bottom: 1px;
	}

#menuBar a:hover {
	background: url(../images/underline02.gif) repeat-x 0 bottom;
	}
	
/**
#location #menuBar .location a,
#pv #menuBar .location a,
#laCruz #menuBar .location a,
#story #menuBar .location a,

#realestate #menuBar .realestate a,
#prc #menuBar .realestate a,
#whole #menuBar .realestate a,
#floorplans #menuBar .realestate a,

#activities #menuBar .activities a,
#land #menuBar .activities a,
#water #menuBar .activities a,
#eco #menuBar .activities a,

#milestones #menuBar .milestones a,
#rentals #menuBar .rentals a,
#requestinfo #menuBar .requestinfo a,
#contact #menuBar .contact a
	{
	padding-bottom: 10px;
	background: url(../images/arrow_indicator.gif) no-repeat center bottom;
	}
**/
#menuBar a.active {
	padding-bottom: 10px;
	background: url(../images/arrow_indicator.gif) no-repeat center bottom;
}
	
.first {
	background: none;
	}
	
ul#leftLink {
	float:left; 
	list-style:none;
	width: 300px;
	padding:0 0 0 5px;
	margin-left:0px; 
	}
	
ul#leftLink li {
	float:left;
	text-transform:uppercase;
	}
	
#photos ul#leftLink li a {
	padding-bottom: 10px;

	}
	
	ul#leftLink li.first {
		background: none;
		}
/*------------------------------------- Sub menu ------------------------*/
#menuSub {
	width: 872px;
	height: 19px;
	background-color: #bdcec3;
	font-size: 10px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}

#menuSub a {
	color: #4d70a0;
	padding-bottom: 1px;
	}
#menuSub ul {
	overflow:hidden;
}
	
#location #menuSub ul,
#pv #menuSub ul,
#laCruz #menuSub ul,
#story #menuSub ul {
	margin-left: 320px;
	}

#prc #menuSub ul,
#whole #menuSub ul,
#floorplans #menuSub ul,
#exchange #menuSub ul,
#photos #menuSub ul {
	margin-left: 250px;
	}

#realestate #menuSub ul {
	margin-left:255px;
}
	
#activities #menuSub ul,
#land #menuSub ul,
#water #menuSub ul,
#eco #menuSub ul {
	margin-left: 655px;
	}
	
#menuSub li {
	color: #294366;
	margin: 3px 8px 0 0;
	padding-left: 8px;
	padding-bottom: 1px;
	background: url(../images/menu-divider_sub.gif) no-repeat left 1px;
	}
	
#menuSub .pv,
#menuSub .prc,
#menuSub .land {
	background-image: none;
	}
	
#menuSub a:hover {
	background: url(../images/underline04.gif) repeat-x 0 bottom;
	}
	
#pv #menuSub .pv a,
#laCruz #menuSub .laCruz a,
#story #menuSub .story a,
#prc #menuSub .prc a,
#whole #menuSub .whole a,
#floorplans #menuSub .floorplans a,
#photos #menuSub .photos a,
#exchange #menuSub .prc a,
#land #menuSub .land a,
#water #menuSub .water a,
#eco #menuSub .eco a {
	background: url(../images/underline04.gif) repeat-x 0 bottom;
	}
/*------------------------------------- main image ----------------------*/
#mainImage {
	margin: 15px 0 0 15px;
	float: left;
	width: 343px;
	padding-bottom: 10px;
	display:inline;
	}
	
#mainImage img {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #e1ddc9;
	margin-bottom: 10px;
	float: left;
	}
/*-----------------------------------------------------------------------*/
#mainArea {
	float: left;
	width: 370px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	display: inline;
	}
	
#home #mainContent #mainArea {
	min-height: 100px;
	height: auto !important;
	height: 100px;
	}

/*-----------------------------------------------------------------------*/
.article {
	margin: 25px 0 10px 13px;
	}
	
.article p {
	width: 340px;
	margin-left: 20px;
	}
	
#requestinfo .article p {
	width: 350px;
	}
	
.article p img {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #bdcec3;
	margin: 0 4px 0 0;
	}
	
.article a {
	padding-bottom: 1px;
	background: url(../images/underline03.gif) repeat-x 0 bottom;
	}
	
#prc .article p.prcLinks a {
	margin-right: 9px;
	}
	
.article a:hover {
	background: none;
	}
	
ul.bulletList {
	list-style-type:circle;
	padding-left: 8px;
	clear: both;
	}
	
.article h3 {
	color: #990000;
	font-weight: normal;
	font-size: 21px;
	margin-bottom: 6px;
	}
	
#mainArea ul {
	line-height: 20px;
	font-size: 11px;
	color: #666;
	margin: 0 0 15px 26px;
	}
	
#prc .prcLinks {
	clear: both;
}
p.prcLinks {
	width: 380px;
}
p.prcLinks #currentLink {
	margin-right: 9px;
	color: #990000;
}

p {
	line-height: 20px;
	font-size: 11px;
	color: #666;
	margin: 0 0 10px 23px;
}
h4 {
	font-size: 13px;
	color: #1d4779;
	margin: 0 0 5px 23px;
}
.dividerLine {
	width: 300px;
	margin: 10px 0 10px 0;
	background-image:url(../images/divider001.gif);
	background-repeat:repeat-x;
}
/*----------------------- home page --------------------------------------*/

#home .article h3 {
	width: 400px;
	}
	
#home .article p {
	width: 340px;
	}

#home .article {
	height: 130px;
	}
	
#home #thumbArea {
	height: 70px;
	width: 280px;
	margin: 47px 150px 8px 0;
	padding-top: 0px;
	position: relative;
	bottom: 0;
	right: 0;
	float: right;
	display:inline;
	background: url(../images/reg-collection001.gif) no-repeat left top;
	}

#registryLink {
	display: block;
	text-decoration: none;
	background: none;
	width: 130px;
	height: 70px;
	float: left;
	}
	
#home #thumbInst {
	width: 130px;
	height: 50px;
	color: #5e7782;
	font-size: 10px;
	line-height: 15px;
	margin: 23px 0 0 8px;
	float:right;
	}
	
	#home #thumbInst a {
		padding-bottom: 2px;
		background: url(../images/underline05.gif) repeat-x 0 bottom;
		}
		
	#home #thumbInst a:hover {
		background: none;
		}

#rentalLink {
	position: absolute;
	text-indent: -9000px;
	display: block;
	width: 137px;
	height: 73px;
	/*left: 20px;
	top: 200px;*/
	background: url(../images/snipe_01.jpg) no-repeat;
	margin: 318px 0 0 21px;
	/*border: 1px dotted red;*/
	}

	/*-------------------------------------- position statement -------------*/
	#mainArea .positioner {
		margin: 25px 0 -10px 8px;
		text-transform: uppercase;
	}
	#mainArea .positioner p {
		width: 418px;
		font-size: 13px;
		line-height: 26px;
		color: #1d4779;
	}

/*----------------------- rentals ---------------------------------------*/
.article table {
	width: 355px;
	line-height: 16px;
	font-size: 11px;
	color: #666;
	margin: 0 0 10px 20px;
	background-color: #f2f2dd;
	}
	
	.article table td {
		padding: 4px 5px 4px 10px;
		border-top: 1px dashed #b0beb4;
		}
		
	.article table .headerColor {
		background-color: #d1dbcd;
		color: #32262f;
		}
		
		.article table .headerColor td {
			border: none;
			}
			
#rentals #mainArea .article {
	height: 620px;
	}
	
#rentals #mainArea .article p {
	width: 375px;
}

#rentals .article a {
	border-bottom: 1px dotted #667d25;
	background: none;
	}
	
	#rentals .article a:hover {
		border: none;
		}
	
/*----------------------- registry collection ---------------------------*/
#thumbAreaRegColl {
	height: 67px;
	width: 260px;
	margin: 0 221px 8px 0;
	margin-top: 40px;
	padding-top: 0px;
	position: relative;
	bottom: 0;
	right: 0;
	float: right;
	display:inline;
	}

#regMainImage {
	margin: 15px 0 0 15px;
	float: left;
	width: 343px;
	padding-bottom: 10px;
	display:inline;
	}

#regMainImage img {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #e1ddc9;
	margin-bottom: 4px;
	float: left;
}
	
#regCaption {
	font-size: 9px;
	color: #666;
	margin-left: 8px;
	/*text-align:center;*/
	}
	
#regLogo {
	background-image: url(../images/reg-collection02.gif);
	width: 150px;
	height: 78px;
	margin: 18px 0 0 96px;
	}
	
/*----------------------- floorplans ------------------------------------*/
.floorCaption {
	margin-top: -8px;
	clear: both;
	margin-bottom: 10px;
}
a.noUnderline {
	background: none;
	padding-bottom: 0;
	float: left;
}
a.floorplan01 {
	background: none;
	padding-bottom: 5px;
	padding-right: 2px;
	float: left;
}
.floorplanDescription {
	clear: both;
	padding-top: 10px;
}
#floorplans h4 {
	font-size: 11px;
	font-weight: bold;
	color: #1d4779;
	margin: 13px 0 3px 20px;
	text-transform:uppercase;
}
#floorplans .article ul,
#prc .article ul,
#water .article ul,
#land .article ul,
#eco .article ul
	{
	margin: -10px 0 15px 45px;
	list-style-type:circle;
}
.floorLink {
	margin: -5px 0 20px 10px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}

/*----------------------- milestones ------------------------------------*/
#milestones #mainArea .article p {
	padding-bottom: 5px;
}
h5 {
	margin: 10px 0 4px 19px;
	color: #1d4779;
	font-size: 11px;
	font-weight: bold;
}
.milestoneDate {
	font-size: 10px;
	font-weight: bold;
	color: #aeab9a;
}
/*----------------------- contact info ----------------------------------*/
.add01 {
	width: 195px;
	float: left;
}
.add01 p {
	width: 195px;
	}
#address {
	width: 480px;
}
.addressColorText {
	color: #990000;
}
/*------------------------------ photo gallery --------------------------*/
#thumbArea {
	height: 67px;
	width: 280px;
	margin: 0 201px 8px 0;
	margin-top: 40px;
	padding-top: 0px;
	position: relative;
	bottom: 0;
	right: 0;
	float: right;
	display:inline;
}
.thumb {
	width: 31px;
	height: 31px;
	background-color: #fff;
	float: left;
	margin-right: 6px;
	margin-bottom: 5px;
}
.thumb img {
	margin: 2px;
}
.thumb a {
	border: none;
	text-decoration: none;
}
#thumbInst {
	width: 80px;
	height: 50px;
	color: #5e7782;
	font-size: 10px;
	line-height: 13px;
	margin: 4px 10px 0 0;
	float:left;
}
#location #thumbInst,
#laCruz #thumbInst,
#pv #thumbInst,
#story #thumbInst
	{
	width: 70px;
	margin-right: 0px;
}
/* ======================================== */
/* ======================================== */
/* ======================================== */
#photoGallery p {
	width: 475px;
	margin: 5px 0 0 42px;
}
#photoGallery ul {
	margin:0;
	padding:16px 0px 0px 24px;
	display:block;
	height:390px;
	}

#photoGallery ul li {
	float:left; 
	margin:0px 18px 18px 0px;
	border:1px solid #d6d0b2;
	}
	 
#photoGallery ul li a {
	display:block; 
	width:75px; 
	height:50px; 
	border:4px solid #fff;
	}
	
#photoGallery ul li a:hover {
	border:4px solid #ddd;
	}
	
#photoGallery h3 {
	color: #990000;
	font-weight: normal;
	font-size: 21px;
	margin-bottom: 6px;
	text-transform:uppercase;
}

#photoGallery ul img {
	margin:0 0 5px 0;
}
/* ======================================== */
/* ======================================== */
/* ======================================== */
/*-----------------------------------------------------------------------*/
#footer {
	width: 872px;
	font-size: 12px;
	color: #869098;
	margin: auto auto 10px auto;
	clear: both;
}
#footerRight {
	float: right;
	margin-right: 10px;
	margin-bottom: 25px;
}
/*------------------------------ request info form ----------------------*/
form {
	width: 100%;
	margin: 10px 0px;
}
#requestinfo .article form p {
	width:400px;
	clear:left;
	margin-left: 20px;
	padding: 0;
}
fieldset {
	border: none;
}
label {
	line-height: 20px;
	font-size: 11px;
	color: #8c8c8c;
	float:left;
	margin: 0 10px 5px 0;
	width: 120px;
	text-align:right;
}
input {
	border: 1px solid #ccc;
	margin: 0 10px 3px 0;
	padding: 2px;
}
#requestinfo .article form p .last {
	margin: 8px 10px 0 130px;
}
select {
	margin: 0 0 8px 0;
}
/*------------------------------ legal ---------------------------------*/
#legal {
	background-color:#FFFBE4;
	background-image:none;
	}
#legal #header {
	width: 100%;
	background-color: #99af4a;
	height: 22px;
}
/*------------------------------ tools page ----------------------------*/

#tools form {
	padding: 20px 10px 10px 0px;
	margin: 20px;
	background-color: #738b29;
	width: 325px;
	}

	#tools form label {
		color: #fff;
		}
	
	#tools form .submitButton {
		margin-left: 20px;
		clear: both;
		}
		
#tools .article .clear {
	padding-bottom: 75px;
	}

#tools .stronger {
	font-weight: bold;
	}
	
/* ---------------------------------------------------------------------*/
.clear {
	clear: both;
}
.bottomClear {
	clear: both;
	width: 20px;
}

#google_translate_element {
	float:left;
}
div.goog-te-gadget div {
	display:inline;
}
div.goog-te-gadget select {
	margin:0 5px 0 0 !important;
}
.goog-te-gadget {
	color:#99A2AD !important;
}