* {margin: 0; padding: 0; font-size:100%;}
body{
font: 70%/16px Verdana, Arial, Helvetica, sans-serif;
color: #888;
background: #fff;
}
#wrapper{
width: 770px;
margin: 0 auto;
position: relative;
text-align: left;
}
#header{
height:244px;
float: left;
}
#header h1 {
text-align:left;
}
h1{
height:244px;
width:259px;
position:absolute;
top: 0;
left: 0;
font-size:.6em;
}
h1 span{
background: transparent url(../images/logo.gif) no-repeat;
position:absolute;
left:0px;
top:0px;
color: #666666;
display:block;
height:244px;
width:259px;
}

#header_right{
width:511px;
height: 244px;
background: url(../images/header.jpg) no-repeat;
margin-left: 259px;
}
#content {
padding: 10px 0 0 0;
background-image: url(../images/sidebar_slice.gif);/*background of the left column */
background-repeat: repeat-y;
background-position: left top;
}
#left {
float:left;
width:237px;
position: relative;
min-height: 400px;
}
#right {
float:right;
width:533px;
padding: 20px 0;
}
.smallboxes{width: 266px; float: left; margin: 10px 0;}
#bottom{
width: 237px;
position: absolute;
bottom:50px;
left:0;
}
* html #bottom{bottom:75px}
/************************************************************************************
******************************************FOOTER*************************************/
#footer {font-size: 95%;}
#footer a { color: #007399; text-decoration: none; }
#footer a:hover { color: #c7c7c7; }
#footer p { margin: 10px 0; }
#footer ul {
float: left;
list-style: none;
margin: 6px 0;
padding: 0;
}
#footer li {
border-right: dotted 1px #007399;
float: left;
margin-right: 7px;
padding-right: 7px;
}
#footer li.last {
    border: none;
    margin: 0;
    padding: 0;
}
/************************************************************************************
*********************************GENERAL STYLES**************************************/
.clearer{
	height:1px;
	clear:both;
}
a img {  border: none; }
#right img{
border: 1px #c7c7c7 solid;
padding: 5px;
}

img.floatLeft {
	float: left;
	margin: 0 10px 10px 0;
}

img.floatRight {
	float: right;
	margin: 0 0 10px 10px;
}


/************************************************************************************
*************************************TYPOGRAPHY*************************************/
p{
margin: 0 0 10px 0;
/*padding: 3px 0px;*/
}
h2{
margin: 0 0 10px 0;
color: #007399;
font-size: 140%;
}
h3{
margin: 0 0 10px 0;
color:#666;
font-size: 130%; 
}
ul{
padding: 3px 5px;
}
#right li{
background: url(../images/bullet.gif) no-repeat 0px 2px;
list-style-type:none;
padding: 2px 0 2px 24px;
}

textarea {
font-size: 100%;
}

a { color: #555; }
a:hover { color: #007399; }


/*******************************************************************
****************************NAVIGATION -MAIN*************************/
#nav { 
padding: 0;
margin: 0;
    }
#nav ul {
margin: 0px;
padding: 0px;
}
#nav li {
height:24px;
list-style-type: none;
margin: 0px;
padding: 0;
    }
#nav li, 
#nav li a {
display: block;
width: 237px;
background-repeat: no-repeat;
    }
#nav li a {
padding-top: 24px; height: 0 !important;
height /**/: 24px; overflow: hidden;
}
#nav li a:hover, #nav li a.current{
background-position: 0 -24px;
}
#nav li.home,
#nav li.home a {
background-image: url(../images/nav_home.gif);
}
#nav li.villa,
#nav li.villa a {
background-image: url(../images/nav_villa.gif);
}
#nav li.photos,
#nav li.photos a {
background-image: url(../images/nav_photos.gif);
}
#nav li.pricing,
#nav li.pricing a {
background-image: url(../images/nav_pricing.gif);
}
#nav li.moraira,
#nav li.moraira a {
background-image: url(../images/nav_moraira.gif);
}
#nav li.golf,
#nav li.golf a {
background-image: url(../images/nav_golf.gif);
}
#nav li.links,
#nav li.links a {
background-image: url(../images/nav_links.gif);
}
#nav li.contact,
#nav li.contact a {
background-image: url(../images/nav_contact.gif);
}

/*******************************************************************
****************************GALLERY*************************/

table.gallery {
	border-collapse: collapse;
	margin: 0 0 15px 0;
}

table.gallery td {
	padding: 0 12px 12px 0;
}

table.gallery td img {
	padding: 5px;
	border: 1px #c7c7c7 solid;
}

/*******************************************************************
****************************CONTACT*************************/

.messages {
	color: red;
	font-weight: bold;
}

#messageBox {
	/*border: 1px solid red;
	padding: 1em;*/
	text-align: left;
	margin-bottom: 2em;
}

#messageBox p, #messageBox li {
	text-align: left;
	color: red;
	font-weight: bold;
}

#messageBox p {
	margin-bottom: 0.5em;
}

#messageBox ul {
	margin: 0;
}

#messageBox li {
	list-style-image: none;
	margin: 0 0 0.5em 2.5em;
}

#messageBox li li {
	font-size: 1em;
}

#messageBox li ul {
	margin: 0.5em 0 0.5em 0;
}

#contactFormTable {
	width: 370px;
	border-collapse: collapse;
	margin-bottom: 30px;
}

#contactFormTable td {
	padding: 3px;
}

/*******************************************************************
****************************LINKS*************************/

table.linksList {
	border-collapse: collapse;
	margin: 0 0 15px 0;
}

table.linksList td {
	padding: 3px;
}