body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#113852;
}

/********************/
/* Background Styles */
/********************/


#base {
	width:100%;
	padding:0;
	margin:0;
	background:url(../ocean-residences/ocean-residences-bg01.gif) #ffffff top center repeat-x;
	float:left;
}

#centered {
	width:954px;
	margin:0 auto 0 auto;
	padding:0;
}

#bg_top {
	width:914px;
	padding:20px 20px 10px 20px;
	margin:0;
	float:left;
	background:url(../ocean-residences/ocean-residences-bg02.jpg) #ffffff top left no-repeat;
}

#logo {
	width:132px;
	height:152px;
	background:url(../ocean-residences/ocean-residences-logo.gif) top left no-repeat;
	float:left;
}

#banner {
	width:761px;
	height:132px;
	float:left;
	padding:70;
	margin:0 0 0 20px;
	background:url(../ocean-residences/ocean-residences-images01.jpg) #113852 bottom right no-repeat;
}

#flash {
	width:914px;
	height:199px;
	float:left;
	margin:0;
	padding:0;
}

#flash_home {
	width:914px;
	height:310px;
	float:left;
	margin:0;
	padding:0;
}

#navbar {
	width:914px;
	float:left;
	height:40px;
	background-color:#ffffff;
}

#content {
	width:914px;
	float:left;
	background:url(../ocean-residences/content_bg.jpg) top left no-repeat;
	padding:0;
	margin:0;

}

#content_bg {
	float:left;
	margin:0 0 0 0;
	background:url(../ocean-residences/content_bg.gif) top left repeat-y;
}

#content_left {
	width:684px;
	float:left;
	padding:0;
	margin:0;
}

#content_wide {
	width:874px;
	float:left;
	padding:0;
	margin:0;
}

#gallery img {
	background-color:#333333;
	padding:5px;
	border:1px solid #141414
}

#gallery {
	float:left;
	padding:30px 0 0 30px;
	margin:0;
}

#content_right {
	width:190px;
	float:left;
	margin:20px 20px 0 20px;
	padding:0 0 0 0;
	background-color:#a29061;
}

#content_right_short {
	height:300px;
	margin:10px 10px 0 10px;
}

#content_right_pics {
	width:186px;
	float:left;
	margin:20px;
	padding:0 0 30px 4px;
	background-color:#a29061;
}

#content_right_pics img {
	border:0;
	padding:5px;
	background-color:#141414;
	margin:0 0 5px 11px;
	border:1px solid #333333;
}

#content_right_pics02 {
	width:170px;
	float:left;
	margin:20px;
	padding:20px 0 0 20px;
	background-color:#a29061;
}

#content_right_pics02 img {
	margin:0 0 20px 0;
}

#content_right_pics img:hover {
	background-color:#40526a;
}

#content_right_location {
	width:190px;
	float:left;
	margin:20px;
	padding:0 0 30px 0;
	background:url(../ocean-residences/ocean-residences-map.jpg) top left no-repeat;
	height:500px;
	
}

#content_pics {
	float:left;
	padding:15px 30px 20px 30px;
	margin:0;
	width:624px;
}

#content_pics img {
	margin:0 35px 0 0;
}

#padder {
	background-color:#113852;
	padding:0;
	margin:0;
	float:left;
	width:914px;
	height:20px;
}

#footer {
	height:50px;
	width:914px;
	background-color:#a29061;
	float:left;
	
}

#footer p {
	font-size:11px;
	color:#ffffff;
	text-align:right;
	padding:15px 15px 0 0;
	margin:0;
}

#footer_base {
	width:914px;
	text-align:right;
	float:left;	
}

#footer_base p {
	font-size:11px;
	color:#333333;
	text-align:right;
	padding:5px 0 0 0;
	margin:0;
}

#footer_base a {
	color:#333333;
	text-decoration:none;
}

#footer_base a:hover {
	color:#333333;
	text-decoration:underline;
}


#copy01 {
	float:left;
	padding:30px 30px 0 30px;
	margin:0;
	width:624px;
}

#copy01_news {
	float:left;
	padding:30px 0 0 30px;
	margin:0;
	width:654px;
}


#banner h1 {
	font-size:19px;
	color:#666666;
	padding:0 130px 0 0;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
}

#banner h2{
	font-size:14px;
	color:#a29061;
	padding:52px 0 0 40px;
	margin:0;
	font-weight:normal;
}



#copy01 h1, #gallery h1, #copy01_news h1 {
	font-size:20px;
	color:#a29061;
	padding:0 0 10px 0;
	margin:0;
	font-weight:normal;
}

#copy01 h2{
	font-size:16px;
	color:#a29061;
	padding:20px 0 10px 0;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
}

#copy01 h2 a{
	font-size:16px;
	color:#a29061;
	margin:20px 0 10px 0;
	padding:0;
	font-weight:normal;
	text-transform:uppercase;
}

#copy01 h5 a{
	font-size:16px;
	color:#a29061;
	margin:10px 0 10px 0;
	padding:0;
	font-weight:normal;
	text-transform:uppercase;
}



#copy01 h3{
	font-size:14px;
	color:#a29061;
	padding:20px 0 10px 0;
	margin:0;
	font-weight:normal;
}

#copy01 p {
	font-size:12px;
	color:#CCCCCC;
	padding:0 0 20px 0;
	margin:0;
	line-height:20px;
}

#copy01 a {
	font-size:12px;
	color:#a29061;
	text-decoration:none;
}

#copy01 a:hover {
	text-decoration:underline;
}

#copy01 ul{
	list-style:square;
	padding:0 0 0 40px;
	margin:0;
	}

#copy01 li{
	color:#CCCCCC;
	font-size:12px;
	padding:0 0 5px 0;
	margin:0;
	
}

#copy01 table, tr, td{
	font-size:12px;
	color:#CCCCCC;
	padding: 5px;
}



#sidebox {
	width:190px;
	height:229px;
	float:left;
	background-color:#000000;
	margin:20px 0 0 20px;
}

#content_right p{
	font-size:12px;
	color:#113852;
	padding:20px 20px 0 10px;
	margin:0;
	line-height:20px;
	text-align:right;
	text-transform:uppercase;
}

#content_right_pics02 p{
	font-size:12px;
	color:#113852;
	padding:20px 20px 20px 10px;
	margin:0;
	line-height:20px;
	text-align:right;
	text-transform:uppercase;
}


#content_right h2{
	font-size:16px;
	color:#a29061;
	padding:10px 20px 20px 10px;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
}

#content_right_pics h2{
	font-size:16px;
	color:#a29061;
	padding:10px 16px 20px 10px;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
}

#content_right_pics h3{
	font-size:12px;
	color:#ffffff;
	padding:10px 16px 10px 10px;
	margin:0;
	font-weight:normal;
	text-align:right;
}

#content_right_location li{
	font-size:11px;
	color:#cccccc;
	padding:0 10px 5px 0;
	margin:0;
	text-align:right;
	color:#ffffff;
}

#content_right_location ul{
	padding:0;
	margin:0;
	list-style:none;
}

#content_right_location h2{
	font-size:16px;
	color:#a29061;
	padding:10px 10px 20px 10px;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
}

.clear{
	clear:both;
}

label{
	padding:0 0 20px 0;
	text-align:left;
	font-size:12px;	
}

td{
	font-size:12px;	
}

.requestbrochure {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #666666;
	height:20px;
	width:200px;
	padding:0 0 0 2px;
	margin:5px 20px 5px 20px;
	line-height:20px;
	font-size:12px;
	color:#666666;
}

.requestbrochure02 {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #666666;
	width:203px;
	padding:0;
	margin:5px 20px 5px 20px;
	line-height:20px;
	font-size:12px;
	color:#666666;
}

.submit {
	margin:5px 20px 5px 20px;
}

#contact-left{
	width:300px;
	float:left;
}

#contact-right{
	width:300px;
	float:left;
	margin:33px 0 0 0;
}

#detailstable {
	font-size:12px; 
	border: none;
	border: 1px solid #333333;
	margin: 0 0 20px 0;
}

#detailstable td {
	border: 1px solid #333333;
	padding:5px;
}

#villas li{
	color:#CCCCCC;
}
#villas ul{
	padding:0 0 10px 20px;
}

#villas{
	padding:0 0 20px 0;
}

/***************/
/* NavBar Styles */
/***************/


.chromestyle{
	float:left;
	width:914px;
	margin:1px 0 0 0 ;
	padding:0;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	width:100%;
	padding:0;
	margin:0;
	
}

.chromestyle ul {
	margin:0;
	padding:0;

}

.chromestyle ul li{
	display: block;
	float: left;
	margin:0;
	padding:0;
	list-style:none;
	background-color:#FFFFFF;
}

#chromemenu .smaller a{
	font-size:12px;
	padding:5px 0 0 0 ;
	margin:0 0 5px 0;
	height:35px;
}

#chromemenu .main_smaller a{
	font-size:12px;
	padding:5px 0 0 0 ;
	height:35px;
}

#chromemenu .main_smaller_current a{
	background-color:#d6d6d6;
	color:#000000;
	cursor: pointer;
	font-size:12px;
	padding:5px 0 0 0 ;
	height:35px;
}

#chromemenu .current a{
	background-color:#d6d6d6;
	color:#000000;
	cursor: pointer;
}

#chromemenu .smaller_current a{
	background-color:#d6d6d6;
	font-size:12px;
	color:#000000;
	cursor: pointer;
	padding:5px 0 0 0 ;
	height:35px;
}

#chromemenu .current a:hover{
	background-color:#d6d6d6;
	color:#000000;
	cursor: pointer;
}

#chromemenu .endlink_current a{
	width:116px;
	background-color:#d6d6d6;
	color:#000000;
	cursor: pointer;
}

#chromemenu .endlink_current a{
	width:116px;
}

#chromemenu .endlink a{
	width:116px;
}





.chromestyle ul li a{
	color:#a29061;
	padding:10px 0 0 0;
	text-align:center;
	margin:1px 0 0 0;
	width: 100%;
	font-stretch:ultra-condensed;
	height:30px;
	text-decoration:none;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	width:152px;
	list-style:none;
}


.chromestyle ul li a:hover{
	color: #ffffff;
	background-color:#a29061;
	text-decoration:none;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
	padding:0;
	margin:0;
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */


.dropmenudiv li{
	padding:0 0 0 0;
	margin:1px 0 0 0;
	color: #D33127;
	height:35px;
}

.dropmenudiv:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	padding:0;
	margin:0;
	float: left;
	
	
}

.dropmenudiv ul li{
	display: block;
	margin:0 0 0 -40px;
	padding:0 0 0 -40px;
	text-align:center;
	
}


.dropmenudiv ul li a{
	color:#a29061;
	padding:10px 0 0 0;
	text-align:center;
	width: 100%;
	height:30px;
	text-decoration:none;
	float: left;
	font-size:15px;
	width:152px;
	list-style:none;
	background-color:#FFFFFF;
}

.dropmenudiv ul li a:hover{
	color: #ffffff;
	background-color:#a29061;
	text-decoration:none;
}

.dropmenudiv{
	margin:-16px 0 0 0;
	padding:0 0 0 -40px;
	position:absolute;
	z-index:100; 
	visibility: hidden;
	width:152px;
}

#dropdown01 a{
	background:url(../ocean-residences/button03a.gif) top left no-repeat;
	
}

#dropdown01 a:hover  {
	background-position:0 -40px;
	color:#a29061;
}

#dropdown02 a{
	background:url(../ocean-residences/button03a.gif) top left no-repeat;
	
}

#dropdown02 a:hover  {
	background-position:0 -40px;
	color:#a29061;
}

#dropdown03 a{
	background:url(../ocean-residences/button03a.gif) top left no-repeat;
	
}

#dropdown03 a:hover  {
	background-position:0 -40px;
	color:#a29061;
}





/***************/
/* SiFR Styles */
/***************/
.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: -999em;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	float:none;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2{
	margin:0;
	padding:0;
	visibility: hidden;
	font-size:12px;
	line-height:12px;
}


.menu {width:914px; height:40px; float:left; z-index:100;font-family:arial, sans-serif;font-size:15px;margin:2px 0 0 0;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:914px; w\idth:914px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:114px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:114px;position:relative;text-align:center;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:15px;font-weight:normal; text-decoration:none; color:#a29061; width:114px; height:40px;background:#fff; padding-left:0px; line-height:40px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:114px; w\idth:114px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#ffffff; color:#fff;}
.menu ul ul :hover > a.drop {background:#a29061;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:40px;left:0; width:114px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:40px;t\op:41px;}

/* position the third level flyout menu */
.menu ul ul ul{left:114px; width:114px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-114px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#a29061; height:auto; line-height:1em; padding:5px 10px; width:94px;text-align:left;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:114px;w\idth:114px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#a29061;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#a29061;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu a.current {
	background-color:#113852;
	color:#FFFFFF;
	cursor: pointer;
}

#newsandmedia {
	padding:10px;
}

#newsandmedia p {
	font-size:12px;
	color:#666666;
	padding:0 5px 20px 0;
	margin:0 0 5px 0;
	line-height:normal;
}

#newsandmedia a.current {
	color:#666666;
}

#newsandmedia a {
	font-size:12px;
	color:#113852;
	text-decoration:none;
}

#newsandmedia a:hover {
	text-decoration:underline;
}

#newsandmedia img {
	padding:0 0 0 10px;
}

#newsandmedia table, tr, td{
	padding:0;
	margin:0;
}

#no_county_drop_down{
	margin:0 0 0 20px;
}

#twitter{
	margin:0 20px 20px 20px;
}