@charset "utf-8";
/* CSS Document */
 
/***** Common Formatting *****/
html, body {
	border:0px;
	margin:0;
	padding:0;
	text-align:center;
}
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

h1, h2 {
	letter-spacing:0px;
}
 
p, ul, ol {
	margin:0;
	padding:0;
}
 
ul, ol {
	list-style:none;
}
 
a, a:visited {
	text-decoration:none;
}
 
/*========================================================================================================================*/
 
body {
	font:62.5%/170% arial, helvetica, sans-serif;
	text-align:center;
	background-color:#FFFFFF;
}

body#homesection-beach {
	background:url(../images/backgrounds/beach2_1280.jpg) center top no-repeat #4E88D1;
	}


body#homesection {
	background:url(../images/backgrounds/beach1_1280.jpg) center top no-repeat #487DC5;

}

body#homesection_slider {
	background:url(../images/backgrounds/house_1280.jpg) center top no-repeat #487DC5;
}


body#homesection-sintra {
	background:url(../images/backgrounds/sintra_1280.jpg) center top no-repeat #5EA0EC;
	}

div{
	border:0px solid green;
}

div#preload { display: none; }

img {
	border:0px solid red;
}

/*divisions for ALL pages -- see further down for navigation*/

#page {
position:relative;
	width:950px !important;
	width/**/:/**/950px;
	height:1050px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0px solid red;
}


#page-slider {
position:relative;
	width:600px !important;
	width/**/:/**/600px;
	height:400px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0px solid red;
}


#header {
	position:relative;
	width:950px !important;
	width/**/:/**/950px;
	margin:0;
	padding:0;
	text-align:left;
	border-bottom:2px solid white;
	height:152px;
	float:left;  /*this was key to making the logo and nav divisions stay in the right place.*/
}

#header-slider {
	position:relative;
	width:600px !important;
	width/**/:/**/600px;
	margin:0 0 25px 0;
	padding:0;
	text-align:left;
	border-bottom:2px solid white;
	height:152px;
	float:left;  /*this was key to making the logo and nav divisions stay in the right place.*/
}



#logo {
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	float:left;
}

#footer {
	width:950px !important;
	width/**/:/**/950px;
	position:relative;
	text-align:center;
	height:150px;
	border-top:2px solid white;
	padding-top:5px;
}


#footer2 {
	width:950px !important;
	width/**/:/**/950px;
	position:relative;
	text-align:center;
	height:150px;
	border-top:2px solid white;
	padding-top:5px;
    color:blue;
}
/*Classes for overlay screen - all pages except home*/

#single_column {
	width: 950px;
	width/**/:/**/950px;
}	
#single-column .content {
	padding: 0px 50px 50px 30px;
	width: 870px;
	width/**/:/**/870px;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height:1200px;
/*	background: #ffffff;
	opacity: .35;
	-moz-opacity: .35;
	filter:alpha(opacity=35);
	background:url(../images/gradient_bg.jpg);	*/


}
.container {
	position: relative;
	float: left;
}
.content {
	position: relative; /* Fixes the z-index */
	float: left;
}

.content_coments {
	position: absolute; /* Fixes the z-index */
	left:200px;
	width:550px;
}


.content2 {
	position: relative; /* Fixes the z-index */

}

/* #background {
    width: 100%; 
    height: 100%; 
	position: fixed;
	z-index: -1;
    left: 0px; 
    top: 0px; 

}

.stretch {
    width:100%;
    height:100%;
} */

/*divisions for home page: side-a, content-main, side-b*/

#side-a {
	float: left;
	width: 325px;
}

#side-b {
	float: right;
	width: 215px;
}

#side-a2 {
	float: left;
	width: 500px;
}


#content-main { 
	float: left;
	width: 400px;
	height:300px;
	border:1px solid white;
	margin-top:60px;
}

#content-main2 { 
	float: left;
	width: 400px;
	height:300px;
	border:1px solid white;
	margin-top:0px;
}

#content-main3 { 
	float: right;
	width: 400px;
	height:300px;
	border:1px solid white;
	margin-top:0px;
}

#content-slider2 { 
	float: left;
	width: 400px;
	border:1px solid white;
	margin-top:20px;
    margin-left:200px;
}



#bullets {
	float: left;
	width: 300px;
	padding-left:10px;
	padding-right:10px;
	
}
#bullets ul{
	list-style:disc;
	font-family:Arial;
	font-size:1.4em;
	color:#ffffff;
	line-height:18px;
	padding-bottom:15px;
	letter-spacing:0px;
	padding-left:15px;
}

#bullets_new {
	float: left;
	width: 500px;
	padding-left:10px;
	padding-right:10px;
	
}
#bullets_new ul{
	list-style:disc;
	font-family:Arial;
	font-size:1.4em;
	color:#ffffff;
	line-height:18px;
	padding-bottom:15px;
	letter-spacing:0px;
	padding-left:15px;
}

#the_area {
    background-color:#4E88D1;
	font-family:Arial;
	font-size:1.4em;
	color:#ffffff;
	line-height:18px;
	padding-bottom:15px;
	letter-spacing:0px;
	padding-left:15px;
    width:950px; 
}


/*divisions for Casa page: side-a, content-main, side-b*/


#left_content{
	float: left;
	width: 430px;
	height:470px;	
}

#bullets_casa {
	float: right;
	margin-top:40px;
	margin-left:20px;
	width: 360px;
	padding-top:10px;px;
	padding-left:25px;
	padding-right:20px;
	padding-bottom:0px;
	background-color:#ffffff;
	font-family:Arial;
	font-size:1.2em;
	color:#3366ff;
	line-height:1.3em;
	letter-spacing:0px;

}
#bullets_casa ul{
	list-style:disc;
	
}

#photos_bottom {
	float: left;
	width: 950px;
	padding-left:0px;
	padding-right:10px;
	margin-top:20px;
}


/* divisions for floor plan pages */

#column-1 {
	width: 260px;
}
#column-1 .content {
	padding: 0px 20px 0px 30px;
	width: 210px;
}

#column-2 {
	width:690px;
	margin-left: 0px;
	float: left;
	display: inline;
}

#column-2 .content {
	padding: 10px;
	width: 650px;
}

/* divisions for floor plan pages */

#bullets3 {
	float: left;
	width: 400px;
	padding-left:10px;
	padding-right:10px;
	
}
#bullets3 ul{
	list-style:disc;
	font-family:Arial;
	font-size:1.4em;
	color:#ffffff;
	line-height:18px;
	padding-bottom:15px;
	letter-spacing:0px;
	padding-left:15px;
}

#bullets3_wide {
	float: left;
	width: 600px;
	padding-left:10px;
	padding-right:10px;
	
}
#bullets3_wide ul{
	list-style:disc;
	font-family:Arial;
	font-size:1.4em;
	color:#ffffff;
	line-height:18px;
	padding-bottom:15px;
	letter-spacing:0px;
	padding-left:15px;
}

#photos_right{
	float: right;
	width: 400px;
	padding-left:10px;
	padding-right:10px;
}

#photos_right_area{
	float: right;
	width: 400px;
	padding-left:0px;
	padding-right:10px;
	border:1px solid white;
}

/* NAVIGATION */

#nav {
	position:relative; 
	padding:0px;
	margin-left:450px;
	margin-top:78px;
	height:152px;

}

#nav li {
	margin-bottom:4px;
	list-style:none;
}

#nav ul.firstcol {
	width:135px;
	float:left;
	margin-left:20px;
	display:inline;
}
#nav ul.secondcol {
	width:150px;
	float:left;
	display:inline;
	list-style:none;
	}
#nav ul.thirdcol {
	width:150px;
	float:left;
	display:inline;
}

#nav a {
	font-family:Helvetica;
	font-size:1.3em;
	color:#ffffff;
	padding-left:18px;
}

#nav a:hover,
#nav a.navon {
	color:#c1272d;
	font-weight:bold;
	background:url(../images/navon.gif) left no-repeat;
}

.slide-link a {
    position:absolute;
    right:50px;
    bottom:180px;
    color:red;
    font-weight:bold;
    text-decoration:underline;
 }

/* LEFT MENU */

#left_menu li {
	margin-bottom:4px;
	list-style:none;
}

#left_menu ul {
	width:160px;
	float:left;
	display:inline;
}

#left_menu ul.thirdcol {
	width:160px;
	float:left;
	display:inline;
}

#left_menu a {
	font-family:Helvetica;
	font-size:1.3em;
	color:#ffffff;
	padding-left:18px;
}

#left_menu a:hover,
#left_menu a.navon {
	color:#c1272d;
	font-weight:bold;
	background:url(../images/navon.gif) left no-repeat;
}



/* FONTS */

a {
	color:#c1272d;
}

p {
	font-family:Helvetica;
	font-size:1.4em;
	color:#ffffff;
	line-height:18px;
	padding-bottom:15px;
	letter-spacing:0px;
}

h1 {
	font-family:Helvetica;
	font-size:3.8em;
	color:#ffffff;
	line-height:40px;
	letter-spacing:-1px;
	font-weight:bold;
	padding-bottom:15px;
}


h2 {
	font-family:Helvetica;
	font-size:2.1em;
	color:#ffffff;
	line-height:25px;
	padding-bottom:15px;	
}


h3 {
	font-family:Helvetica;
	font-size:1.5em;
	color:#c1272d;
	line-height:20px;
	padding-bottom:12px;
}

h4 {
	font-family:Helvetica;
	font-size:2.4em;
	color:#818285;
	line-height:24px;
	font-weight:bold;
	padding-bottom:5px;
}

/* COLOURS */

.red {
	color:#c1272d;
}

.white {
	color:#ffffff;
}

.grey {
	color:#818285;
}

.blue {
	color:#3366ff;
    background-color:white;
}

.whiteborder{
border:1px solid white;
} 

.blackborder{
border:1px solid black;
} 

.whiteborder2{
padding:2px;
border:1px solid white;

} 

.blueborder{

border:1px solid #3366ff;

}