/* CSS Document */

* {
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 22px;
}

body {
	background: #668877 url(../images/2010/background1.jpg) center repeat-y;
	color: #668877;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: justify;
}

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 920px;
	background-color: #FFF;
}

#content {
	background-color: #FFF;
	padding: 15px;
	width: 890px;
	float: left;
}

#mapcontent {
	background-color: #FFF;
	padding: 15px;
	width: 1000px;
	float: left;
}



a {
	color: #660033;
	text-decoration: underline;
	outline:none;
}

a:hover {
	color: #668877;
	text-decoration: none;
	
}

h1 {
	border-bottom: 1px solid #335556;
	border-top: 1px solid #335556;
	border-left: 60px solid;
	color: #335556;
	font-size: 14px;
	margin: 5px 0;
	line-height: 22px;
	font-weight: bold;
	padding-left: 15px;
}


#map {
	background-repeat: no-repeat;
	margin: 0 auto;
	text-align: left;
	width: 986px;
	color: #000000;
	padding-left: 20px;
}

#wrapmap {
	margin: 0 auto;
	text-align: left;
	width: 1050px;
	height: 900px;
	background-color: #FFF;
}

#header {
	height: 280px;
}

#mapheader {
	color: #999999;
	font-size: 327%;
	font-weight: bold;
	height: 280px;
	line-height: 120px;
	text-indent: 150px;
	background-image: url(../images/2010/happycouple.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#navbox{
	float: left;
	padding-bottom: 25px;
	width: 200px;
}

ul#topnav {

	display: block;
	list-style: none;
	float: left;
	width:195px;
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}

#social{
	width: 200px;
	height: 50px;
	float: left;
}

#facebook {	float: left;
	width: 200px;
	height: 50px;
	background-image: url(../images/facebook.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
}

/*--CSS Sprites - Default State--*/

ul#topnav a {
	float: left;
	display: block;
	height: 44px; /*--Specify height of navigation--*/
	text-indent: -9999px; /*--Shoot the text off the page--*/
	background-position: left top;	
	outline:none;
}

/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: -194px;
}


/*--Assign an image and width to each link--*/
ul#topnav li.rentals a {
	background-image: url(../images/2010/newbuttons/rentals.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.longterm a {
	background-image: url(../images/2010/newbuttons/longstays.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.services a {
	background-image: url(../images/2010/newbuttons/concierge.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.movies a {
	background-image: url(../images/2010/newbuttons/film.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.yachts a {
	background-image: url(../images/2010/newbuttons/yacht.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.prices a {
	background-image: url(../images/2010/newbuttons/prices.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.clients a {
	background-image: url(../images/2010/newbuttons/clients.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.request a {
	background-image: url(../images/2010/newbuttons/request.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.list a {
	background-image: url(../images/2010/newbuttons/list.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.contact a {
	background-image: url(../images/2010/newbuttons/contact.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.links a {
	background-image: url(../images/2010/newbuttons/links.jpg);
	width: 195px;
	height: 44px;
}

ul#topnav li.map a {
	background-image: url(../images/2010/newbuttons/map.jpg);
	width: 195px;
	height: 44px;
}

#rentals li.rentals a, 
#longterm li.longterm a,
#services li.services a, 
#movies li.movies a, 
#yachts li.yachts a, 
#prices li.prices a,
#clients li.clients a, 
#request li.request a, 
#list li.list a, 
#contact li.contact a, 
#links li.links a,
#map li.map a
{
	background-position: -388px;
}


.facebook {
    float:left;
	border: 0px;
	margin: 0px;
	padding: 0px;
    }


#column1 {
	float: left;
	width: 200px;
	padding-bottom: 25px;
	margin-right: 12px;
}

#column1 img {
	border: 2px solid #E6E6E6;
	margin: 5px 35px;
	padding: 10px 10px;
	float: left;
}


#column2 {
	float: left;
	margin-left: 0;
	font-size: 13px;
	width: 665px;
	background-color: #FFF;
	color: #666;
	text-align: justify;
}

#column2 p {
	line-height: 190%;
}

#column2 ul {
	margin: 10px 0;
}

#column2 li {
	color: #999999;
	list-style: square inside;
	text-indent: 10px;
}

#column2pic {
	float: none !important;
	float: right;
	margin-left: 220px !important;
	margin-left: 0;
	text-align: justify;
	font-size: 13px;
	padding-right: 35px;
}

#column2pic img {
	border: 2px solid #E6E6E6;
	margin: 5px;
	padding: 10px 10px;
}

#column3 {
	float: left;
	width: 200px;
	padding-bottom: 25px;
	margin-right: 12px;
}

#column3 img {
	border: 1px solid #FFFFFF;
	margin: 5px 20px;
	padding: 10px 10px;
	float: left;
}


#footer {
	color: #999;
	font-size: 9px;
	padding: 30px 0 10px 34px;
	text-indent: 185px;
	clear: left;
	background-color: #FFF;
}
#footer a {
	color: #999999;
	text-decoration: underline;
}

.style3 {
	color: #CCCCCC;
	line-height: 35px;
}

.style4 {
	font-size: 14px;
	font-weight: bold;
}

.style10 {
	font-size: 14px;
	font-weight: bold;

}

.floatimgleft {
    float:left;
    margin-right:20px;
    margin-bottom:0px;
    }
	
.floatimgright {
    float:right;
    margin-right:20px;
    margin-bottom:0px;
    }
	
#image_map{
	width:920px;
	height: 280px;
	margin:0 auto;
	padding:0px;
	background-image: url(../images/2010/happycouple.jpg);
	background-repeat: no-repeat;
	position:relative;
}

#image_map a{
display:block;
position:absolute;
}

#image_map a.menu{
width:100px;
height:50px;
top:340px;
}

#image_map a#link1{
	width:415px;
	height:62px;
	top:33px;
	left:54px;
}

.style2 {color: #660033}