div#container
{
	min-height: 300px;
	height: auto !important;
	height: 300px;
	background: #FFFFFF url(_/images/v3/bg_content.gif_) repeat-y;
	float: left;
	border-top: 4px solid #00abcd;
}

	div#container.no-cols
	{
		background-image: none !important;
	}
	
	div#container.one-col
	{
		background-image: url(_/images/v3/bg_content_one_col.gif_) !important;
	}

	div#container div#left-col
	{
		float: left;
		width: 200px;
		min-height: 300px;
		height: auto !important;
		height: 300px;
		font-size: 0.75em;
		color: #888888;
		padding-bottom: 20px;
	}
	
		/* developments */
		div#left-col div.dev-logo-left,
		div#left-col div.center
		{
	text-align: center;
	padding-top: 16px;
		}
		
		div#left-col div.pad
		{
			padding: 15px;
		}
		
			div#left-col div.center img,
			div.dev-logo-left img
			{
	padding-top: 0px;
	margin: 0 auto 0 auto;
			}
			
		div#left-col ul.left-nav
		{
			list-style: none;
		}

			ul.left-nav li a
			{
	text-transform: uppercase;
	background: #00abcd;
	color: #FFFFFF;
	display: block;
	font-size: 1.19em;
	border-bottom: 1px solid #f0e09f;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
			}
			
			ul.left-nav li a:hover
			{
	text-decoration: none;
			}
			
			ul.left-nav li ul li
			{
				list-style: none;
				font-size: 0.8em;
				line-height: 1.2em;
				display: inline;
			}
			
				ul.left-nav li ul li a
				{
					background: #5ecbea;
					padding: 5px 10px 5px 10px;
					text-transform: none;
					color: #FFFFFF;
					display: block;
				}
				
				ul.left-nav li ul li a:hover,
				ul.left-nav li ul li.hi a
				{
	background: #00ABCD;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.19em;
	padding-right: 0px;
				}
				
		div.left-nav-alt ul li a	
		{
			background: #262261;
			color: #FFFFFF;
			border-bottom: 1px solid #6c6791;
		}
		
			div.left-nav-alt ul ul li a
			{
				background: #474175;
				border-bottom: 1px solid #6c6791;
			}
			
			div.left-nav-alt ul ul li a:hover
			{
				background: #6c6791;
			}
			
		ul.pad-top
		{
			padding-top: 30px;
		}
		
		div#left-col div.left-col-content
		{
			padding: 15px;
			font-size: 0.7em;
		}
	
	/* content: remove margin, pad in content */
	div#container div.no-padding
	{
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 533px !important;
	}
	
		div.no-padding h1, 
		div.no-padding h2, 
		div.no-padding h3, 
		div.no-padding h4, 
		div.no-padding h5, 
		div.no-padding p
		{
			padding-left: 20px;
		}
		
	/* content: wide, no right col flush with edge */
	div#content.wide-flush
	{
		width: 713px !important;
		margin-right: 0!important;
	}
	
	/* content: wide, no right col */
	div#content.wide
	{
		width: 693px !important;
	}
	
	/* content: full, only one col */
	div#content.full
	{
		width: auto !important;
	}
	
	/* content: normal */
	div#container div#content
	{
		float: left;
		width: 493px;
		overflow: hidden;
		margin: 30px 20px 0 20px;
		padding-bottom: 20px; /* dont replace with margin */
		color: #888888;
		font-size: 0.75em;
		line-height: 1.6em;
	}
	
		div#content h1,
		div#right-col h1
		{
	color: #00ABCD;
	font-size: 1.4em;
	margin: 0 0 20px 0;
		}
		
		div#content h2,
		div#right-col h2
		{
	color: #00ABCD;
	font-size: 1.2em;
	margin-bottom: 15px;
		}
		
		div#content h3,
		div#right-col h3
		{
			color: #58595b;
			font-size: 1.1em;
			margin: 0;
		}
		
		div#content h4,
		div#right-col h4
		{
			color: #58595b;
			font-size: 1em;
		}
		
		div#content p
		{
			margin-bottom: 18px;
		}
		
		div#content ul
		{
			margin: 15px;
		}
		
		.img-lft
		{
	float: left;
	padding: 3px 10px 0 0;
		}
		
		div#content ul#page-options
		{
			margin: 0;
			padding: 30px 0 0 0;
			font-size: 0.9em;
			list-style: none;
		}
		
			ul#page-options li
			{
				float: right;
				margin: 0 0 0 20px;
			}
			
				ul#page-options li.print a
				{
					background: url(_/images/v3/icon_printer.gif_) no-repeat left;
				}
			
				ul#page-options li.email a
				{
					background: url(_/images/v3/icon_envelope.gif_) no-repeat left;
				}
				
				ul#page-options li a
				{
					padding: 0 0 0 20px;
					display: block;
				}
				
		/* developments homepage list */
		div#content div#dev-list
		{
			border-left: 1px dashed #e8e8e8;
			border-right: 1px dashed #e8e8e8;
		}
		
			div#dev-list h2
			{
				background-color: #d9ae3d;
				margin: 0;
				font-size: 1.2em;
				color: #58595b;
				padding: 2px 10px 2px 10px;
			}
			   
			div#dev-list h3 
			{
				background-color: #e4c93e;
				margin: 0;
				font-size: 1.2em;
				color: #58595b;
				padding: 2px 10px 2px 40px;
			}
			
			div#dev-list h4 
			{
				background-color: #eedb8d;
				margin: 0;
				font-size: 1.2em;
				color: #58595b;
				padding: 2px 10px 2px 70px;
			}
			
			div#dev-list h5 
			{
				background-color: #f4ebc3;
				margin: 0;
				font-size: 1.2em;
				color: #58595b;
				padding: 2px 10px 2px 110px;
			}
			
			div#dev-list div.dev-resort
			{
				background: #fbf7e7;
				padding: 10px 10px 0 10px;
				border-bottom: 1px solid #f4ebc3;
				font-size: 0.95em;
			}
			
				div.dev-resort div.left
				{
					float: left;
					width: 180px;
					text-align: center;
				}
			
					div.dev-resort div.left img 
					{
						margin: 0 auto 0 auto;
					}
				
				div.dev-resort div.right
				{
					float: left;
					width: 330px;
				}
				
					div.dev-resort div.right h5
					{
						background: none !important;
						padding: 0 !important;
						font-size: 1em !important;
						color: #333333 !important;
					}
					
					div.dev-resort div.right p
					{
						color: #333333 !important;
						padding: 0;
					}
					
					div.dev-resort div.right p.more
					{
						text-align: right;
					}
					
						div.dev-resort div.right a.more
						{
							background: url(_/images/v3/bg_dev_grad_arrow.gif_) no-repeat right;
							padding: 1px 10px 1px 70px;
							font-size: 0.85em;
							font-weight: bold;
						}
						
		div#dev-list div.america h2
		{
			background-color: #262261;
			color: #FFFFFF;
		}
		
		div#dev-list div.america h3
		{
			background-color: #474175;
			color: #FFFFFF;
		}
		
		div#dev-list div.america h4
		{
			background-color: #6a628d;
			color: #FFFFFF;
		}
		
		div#dev-list div.america div.dev-resort
		{
			border-bottom: 1px solid #6e6a93;
		}	
		
		/* dev region lists */
		div#developments-list
		{
		
		}
		
			div#developments-list .box
			{
				border-bottom: 1px solid #e8e8e8;
				margin-top: 20px;
				padding-bottom: 20px;
			}
		
		
			div#developments-list .logo
			{
				float: left;
				width: 115px;
				text-align: center;
			}
			
				div#developments-list .logo img
				{
					margin: 0 auto 0 auto;
				}
			
			div#developments-list .copy
			{
				float: right;
				width: 350px;
			}
			
		/* img libraries */
		div.img-library-container
		{
		
		}
		
			div.img-library-container h1
			{
	background-color: #5ECBEA;
	margin: 0;
	font-size: 1.1em !important;
	color: #58595b;
	padding: 2px 10px 2px 5px;
			}
			
			div.img-library-container table
			{
	padding: 10px 10px 0 10px;
	font-size: 0.95em;
	width: 150px;
			}
			
				div.img-library-container table td
				{
	width: 146px;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 8px;
				}
				
					/* remove styling applied by oceanico's use of h2 here */
					div.img-library-container table td h2
					{
						font-weight: normal !important;
						font-size: 1em !important;
						margin: 0 !important;
						padding: 0 !important;
					}
				
					div.img-library-container table td a.find-out
					{
	background: url(_/images/v3/bg_dev_grad_arrow.gif_) no-repeat left;
	display: block;
	font-size: 0.85em;
	font-weight: bold;
	text-align: left;
	padding-right: 2px;
	margin-bottom: 5px;
					}
					
					div.img-library-container table td p
					{
						text-align: left;
					}
			
		/* maps */
		
		div#map-world
		{
			height: 370px;
			width: 100%;
			background: #b7d4e8;
		}
		
		div#map-key
		{
			background: #e9f4fc;
			padding: 3px;
			font-size: 0.95em;
			color: #58595B;
		}
			
			div#map-key div
			{
				float: left;
			}
		
			div#map-key ul
			{
				list-style: none;
				margin: 3px 0 0 0;
			}
			
				div#map-key ul li
				{
					float: left;
					display: inline;
				}
				
					div#map-key ul li.planned a
					{
						background: url(_/images/v3/icon_map_planned_dev.gif_) no-repeat;
						padding: 3px 15px 7px 20px;
						line-height: 1.9em;
					}
					
					div#map-key ul li.under-construct a
					{
						background: url(_/images/v3/icon_map_construction.gif_) no-repeat;
						padding: 3px 15px 7px 20px;
						line-height: 1.9em;
					}
					
					div#map-key ul li.current-construct a
					{
						background: url(_/images/v3/icon_map_current.gif_) no-repeat;
						padding: 3px 15px 7px 20px;
						line-height: 1.9em;
					}
		
			div#map-key select
			{
				float: right;
				border: 1px solid #CCCCCC;
				background: #FFFFFF;
				padding: 2px;
				color: #58595B;
				font-size: 0.95em;
				margin: 3px;
			}
			
		/* news styles */
		div#content.content-news h2
		{
			font-size: 1em;
		}
		
		
		div#content.content-news .news-date
		{
			font-style: italic;
			padding-bottom: 10px;
		}
			
			
		/* royal obidos MSF logo */
		.msf-logo
		{
	position: absolute;
	top: 5px;
	left: 40px;
		}
			
		/* contact us */
		iframe#contact-frame
		{
			height: 1280px;
			width: 100%;
		}
		
		/* jobs list */
		div.job-box
		{
			border-top: 1px solid #e8e8e8;
			padding: 10px 0 0 0;
			margin-top: 20px;
		}
		
		div.job-box h2
		{
			background-color: #ffffff;
			margin-bottom: 5px !important;
			font-size: 1.2em;
			color: #58595b;
			padding: 2px 10px 20px 0px;
		}
		
		div.job-box p
		{
			margin-bottom: 5px !important;
		}
		
		.job-apply-now
		{
			font-weight: bold;
			text-align: right;
			margin-top: 20px;
		}
		
	div#container div#right-col
	{
		float: right;
		width: 200px;
		color: #888888;
		font-size: 0.75em;
		line-height: 1.6em;
	}
	
		div#right-col div.center
		{
	text-align: center;
	padding: 16px;
		}
	
	
/* property */
table.tbl-property
{
	width: 484px;
	margin: 15px 0 15px 0;
	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}
	
	table.tbl-property td
	{

		padding: 5px 5px 5px 10px;
	}
	
	table.tbl-property td
	{
		border-bottom: 1px solid #e8e8e8;
	}
		
		table.tbl-property .enquire
		{
			width: 180px;
			text-align: right;
			background: #a51e1b;
		}
			
			table.tbl-property .enquire a
			{
				color: #ffffff !important;
				padding-right: 20px;
				background: url(../../images/bg_enquire_arrow.gif) no-repeat right;
			}
		
		table.tbl-property .download
		{
			width: 180px;
			text-align: right;
			background: url(../../images/v3/bg_property_fade.jpg) repeat-y left;
		}
			
			table.tbl-property .download a
			{
				padding-right: 20px;
				padding-right: 20px;
				background: url(../../images/v3/bg_download_arrow.gif) no-repeat right;
			}
			
		
		/* class: download - table */
		
		table.download
		{
			width: 197px;
			padding: 2px 0 3px 0;
			text-align: left;
			
		}
		
		table.download td
		{
			padding: 1px 5px 1px 5px;
			border-bottom: 1px solid #e8e8e8;
		}
		
		table td.available
		{
			color: #ffffff;
			background: #a51e1b;
		}
		
.img-table
{
	width: 484px;
}
	
	.lft
	{
		width: 280px;
		float: left;
	}
	
	.img-table .rgt
	{
		float: right;
		width: 197px;
		min-height: 185px;
	}
		
		.img-table .rgt p.enquire
		{
			clear: left;
			margin: 101px 0 0 0;
			padding: 5px 5px 5px 10px;
		}
		
		.img-table .rgt p.a
		{
			padding-top: 20px !important;
		}
		
		.img-table .rgt table.light-color
		{
			margin: 0 10px 0 5px;
			padding: 0;
		}
			
			.img-table .rgt table.light-color td
			{
				color: #505050;
				padding: 2px 12px 2px 0px;
				border-bottom: 1px solid #bbbbbb;
			}
			
			.img-table .rgt td.empty-row
			{
				padding: 0;
				line-height: 0.1;
				border: 0 !important;
			}
			
			/* table background colours */
			
			.img-table .rgt td.a { width: 98px; background: #ebd5d8; }
			.img-table .rgt td.b { background: #ede59c; }
			.img-table .rgt td.c { background: #cbd8eb; }
			.img-table .rgt td.d { background: #fad988; }
			
	.img-table .img-bar
	{
		float: right;
		margin: 20px 0 0 0;
	}
	
	.img-table .rotation-chart
	{
		width: 260px;
		padding: 5px 20px 5px 0;
		text-align: right;
		
	}
		
		.img-table .rotation-chart a
		{
			color: #4d1836;
			padding-right: 20px;
			background: url(../../images/bg_download_arrow.gif) no-repeat right;
		}
		
		
		
/* brokers */

#broker-rating
{
	padding: 10px;
}
	
	#broker-rating span.submit-right
	{
		margin-bottom: 5px !important;
	}

#broker-resources
{
}

	#broker-resources ul
	{
		list-style: none;
		margin: 0 !important;
		padding: 0;
	}
	
		#broker-resources ul li
		{
			padding: 30px 0px 30px 0;
			font-weight: bold;
			width: 250px;
		}

		#broker-resources ul li.pdf
		{
			background: url(../../images/icon_pdf_large.gif) no-repeat right;
		}

		#broker-resources ul li.word
		{
			background: url(../../images/icon_word_large.gif) no-repeat right;
		}

		#broker-resources ul li a
		{
			padding-right: 70px;
			color: #2b2e61;
		}

	#broker-resources #adobe 
	{
		margin-top: 20px;
	}

	#broker-resources #adobe p
	{
		font-size: 0.75em;
		color: #999999 !important;
		line-height: 1.3em;
	}

.broker-review-block
{
	padding: 10px 0 30px 0;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 20px;
	
}

	.broker-review-block h2
	{
		margin: 0 10px 10px 0 !important;
	}
	
	.broker-review-block .date
	{
		font-size: 0.75em;
		color: #CCCCCC;
	}
	
	.broker-review-block q
	{
		font-style: italic;
	}

	.broker-review-block .rating
	{
		float: right;
	}

		.broker-review-block .rating img,
		.rating img
		{
			display: inline;
		}

.broker-list-block
{

	border-bottom: 1px solid #e8e8e8;
	padding: 10px 0px 15px 0;
	margin: 0 0 10px 0;
	font-size: 0.9em;

}

	.broker-list-block .logo
	{
		float: left;
		width: 161px;
		height: 100px;
	}
	
	.broker-list-block .content
	{
		float: left;
		width: 315px;
	}
	
	.broker-list-block .content div
	{
		margin-bottom: 5px;
	}
	
		.broker-list-block .content div h2
		{
			float: left;
			width: 200px;
			color: #2b2e61;
			margin: 0 0 0 0 !important;
		}
		
		.broker-list-block .content .rating
		{
			float: right;
			width: 90px;
			text-align: right;
		}
		
		.broker-list-block .content .rating a
		{
			color: #2b2e61;
			text-decoration: underline;
			margin-right: 3px;
		}
		
		.broker-list-block .content p.more
		{
			margin: 0;
			padding: 0;
		}
		
		.broker-list-block .content p.more a
		{
			background: url(../../images/arrow_right_orange.gif) no-repeat right;
			padding-right: 10px;
			float: right;
		}

p.broker-order
{
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 5px;
}

	p.broker-order a.active
	{
		text-decoration: underline;
	}


	form .rating
	{
		margin-left: 135px;
	}