/* ---------------------------------- CSS Document ---------------------------------- */


/* - The Keys At Quinta - Site.css - */


/* ---------------------------------- InValid IE PNG Fix Rule ---------------------------------- */


#nav1 img, #nav2 img, #nav3 img, #nav4 img, #nav5 img, #nav6 img, #newcontent, #fullcontent, #secondcontent, #keycontent, #imagecontent, #handle1, #lagoright, #verderight, 
#pointeright, #maincontent {	behavior: url(/css/iepngfix.htc); }


/* ---------------------------------- Global Variables ---------------------------------- */


* {
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 0;
	font-family: Helvetica, Arial, sans-serif;
}
html, body, table, tr, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	background-color: #000000;
}
tr {	text-align: center;	height: 100%;}
td {	height: 100%; min-height: 100%; }
#wrapper {
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 895px;
	border-left: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
}

/* ---------------------------------- Text Link Colors ---------------------------------- */

a {	text-decoration: none;	cursor: pointer;}
a:link {	color: #999999;}
a:visited {	color: #999999;}
a:hover {	color: #FFFFFF;}
a:active {	color: #FFFFFF;}
#papercontent a:link { color: #FFFFFF; }
#papercontent a:hover { color: #DEDEDE; }

/* ---------------------------------- Text Rules ---------------------------------- */


h1, h2, p, #fullcontent li, #keycontent li, #scrollcontent li, #papercontent li {
	color: #FFFFFF;
	font-size: 25px;
	font-weight: normal;
	text-align: left;
	float: left;
	width: 400px;
	margin: 15px 0px 15px 28px !important;
	margin: 15px 0px 15px 12px;
	text-shadow: 0px 1px 0px #000;
}
h1 {
	text-shadow: 0px 1px 0px #000;
}
h2 {
	font-size: 14px;
	width: 450px;
	font-weight: bold;
}
p, #fullcontent li , #keycontent li, #scrollcontent li, #papercontent li {
	font-size: 12px;
	width: 460px;
	line-height: 15px;
	color: #CACACA;
}
#fullcontent h1, #keycontent h1, #imagecontent h1, #plancontent h1, #propertiescontent h1, 
#form h1, #image-gallery h1, #papercontent h1, #scrollcontent h1, #scrollcontent1 h1 {
	font-size: 18px;
	margin-top: 10px;
}
#fullcontent h2, #keycontent h2, #papercontent h2, #scrollcontent h2, #scrollcontent1 h2 {	font-size: 14px;}
#fullcontent li, #keycontent li, #scrollcontent li, #papercontent li {
	font-size: 12px;
	line-height: 15px;
	margin-left: 60px !important;
	margin-left: 30px;
	margin-top: 0px !important;
	margin-bottom: 4px !important;
}	
#fullcontent p, #keycontent p, #secondcontent h2, #secondcontent p, #lifestyle1 p, #papercontent li, #scrollcontent p, #scrollcontent1 p {
	margin: 5px 0px 5px 28px !important;
	margin: 5px 0px 5px 12px;
}
#secondcontent h1 {
	font-size: 25px;
	margin: 10px 0px 15px 28px !important;
	margin: 10px 0px 15px 12px;
}
#scrollcontent1 { height: auto; }
#maincontent h1, #maincontent h2 {
	margin: 15px 0px 15px 70px !important;
	margin: 15px 0px 15px 35px;
	font-weight: 100;
	text-shadow: 0px 1px 0px #333;
	width: 480px;
}
#maincontent h2 {
	margin: 10px 0px 5px 70px !important;
	margin: 10px 0px 5px 35px;
}
#maincontent h1, #secondcontent h1, #papercontent h1 {	letter-spacing: -1px; }
#fullcontent h2, #scrollcontent h2, #scrollcontent1 h2 {	margin-bottom: 5px !important;	margin-top: 5px !important; }
#papercontent h1, #papercontent h2 { width: 750px; margin-bottom: 5px !important; margin-top: 10px !important; }
#papercontent li { width: 750px; margin-bottom: 0px !important; margin-top: 5px !important;	margin-left: 60px !important; margin-left: 30px; }
#papercontent p { width: 750px; margin-bottom: 0px !important; margin-top: 5px !important;	margin-left: 60px !important; margin-left: 30px; }
#form h1 { margin-bottom: 0px; }

/* ---------------------------------- Standard Rules for Layouts (Inc Backgrounds) ---------------------------------- */


#container {
	position: relative;
	width: 895px;
	height: 100%;
	top: 0;
	margin: 0 auto 0;
}
#logo {
	width: 895px;
	top: 0;
	left: 0;
	height: 141px;
}
#logo img {	margin-top: 10px;}
#main, #main-design, #main-design-all, #main-lifestyle, #main-lifestyle-all, #main-contact, #main-properties, #main-lago, #main-verde, #main-pointe, #main-premier, #main-grey, #main-lifestyle-services, #main-contact-form, #main-contact-fly, #main-design-technology, #main-terms, #main-privacy, #main-news, #main-lifestyle-location, #main-lateral, #main-villa {	width: 895px;	height: 534px; }
#main 						{	background: url(/resources/img/backgrounds/home.jpg) no-repeat;}
#main-design 				{	background: url(/resources/img/backgrounds/designmain.jpg) no-repeat;}
#main-design-all 			{	background: url(/resources/img/backgrounds/design.jpg) no-repeat;}
#main-design-technology 	{	background: url(/resources/img/backgrounds/technology.jpg) no-repeat;}
#main-lifestyle 			{	background: url(/resources/img/backgrounds/lifestylemain.jpg) no-repeat;}
#main-lifestyle-all 		{	background: url(/resources/img/backgrounds/lifestyle.jpg) no-repeat;}
#main-lifestyle-services	{	background: url(/resources/img/backgrounds/services.jpg) no-repeat;}
#main-lifestyle-location	{	background: url(/resources/img/backgrounds/location.jpg) no-repeat;}
#main-contact-main			{	background: url(/resources/img/backgrounds/contact.jpg) no-repeat;}
#main-contact 				{	background: url(/resources/img/backgrounds/contact.jpg) no-repeat;}
#main-contact-form 			{	background: url(/resources/img/backgrounds/form.jpg) no-repeat;}
#main-contact-fly 			{	background: url(/resources/img/backgrounds/fly.jpg) no-repeat;}
#main-properties 			{	background: url(/resources/img/backgrounds/properties.jpg) no-repeat;}
#main-lago 					{	background: url(/resources/img/backgrounds/lago.jpg) no-repeat;}
#main-verde 				{	background: url(/resources/img/backgrounds/verde.jpg) no-repeat;}
#main-pointe 				{	background: url(/resources/img/backgrounds/pointe.jpg) no-repeat;}
#main-premier 				{	background: url(/resources/img/backgrounds/premier.jpg) no-repeat;}
#main-privacy 				{	background: url(/resources/img/backgrounds/privacy.jpg) no-repeat;}
#main-terms 				{	background: url(/resources/img/backgrounds/terms.jpg) no-repeat;}
#main-news 					{	background: url(/resources/img/backgrounds/news.jpg) no-repeat;}
#main-grey 					{	background: url(/resources/img/gallery/bg.gif) repeat-x; height: 596px; border-bottom: 2px solid #999999;}
#main-plan 					{	background: url(/resources/img/css/plans.gif) repeat-x; height: auto; width: 895px;}
#main-lateral				{	background: url(/resources/img/backgrounds/lateral.jpg) no-repeat; }
#main-villa					{	background: url(/resources/img/backgrounds/villa.jpg) no-repeat; }


/* ---------------------------------- All Navigation Rules ---------------------------------- */


#nav1, #nav2, #nav3, #nav4, #nav5, #nav6 {
	width: 895px;
	overflow: hidden;
	margin-bottom: 2px;
}
#nav1 {
	margin-top: 0px;
	height: 29px;
}
#nav1 ul {
	width: 895px;
	height: 27px;
	margin-top: 2px;
	background-color: #000000;
}
#nav1 li {
	float: left;
	width: auto;
	height: 27px;
	background-color: #000000;
}
#nav2, #nav3, #nav4, #nav5, #nav6 {
	background: #29292D;
	height: 25px;
}
#nav2 ul, #nav3 ul, #nav4 ul, #nav5 ul, #nav6 ul {
	width: 895px;
	height: 25px;
	margin-left: 14px;
}
#nav2 li, #nav3 li, #nav4 li, #nav5 li, #nav6 li {
	float: left;
	width: auto;
	height: 25px;
}
#nav6 li { height: 26px; }
#nav1 img {	height: 27px;}
#nav2 img, #nav3 img, #nav4 img, #nav5 img {	height: 25px;}
#nav6 img {	height: 26px;}
#nav2 li {	background-color: #29292D;}
#nav6 {
	background: #3F3F42;
	height: 26px;
}
#nav6 ul {	height: 26px;}
#fly {	margin-left: 761px !important;	margin-left: 373px; }
#properties {		margin-left: 14px !important;	margin-left: 7px; }


/* ---------------------------------- Navigation buttons specifications ---------------------------------- */

#properties a img 	{	width: 125px; }
#design img 		{	width: 101px; }
#lifestyle img 		{	width: 108px; }
#news img 			{	width: 60px; }
#contact img 		{	width: 106px; }
#algarve img 		{	width: 103px; }
#club img 			{	width: 79px; }
#drive img 			{	width: 62px; }
#facts img 			{	width: 87px; }
#finishes img 		{	width: 73px; }
#fly img 			{	width: 43px; }
#gallery img 		{	width: 124px; }
#golf img 			{	width: 59px; }
#lago img 			{	width: 87px; }
#location img 		{	width: 89px; }
#office img 		{	width: 124px; }
#players img 		{	width: 118px; }
#pointe img 		{	width: 89px; }
#services img 		{	width: 78px; }
#technology img 	{	width: 111px; }
#verde img 			{	width: 88px; }
#floorplans img 	{	width: 101px; }
#keys-gallery img 	{	width: 119px; }
#masterplan img 	{	width: 103px; }
#lateral img 		{	width: 140px; }
#villa img 			{	width: 131px; }


/* ---------------------------------- Content Specifications ---------------------------------- */


#maincontent, #secondcontent, #newcontent, #contactcontent, #keycontent, #imagecontent, #papercontent, #fullcontent  {
	height: auto;
	margin-top: 0px;
	position: relative;
	overflow: hidden;
	background: url(/resources/img/png/80.png) no-repeat;
	padding: 15px 0px 15px 0px;
	float: left;
	width: 540px;
}
#maincontent {
	width: 895px;
	background: url(/resources/img/png/45.png) no-repeat;
	padding: 0px 0px 0px 0px;
}
#papercontent {
	padding: 15px 0px 25px 0px;
	width: 895px;
	background: transparent;
}
#secondcontent {	padding: 0px 0px 0px 0px;}
#keycontent, #imagecontent {
	height: 419px;
	width: 537px;
}
#lagoright, #verderight, #pointeright {
	float: right;
	width: 356px;
	height: 449px;
}
#fullcontent {
	padding-bottom: 0px;
	height: 461px;
	position: relative;
}
#lagoright {	background: url(/resources/img/logos/keylago.png) no-repeat;}
#verderight {	background: url(/resources/img/logos/keyverde.png) no-repeat;}
#pointeright {	background: url(/resources/img/logos/keypointe.png) no-repeat;}
#scrollcontent, #scrollcontent1 {
	padding: 15px 0px 0px 0px;
	float: left;
	width: 540px;
	height: 461px;
	padding-bottom: 0px;
	overflow: hidden;
	z-index: 100;
}
#scrollcontent1 {
	height: 495px;
	margin-top: -10px;
	position: relative;
}
#main-lifestyle-location #fullcontent {
	background: none !important;
}
#main-lifestyle-location #fullcontent p {
	width: 250px !important;
}

/* ---------------------------------- Image Gallery Specifications ---------------------------------- */

#image-gallery {	background: #000000;}
#image-gallery h1 {	margin-bottom: 12px !important;}
#pointe-gallery, #lago-gallery, #verde-gallery{
	height: 454px;
	width: 895px;
	background: #000000;
}
#lifestyle-gallery {
	height: 434px;
	width: 895px;
	background: #000000;
}

/* ---------------------------------- Layouts for Masterplans ---------------------------------- */

li#masterplan { display: none; }
#lago-masterplan {	height: 1200px; }
#pointe-masterplan, #verde-masterplan {	height: 1050px; }
#plancontent img { border-bottom: 2px solid #999999; }
#plancontent {
	background: #000000;
	width: 895px;
	height: auto;
}

/* ---------------------------------- Layouts for Propery Plans ---------------------------------- */

#plan-wrapper {
	width: 700px;
	height: 900px;
}
#propertiescontent {
	background: #000000;
	width: 895px;
	height: auto;
	border-bottom: 2px solid #999999;
}
#accordion {
	float: left;
	margin: 10px 0px 0px 30px;
	background: #000000;
	height: 300px;
	width: 200px;
	overflow: hidden;
}
.toggler {
	font: 10pt Helvetica;
	color: #cc8c7f;
	text-align: left;
	background: #000000;
	margin: 5px 0px 0px 0px;
	cursor: pointer;
}
.element p {
	margin: 2px 0px 0px 30px !important;
	padding: 2px !important;
}
.element a		 	{ color: #cc8c7f !important; }
.element a:link 	{ color: #cc8c7f !important; }
.element a:visited	{ color: #cc8c7f !important; }
.element a:hover 	{ color: #FFFFFF !important; }
.element a:active	{ color: #cc8c7f !important; }

#result { 
	width: 300px;
	color: #FFFFFF;
	float: left;
	margin-left: 30px;
}
.ajax-loader {
	margin: 4px 0px 0px 5px;
	height: 0px;
	overflow: hidden;
}
#spec-list {
	text-align: left;
}
#spec-list li {
	color: #CACACA;
	font-size: 10pt;
	margin: 1px 0px 1px 30px;
}
#loader {
	width: 60px;
	height: 60px;
	margin: 100px 0px 0px 100px;
}

/* ---------------------------------- Rules for Bullet points ---------------------------------- */


#scrollcontent ul, #keycontent ul {
	width: 500px;
	height: auto;
	position: relative;
}
#scrollcontent li, #keycontent li, #drive li {
	width: 420px;
	min-height: 14px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-left: 10px;
}
#scrollcontent li:first-letter, #keycontent li:first-letter, #fullcontent li:first-letter, #drive li:first-letter, #content1 li:first-letter, #papercontent li:first-letter {	margin-left: -8px;}



/* ---------------------------------- Slider Styling ---------------------------------- */

#content1 {
	height: 460px;
	width: 480px;
	overflow: hidden;
	position: relative;
	float: left;
}
#content2, #content3 {
	width: 480px;
	overflow: hidden;
	position: relative;
	float: left;
}
#content3 { width: 300px; margin-top: 5px; }
#content1 p, #content2 p {	width: 420px; margin-right: 10px; }
#content2 p { width: 450px; }
#scrollbar1, #scrollbar2, #scrollbar3 {
	width: 5px;
	height: 435px;
	background: #999999;
	float: right;
	margin-right: 10px;
	position: relative;
}
#scrollbar2 { height: 470px; margin: 12px 10px 0px 0px; }
#scrollbar3 { height: 470px; margin: 17px 10px 0px 0px; }
#handle1, #handle2, #handle3 {
	width: 9px;
	position: absolute;
	height: 64px;
	margin-left: -2px;
	cursor: pointer;
	background: url('/resources/img/css/handle.png') no-repeat;
	margin-top: 0px;
}
#spacer {	height: 30px;}
#content1 li {	width: 410px !important; }
#textcontent {
	height: auto;
}
.hidden {
	visibility: hidden;
	display: none;
}
.seen {
	visibility: visible;
	display: block;
}
.setheight { height: 510px !important; }
.setheight2 { height: 485px !important; }
.oversized {
	width: 400px;
	height: auto;
}
#content2 img {
	width: expression(this.width > 350 ? 350: true);
	height: auto;
	max-width: 350px !important;
}
#content2 ul li {
	font-size: 9pt;
	color: #fff;
	float: left;
	margin: 4px 0px 2px 50px;
	list-style-type: disc;
}


/* ---------------------------------- Contact Form Rules ---------------------------------- */

.facebook *, .twitter * {	vertical-align: middle; }
.facebook img, .twitter img { margin-right: 4px; }
.facebook a:hover { color: #4166a4; }
.twitter a:hover { color: #98e5e9; }

#form {
	margin-top: 0px;
	position: relative;
	overflow: hidden;
	padding: 15px 0px 0px 0px;
	margin-left: 28px !important;
	margin-left: 15px;
	height: 461px;
	width: 325px;
	float: right;
}
input, textarea { 
	position: relative;
	background: #000000;
	width: 250px;
	color: #666666;
	height: 15px;
	padding-left: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	float: left;
	font-weight: normal;
}
input { padding-top: 5px; }
textarea {
	height: 85px;
	margin-left: 0px;
	overflow: hidden;
	padding-top: 5px;
}
#form p {
	width: 200px;
	position: relative;
	height: 15px;
	margin: 12px 0px 2px 0px !important;
	margin: 12px 0px 2px 0px;
}
#button-container {
	width: 233px;
	height: 24px;
	position: relative;
	float: left;
}
#submit, #clear {
	width: 49px;
	height: 24px;
	position: relative;
	overflow: hidden;
	padding: 0px;
	margin-left: 0px;
	margin-top: 14px;
	background-position: top;
	cursor: pointer;
}
#submit:hover, #clear:hover { background-position: bottom; }
#submit {
	background: url(/resources/img/css/submit.gif) no-repeat;
	float: left;
	margin-left: 0px;
}
#clear {
	width: 41px;
	background: url(/resources/img/css/clear.gif) no-repeat;
	float: right;
	margin-right: -28px;
}
#form h1 { margin-left: 0px !important; }


/* ---------------------------------- Animation Rules ---------------------------------- */

#fade { margin-top: -800px; height: 0px; }
#fade {
	position: relative;
	overflow: hidden !important;
	padding-top: 25px;
	padding-bottom: 15px;
} 

#nav3, #nav2, #nav4, #nav6, #nav1 {
	height: 0px;
	overflow: hidden;
}

/* ---------------------------------- Footer and Copyright deatils ---------------------------------- */

#footer {
	clear: both;
	width: 895px;
	bottom: 0px;
	margin: 0 auto 0;
	height: 27px;
	background: #000000;
	color: #999999;
	padding-bottom: 5px;
}
#footer p {
	font-size: 9px;
	letter-spacing: 0.1pc;
	font-weight: normal;
	text-align: left;
	width: auto;
	margin: 7px 0px 10px 0px !important;
}
#terms, #privacy, #design {	float: left;}
#privacy {
	padding-left: 28px !important;
	padding-right: 15px;
}
#terms { padding-right: 15px;}
#copyright {
	float: right;
	width: auto;
	text-align: right;
	padding-right: 25px;
}
#copyright * {
	vertical-align: middle;
}
#copyright img {
	margin: -4px 4px 0px 4px;
}

/* ---------------------------------- News Headline Rules ---------------------------------- */

#headlines {
	width: 355px;
	float: right;
	text-align: left;
	height: 500px;
	overflow: hidden;
}
#headlines h1, #headlines h2 {
	width: 280px;
	margin: 0px 0px 2px 15px !important;
	font-weight: 900;
	font-size: 11pt;
	height: auto;
	padding: 0px !important;
}
#headlines h1 {
	margin-bottom: 27px !important;
}
#headlines h2 {
	font-weight: 100;
	font-size: 9pt;
}
#headlines ul {
	width: 300px;
	margin-top: 30px;
}
#content3 li {
	width: 300px;
	height: auto;
}
li.current h1, li.current h2 { color: #a8a8a8;}
#headlines li a:hover h1, #headlines li a:hover h2 { color: #CCCCCC; }


/* ---------------------------------- OMG International Version ---------------------------------- */


#omg-logo {
	width: 124px;
	height: 56px;
	margin-top: 0px;
	margin-right: 17px !important;
	margin-right: 8px;
	position: relative;
	float: right;
	overflow: hidden;
	margin-bottom: 10px;
}
/*
#omg-logo:hover img { margin-top: -56px; }
*/
#omg-logo-small {
	width: 88px;
	height: 47px;
	margin-top: 0px;
	margin-right: 25px !important;
	margin-right: 13px;
	position: relative;
	float: right;
	overflow: hidden;
	margin-bottom: 10px;
}
/*
#omg-logo-small:hover img { margin-top: -47px; }
*/

/* ---------------------------------- Knight Frank Version ---------------------------------- */


#kf-logo {
	width: 124px;
	height: 43px;
	margin-top: 0px;
	margin-right: 22px !important;
	margin-right: 11px;
	position: relative;
	float: right;
	overflow: hidden;
	margin-bottom: 10px;
}
/*
#kf-logo:hover img { margin-top: -43px; }
*/
#kf-logo-small {
	width: 89px;
	height: 33px;
	margin-top: 0px;
	margin-right: 26px !important;
	margin-right: 13px;
	position: relative;
	float: right;
	overflow: hidden;
	margin-bottom: 10px;
}
/*
#kf-logo-small:hover img { margin-top: -33px; }
*/

/* ---------------------------------- Delete at next update ---------------------------------- */

#news {
	width: 60px;
	overflow: hidden;
	height: 27px;
	margin-left: 366px !important;
/* 	margin-left: 426px !important; */
	margin-left: 357px; /* Not this */
	background-color: #000000;
}
#news img {
	height: 27px;
	width: 60px;
/*
	width: 0px;
	height: 0px;
*/
}
#floorplans, #floorplans img {
/* 	width: 81px; */
	width: 0px;
	overflow: hidden;
}

#socialNetworks * {
	vertical-align: middle;
}
#socialNetworks p { margin: 0px 0px 5px 20px !important;}
#socialNetworks {
	position: absolute;
	top: 560px;
	width: 400px;
	height: 100px;
	z-index: 1000;
}