/* ---------- RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font-size: 62.5%;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* ---------- STYLE */
body {
	background: url(../_myimages/bodyBack.gif) repeat;
	font-family: "Trebuchet Ms", Verdana, Arial;
	}
	#group {
		width:960px;
		margin:20px auto 0 auto;
		position: relative;
		background-color: #fff;
		}
		#header {
			float: left;
			width:960px;
			height: 191px;
			background: #fff url(../_myimages/headerBack.jpg) no-repeat right top;
			}
			img.logo {
				position: absolute;
				top: 23px;
				left: 58px;
				}
			ul.infoHeader {
				position: absolute;
				left: 246px;
				top: 24px;
				}
				ul.infoHeader li {
					padding: 0 0 0 25px;
					}
				ul.infoHeader li.tel {
					font-size: 1.6em;
					color: #666;
					background: #fff url(../_myimages/tel.gif) no-repeat left center;
					}
				ul.infoHeader li.map {background: #fff url(../_myimages/map.gif) no-repeat left center;}
				ul.infoHeader li.map a:link,
				ul.infoHeader li.map a:visited {
					font-size: 1.4em;
					color: #9dd95f;
					text-decoration: none;
					}
				ul.infoHeader li.map a:hover {text-decoration: underline;}
				ul.infoHeader li.email {background: #fff url(../_myimages/email.gif) no-repeat left center;}
				ul.infoHeader li.email a:link,
				ul.infoHeader li.email a:visited {
					font-size: 1.3em;
					color: #7eb9e0;
					text-decoration: none;
					}
				ul.infoHeader li.email a:hover {text-decoration: underline;}
			ul.languages {
				position: absolute;
				right: 20px;
				top: 20px;
				}
				ul.languages li {
					float: left;
					width: 22px;
					height: 16px;
					margin: 0 10px 0 0;
					font-size: 1.3em;
					text-indent: -9000px;
					}
				ul.languages li.last {margin: 0;}
					ul.languages li a {
						float: left;
						width: 22px;
						height: 16px;
						}
					ul.languages li a:link.es,
					ul.languages li a:visited.es {
						background: url(../_myimages/es.gif) no-repeat 0 -16px;
						}
					ul.languages li a:hover.es {background-position: 0 0;}
					ul.languages li a:link.en,
					ul.languages li a:visited.en {
						background: url(../_myimages/en.gif) no-repeat 0 -16px;
						}
					ul.languages li a:hover.en {background-position: 0 0;}
					ul.languages li a.es.selected,
					ul.languages li a.en.selected {background-position: 0 0;}
			ul.topMenu {
				position: absolute;
				right: 100px;
				top: 0;
				}
				ul.topMenu li {
					float: left;
					height: 48px;
					margin: 0 10px 0 0;
					font-size: 1.3em;
					text-align: center;
					color: #fff;
					line-height: 54px;
					}	
				ul.topMenu li.last {margin: 0;}
					ul.topMenu li a {
						float: left;
						height: 48px;
						padding: 0 10px;
						color: #fff;
						text-decoration: none;
						}
					ul.topMenu li a:link.green,
					ul.topMenu li a:visited.green {
						background: #98cf60 url(../_myimages/green.gif) repeat-x left top;
						}
					ul.topMenu li a:hover.green {text-decoration: underline;}
					ul.topMenu li a:link.blue,
					ul.topMenu li a:visited.blue {
						background: #95c8e1 url(../_myimages/blue.gif) repeat-x left top;
						}
					ul.topMenu li a:hover.blue {text-decoration: underline;}
					ul.topMenu li a:link.yellow,
					ul.topMenu li a:visited.yellow {
						background: #f7d933 url(../_myimages/yellow.gif) no-repeat center top;
						}
					ul.topMenu li a:hover.yellow {text-decoration: underline;}
			ul.mainMenu {
				position: absolute;
				left: 270px;
				top: 160px;
				}
				ul.mainMenu li {
					float: left;
					margin: 0;
					color: #666;
					font-size: 1.4em;
					}
					ul.mainMenu li span {
						padding: 0 5px;
						}
					ul.mainMenu li a:link,
					ul.mainMenu li a:visited {
						color: #666;
						text-decoration: none;
						}
					ul.mainMenu li a:hover {
						text-decoration: none;
						color: #88c2dd;
						}
		#wrapper {
			float: left;
			width:960px;
			background: #fff url(../_myimages/wrapperBack.jpg) no-repeat left top;
			}
			#content {
				float: right;
				width: 670px;
				padding: 22px 20px 20px 20px;
				font-size: 1.3em;
				color: #333;
				}
				.visor {
					float: left;
					width: 670px;
					height: 228px;
					margin: 0 0 15px 0;
					}
				#content h1, #content h2 {
					float: left;
					width: 640px;
					height: auto;
					margin: 0 0 15px 0;
					padding: 0 0 0 30px;
					font-size: 1.23em;
					color: #333;
					border-bottom: 1px solid #b1b1b1;
					background: url(../_myimages/headIcon.gif) no-repeat left center;
					}
				#content h3 {
					display: block;
					margin: 0 0 10px 0;
					font-size: 1em;
					font-weight: bold;
					}
				#content ul {
					margin: 0 0 15px 0;
					}
					#content ul li {
						margin: 0 0 0 15px;
						font-size: 1em;
						line-height: 1.4em;
						color: #666;
						list-style-position: outside;
						list-style-type: disc;
						}
				p {
					margin: 0 0 15px 0;
					line-height: 1.4em;
					color: #666;
					}
				strong {font-weight: bold;}
				.clear {clear: both;}
				#content ul.featured {
					float: left;
					width: 670px;
					margin: 0;
					}
					#content ul.featured li {
						float: left;
						position: relative;
						width: 216px;
						height: 320px;
						margin: 0 10px 0 0;
						list-style-type: none;
						list-style-position: inside;
						}
					#content ul.featured li.last {margin: 0;}
						#content ul.featured li img {
							width: 214px;
							height: 160px;
							margin: 0 0 5px 0;
							border: 1px solid #ccc;
							}
						#content ul.featured li p {
							margin: 0;
							}
						#content ul.featured li p strong {
							display: block;
							margin: 0 0 5px 0;
							font-size: 1.125em;
							font-weight: bold;
							color: #77b3cf;
							}
						#content ul.featured li p span.description {
							display: block;
							height: 50px;
							font-size: 0.923em;
							}
						#content ul.featured li p span.group {
							position: absolute;
							left: 0;
							bottom: 0;
							}
						#content ul.featured li p span.features {
							display: block;
							width: 216px;
							margin: 5px 0;
							padding: 10px 0 3px 0;
							border-bottom: 1px solid #b1b1b1;
							color: #333;
							}
						#content ul.featured li p span.price {
							font-size: 1.15em;
							color: #333;
							}
						#content a:link,
						#content a:visited {
							text-decoration: none;
							color: #77b3cf;
							}
						#content a:hover {
							text-decoration: underline;
							}
						/*------LISTINGS------*/
						table.search {
							width: 670px;
							color: #666;
							}
							table.search hr {
								float: left;
								width: 670px;
								height: 1px;
								margin: 10px 0;
								background-color: #ccc;
								border: none;
								color: #ccc;								
								}
							table.search select {
								float: left;
								margin: 0 0 10px 0;
								width: 170px;
								background-color: #fff;
								border: 1px solid #ccc;
								color: #666;
								font-family: "Trebuchet Ms", Verdana, Arial;
								}
						input.button {
							float: right;
							margin: 10px 0 0 0;
							padding: 1px 10px;
							background-color: #98cf60;
							color: #fff;
							font-weight: bold;
							cursor: pointer;
							}
						/*-------PROPERTIES------*/
						p.paging {
							float:left;
							width:670px;
							margin: 0 0 15px 0;
							padding: 0;
							}
						p.paging.last {
							margin: 15px 0 0 0;
							padding: 0;
							text-align:center;
							}
							#content p.paging .alignleft {
								float: left;
								margin: 0;
								padding: 0;
								}
							#content p.paging .alignright {
								float: right;
								margin: 0;
								padding: 0;
								}
						.properties-box {
							float: left;
							width: 670px;
							margin: 0 0 15px 0;
							}
							.left-box {
								float: left;
								width: 165px;
								}
								.left-box img {
									width: 150px;
									height: 112px;
									}
							.right-box {
								float: right;
								width: 505px;
								}
							#content .right-box h2 {
								float: left;
								width: 480px;
								margin: 0 0 5px 0;
								padding: 0 0 0 25px;
								}
							#content .right-box p {
								margin: 0;
								padding: 0;
								}
							#content .right-box p.last {
								margin: 10px 0 0 0;
								padding: 0;
								}
						/*-------PROPERTY------*/
						.property-left {
							float: left;
							width: 315px;
							margin: 0;
							}
							#content .property-left h1 {
								float: left;
								width: 290px;
								margin: 0 0 15px;
								padding: 0 0 0 25px;
								}
							strong.price {
								float: left;
								width: 100%;
								font-size: 1.5em;
								color: #333;
								margin: 0 0 35px 0;
								}
						.property-right {
							float: right;
							width: 335px;
							margin: 0;
							}
							.images-visor {
								width: 335px;
								display: block;
								margin: 0 0 15px;
								}
								img.main {
									width: 335px;
									height: 251px;
									margin: 0 0 15px 0;
									}
								.images-visor .thumbs {
									width: 335px;
									}
									.images-visor .thumbs img {
										float: left;
										width: 105px;
										margin: 0 10px 10px 0;
										}
									.images-visor .thumbs img.last {margin-right: 0;}
							form.contactForm {
								position: relative;
								width: 640px;
								background-color: #f2f2f2;
								padding: 15px;
								}
								form.contactForm label {
									float: left;
									width: 640px;
									margin: 0 0 10px 0;
									}
									form.contactForm label span {
										float: left;
										width: 100px;
										}
								form.contactForm input {
									width: 250px;
									border: 1px solid #ccc;
									padding: 3px;
									color: #333;
									}
								form.contactForm input.button {
									width: auto;
									position: absolute;
									right: 15px;
									bottom: 15px;
									color: #fff;
									}
								form.contactForm textarea {
									display: block;
									width: 633px;
									height: 100px;
									margin: 0 0 40px;
									padding: 2px;
									border: 1px solid #ccc;
									color: #333;
									}
			#leftcol {
				float: left;
				width:250px;
				padding: 22px 0 0 0;
				}
				.greyBox {
					float: left;
					width: 250px;
					margin: 0 0 20px 0;
					background: #b6b6b6 url(../_myimages/greyBox.gif) repeat-y left top;
					}
					.greyBox h3 {
						float: left;
						width: 210px;
						height: 41px;
						margin: 0 0 15px 0;
						padding: 0 20px;
						font-size: 1.4em;
						font-weight: bold;
						line-height: 41px;
						color: #fff;
						background: url(../_myimages/greyBoxH2.gif) no-repeat left top;
						}
					.greyBox ul.leftMenu {
						float: left;
						width: 250px;
						padding: 0 0 15px 0;
						background: url(../_myimages/greyBoxBtt.gif) no-repeat left bottom;
						}
						.greyBox ul.leftMenu li {
							float: left;
							width: 250px;
							color: #fff;
							background: url(../_myimages/greyBoxLi.gif) no-repeat left bottom;
							}
							.greyBox ul.leftMenu li ul {
								float: left;
								width: 250px;
								margin: 0 0 10px 0;
								padding: 0;
								}
								.greyBox ul.leftMenu li ul li {
									float: left;
									width: 215px;
									padding: 0 0 0 35px;
									color: #fff;
									background: none;
									list-style-type: disc;
									list-style-position: inside;
									}
									.greyBox ul.leftMenu li ul li a:link,
									.greyBox ul.leftMenu li ul li a:visited {
										float: none;
										width: auto;
										padding: 0;
										margin: 0;
										font-size: 1.3em;
										text-decoration: none;
										color: #fff;
										background: none;
										}
							.greyBox ul.leftMenu li a:link,
							.greyBox ul.leftMenu li a:visited {
								float: left;
								width: 195px;
								padding: 3px 20px 8px 35px;
								font-size: 1.3em;
								text-decoration: none;
								color: #fff;
								background: url(../_myimages/greyBoxIcon.gif) no-repeat 20px center;
								}
							.greyBox ul.leftMenu li a:hover,
							.greyBox ul.leftMenu li ul li a:hover {
								text-decoration: underline;
								}
							.greyBox ul.leftMenu li.last {
								background: none;
								}
					 form.ref {
						background: url(../_myimages/greyBoxBtt.gif) no-repeat left bottom;
						padding: 0 0 17px 0;
						}
					 form.ref input {
						margin: 0 0 0 20px;
						padding: 3px;
						border: 1px solid #999;
						font-size: 1.2em;
						color: #333;
						}
					 form.ref input.button {
						float: none;
						margin: 0;
						color: #fff;
						}
		#footer {
			float: left;
			width:920px;
			margin: 0 0 20px 0;
			padding: 8px 20px;
			font-size: 1.3em;
			color: #666;
			background: #f0f0f0 url(../_myimages/footerBack.gif) no-repeat left top;
			}
			#footer a:link,
			#footer a:visited {
				text-decoration: none;
				color: #77b3cf;
				}
			#footer a:hover {text-decoration: underline;}