@import url("/css/print.css");
	@import url("/css/handheld.css");

	/* Styles for screen */

	@media screen {

		body {
			color:#000000;
			background-color:#E5E5E5;
			font-family:arial,helvetica,verdana,sans-serif;
			font-size:100%;
			text-align:center;
			margin:1em 0em 1em 0em;
			padding:0px;
		}

		a:link {
			color:#B00F14;
			background-color:inherit;
			text-decoration:none;
		}

		a:visited {
			color:#B00F14;
			background-color:inherit;
			text-decoration:none;
		}

		a:hover {
			color:#FF0000;
			background-color:inherit;
			text-decoration:underline;
		}

		#container {
			width:770px;
			margin-left:auto;
			margin-right:auto;
			border:solid 1px #B00F14;
			color:#000000;
			background-color:#FFFFFF;
			text-align:left;
		}

		#container .padding {
			margin:5px;
		}

		ul.nav {
			display:block;
			clear:both;
			margin:0em;
			padding:0em;
			height:2.5em;
			color:#FFFFFF;
			background-color:#B00F14;
			border-bottom:solid 4px #880002;
			list-style-type:none;
			white-space:nowrap;
			font-size:75%;
			font-weight:bold;
		}

		ul.nav li {
			float:left;
		}

		ul.nav li a {
			display:block;
			padding-left:15px;
			padding-right:14px;
			color:#FFFFFF;
			background-color:#B00F14;
			background-image:url(/images/navdivide.gif);
			background-position:right;
			background-repeat:repeat-y;
			text-decoration:none;
			line-height:2.5em;
		}

		ul.nav li a:visited {
			color:#FFFFFF;
			background-color:#B00F14;
			text-decoration:none; 
		}

		ul.nav li a:hover {
			color:#FFFFFF;
			background-color:#990000;
			text-decoration:none; 
		}

		ul.nav li a.last {
			background-image:none;
			padding-left:15px;
			padding-right:14px;
		}

		/* IE hack here to display menu links as proper block */

		* html ul.nav li a {
			w\idth:1px;
		}

		/* Hide printer logo */

		#logobanner2 img, #logobanner img {
			display:none;
		}

		#logobanner2 {
			display:block;
			height:100px;
			margin:3px 0px 0px 0px;
			color:#FFFFFF;
			background-color:#D86500;
			background-image:url(/spanish_images/spanish_headerback.jpg);
			background-position:top center;
			background-repeat:no-repeat;
			border-bottom:solid 3px #FFFFFF;	
		}

		#logobanner {
			display:block;
			padding:101px 0px 12px 44px;
			margin:3px 0px 0px 0px;
			color:#FFFFFF;
			background-color:#D86500;
			background-image:url(/spanish_images/spanish_headerback.jpg);
			background-position:top center;
			background-repeat:no-repeat;
			border-bottom:solid 3px #FFFFFF;
		}

		#logobanner ul {
			display:block;
			list-style-type:none;
			margin:0em;
			padding:0em;
		}

		#logobanner ul li {
			display:inline;
			float:left;
			width:124px;
			height:142px;
			margin-left:5px;
			margin-right:5px;
		}

		#logobanner ul li a {
			display:block;
			height:142px;
		}


		#logobanner ul li a.offplan {
			background-image:url(/spanish_images/hotlink1.jpg);
		}

		#logobanner ul li a.resale {
			background-image:url(/spanish_images/hotlink2.jpg);
		}

		#logobanner ul li a.discoverytrips {
			background-image:url(/spanish_images/hotlink3.jpg);
		}

		#logobanner ul li a.investment {
			background-image:url(/spanish_images/hotlink4.jpg);
		}

		#logobanner ul li a.moreinfo {
			background-image:url(/spanish_images/hotlink5.jpg);
		}

		#pagetitle {
			height:2em;
			padding:0em 29px 0em 29px;
			color:#FFFFFF;
			background-color:#00431A;
			font-weight:bold;
			line-height:2em;
		}

		#pagetitle h1 {
			display:block;
			width:68%;
			float:left;
			font-size:100%;
			font-weight:bold;
			text-transform:uppercase;
			padding:0em;
			margin:0em;
		}

		.home #pagetitle h1 {
			width:100%;
			float:none;
			text-align:center;
		}

		#pagetitle p {
			display:block;
			font-size:90%;
			text-align:right;
			margin:0% 0% 0% 65%;
			padding:0em;
		}

		.contact {
			height:1%;
			padding:0.5em 0px 0.5em 26px;
			margin:0em 0em 1em 0em;
			font-size:75%;
			color:#990000;
			background-color:inherit;
			border-bottom:solid 1px #EFEFEF;
			text-transform:lowercase;
		}

		.contact span {
			display:inline;
			float:left;
			text-align:left;
			background-position:left;
			background-repeat:no-repeat;
			padding-left:26px;
			margin-left:32px;
			line-height:22px;
		}

		.contact a:link, .contact a:visited, .contact a:hover {
			text-decoration:underline;
		}

		#contact_email {
			background-image:url(/images/e_icon.gif);
			margin-left:0px;
		}

		#contact_call {
			background-image:url(/images/t_icon.gif);
		}

		#contact_callback {
			background-image:url(/images/t_icon.gif);
		}

		#contact_brochure {
			background-image:url(/images/b_icon.gif);
		}

		#contact_sell {
			display:none;
			background-image:url(/images/n_icon.gif);
		}

		.menucol {
			display:inline;
			float:right;
			width:160px;
			height:1%;
			margin:0px 29px 0px 29px;
			padding:0em;
			font-size:70%;
			text-align:left;
		}

		.mainbody .menucol {
			margin:0px 0px 29px 29px;
			font-size:90%;
		}

		.menucol p {
			clear:both;
			/* height:1.8em; */
			/* line-height:1.8em; */
			color:#FFFFFF;
			background-image:url(/images/menucolheading.gif);
			background-repeat:no-repeat;
			background-color:#B00F14;
			border-bottom:solid 2px #880002;
			margin:0em 0em 2px 0em;
			padding:0.3em 0em 0.3em 1em;
			font-size:110%;
		}

		.menucol p.sub {
			background-image:none;
		}

		.menucol p a:link, .menucol p a:visited {
			color:#FFFFFF;
			background-color:inherit;
			text-decoration:underline;
		}

		.menucol p a:hover {
			color:#FFFFFF;
			background-color:inherit;
			text-decoration:none;
		}

		.menucol ul {
			list-style-type:none;
			padding:0em;
			margin:0em;
			/* border-bottom:solid 1px #E5E5E5; */
		}

		.menucol ul li {
			vertical-align: bottom; /* This fixes the IE5 Win gap! */
			width:100%;
			background-color:#E5E5E5;
			color:#333333;
			font-weight:bold;
			text-transform:lowercase;
			padding:0em;
			margin:0em;
			border-bottom:solid 2px #FFFFFF;
			/* margin:0px 0px 2px 0px; */
		}

		.menucol ul a:link, .menucol ul a:visited {
			/* height:1.9em;
			line-height:1.9em; */
			height:1%;
			padding:0.3em 0em 0.3em 1em;
			color:#333333;
			background-color:#E5E5E5;
			text-decoration:none;
			display:block;
		}

		.menucol ul a:hover {
			color:#B02731;
			background-color:#FFFFFF;
			text-decoration:none;
		}

		.menucol ul a:link.selected, .menucol ul a:visited.selected, .menucol ul a:hover.selected {
			color:#B02731;
			background-color:#FFFFFF;
			text-decoration:none;
		}

		.mainbody {
			height:1%;
			margin:1px 29px 0px 29px;
			color:#333333;
			background-color:inherit;
			font-size:75%;
			text-align:justify;
			clear:both;
		}

		.mainbody_alternate {
			height:1%;
			margin:0px 218px 0px 29px;
			color:#333333;
			background-color:inherit;
			font-size:75%;
			text-align:justify;
		}

		.development {
			display:inline;
			width:168px;
			float:left;
			margin:0px 9px 0px 0px;
			border-top:solid 1px #00431A;
			border-bottom:solid 1px #00431A;
			text-align:center;
			background-image:url(/images/developmentback.gif);
			background-position:bottom left;
			background-repeat:no-repeat;
		}

		.development img {
			float:none;
			border-top:solid 3px #FFFFFF;
			border-bottom:solid 3px #FFFFFF;
			margin:0px 4px 0px 4px;
		}

		.development p {
			overflow:hidden; /* Stop IE italic text going haywire */
			margin:0px 4px 4px 4px;
			padding:0.5em 0.3em 0.5em 0.3em;
			border-top:solid 1px #C0C0C0;
		}

		.developmentdetail {
			display:inline;
			width:336px;
			float:left;
			margin:0px 30px 0px 0px;
			border-top:solid 1px #00431A;
			border-bottom:solid 1px #00431A;
			text-align:left;
			background-image:url(/images/developmentdetailback.gif);
			background-position:bottom left;
			background-repeat:no-repeat;
		}

		.developmentdetail p {
			margin:0px 4px 3px 167px;
			padding:0.9em 0.5em 0.5em 0.5em;
			background-image:url(/images/greyborder_vertical.gif);
			background-repeat:repeat-x;
		}

		.developmentdetail .image {
			float:left;
			display:inline;
			width:160px;
			margin:3px 3px 3px 4px;
			text-align:center;
		}

		.development_cleaner {
			clear:both;
			height:9px;
			overflow:hidden;
		}

		.gallery {
			width:328px;
			float:left;
			margin:0em 2em 2em 0em;
		}

		.gallery img {
			margin:3px 0px 3px 6px;
			vertical-align:top;
		}

		.gallery p {
			padding:0em;
			margin:0.5em 0em 0.5em 0em;
			text-align:center;
			font-weight:bold;
		}

		table.photographs {
			width:100%;
		}

		table.photographs td {
			width:25%;
			padding:0em 0em 0.5em 0em;
			text-align:center;
		}

		p {
			margin-top:0em;
		}

		h2 {
			font-size:110%;
			font-weight:bold;
			color:#00431A;
			background-color:inherit;
			margin-bottom:0.2em;
			padding-bottom:0em;
			text-align:left;
		}

		h3 {
			font-size:100%;
			font-weight:bold;
			font-style:italic;
			color:#909090;
			background-color:inherit;
			text-align:left;
		}

		h2 .date {
			color:#A0A0A0;
			background-color:inherit;
		}

		#footer {
			padding:3em 0em 0em 0em;
		}

		#footer p {
			font-size:70%;
			color:#808080;
			background-color:inherit;
			text-align:center;
		}

		#footer p a:link,#footer p a:visited,#footer p a:hover {
			color:#808080;
			background-color:inherit;
			text-decoration:underline;
		}

		div.hr {
			display:block;
			height:1px;
			background:url(/images/dots.gif);
			margin:1em 0em 1em 0em;
		}

		hr {
			display:none;
		}

		.novisual {
			display:none;
		}

		table.grid {
			font-size:100%;
			width:100%;
			border-collapse: collapse;
			margin:0em 0em 2em 0em;
			border:solid 1px #00431A;
		}

		table.grid td, table.grid th {
			border: solid 2px #FFFFFF;
			background-color:#E5E5E5;
			color:#333333;
			padding:0.7em;
			text-align:left;
		}

		table.grid th {
			width:30%;
		}

		table.grid td.label {
			width:40%;
			font-weight:bold;
		}

		table.grid td.groupheader {
			color:#888888;
			background-color:#F8F8F8;
			font-style:italic;
		}

		.textarea {
			width:14em;
			font-family:arial,helvetica,sans-serif;
			color:#000000;
			background-color:#FFFFFF;
			margin-bottom:1px;
		}

		.textareasmall {
			width:5em;
			font-family:arial,helvetica,sans-serif;
			color:#000000;
			background-color:#FFFFFF;
			margin-bottom:1px;
		}

		.textareamedium {
			width:8em;
			font-family:arial,helvetica,sans-serif;
			color:#000000;
			background-color:#FFFFFF;
			margin-bottom:1px;
		}

		.textarealong {
			width:20em;
			font-family:arial,helvetica,sans-serif;
			color:#000000;
			background-color:#FFFFFF;
			margin-bottom:1px;
		}

		p.error {
			background-color:yellow;
			color:#990000;
			font-weight:bold;
			font-size:120%;
			text-align:center;
			padding:0.5em;
		}

		.errornote {
			display:inline;
			background-color:yellow;
			color:#990000;
			font-weight:bold;
			font-size:90%;
		}

		.mainpic {
			float:left;
			margin:0em 2em 1em 0em;
		}

		div.mainpic {
			width:322px;
			font-size:90%;
			color:#B00F14;
			background-color:inherit;
		}

		ul.spaced li {
			margin-bottom:1em;
		}

		.pdf {
			background-image:url(/images/pdf.gif);
			background-position:left center;
			background-repeat:no-repeat;
			padding-left:3em;
			height:1%;
			line-height:16px;
		}

		.contactbullet a {
			background-image:url(/images/contactbullet.gif);
			background-position:left center;
			background-repeat:no-repeat;
			padding:10px 0px 10px 28px;
			font-weight:bold;
		}

		.note {
			font-size:90%;
		}

		a img {
			border:none;
		}

		form {
			padding:0em;
			margin:0em;
		}

		fieldset {
			padding:0em;
			margin:0em;
			border:none;
		}

		caption {
			display:none;
		}

		.submit {
			text-align:center;
		}

		.submitbutton {
			font-weight:bold;
			font-size:9pt;
			cursor:pointer;
			height:2em;
		}

		.submitbuttonlong {
			font-weight:bold;
			font-size:9pt;
			cursor:pointer;
			width:12em;
			height:2em;
		}

		.cleaner {
			clear:both;
			float:none;
			height:1px;
			line-height:1px;
			overflow:hidden;
		}

		iframe {
			border:none;
			width:100%;
			height:600px;
		}

		/* Show javascript menus */

		#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 {
			display:none;
		}

		ul.summary {
			list-style:inside;
			font-weight:bold;
		}

	}