@charset "UTF-8";
/* CSS Document */

a,
a:link,
a:visited
{
	text-decoration:underline;
	color:#4d90cd;
}

a:hover,
a:active
{
	text-decoration:underline;
	color:#000;
}

body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	color:#717073;
	font:11px/16px Verdana, Geneva, sans-serif normal;
}

#wrapper
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#main
{
	width:1278px;
	height:795px;
	margin:0 auto;
	padding:0;
}

div.button
{
	width:144px;
	margin:0 auto;
	background-color:#33F;
}

a.button
{
	width:144px;
	height:30px;
	float:left;
	margin:0 auto;
	display:block;
	background:url(../images/image-gallery-button.gif) repeat 0px 0px;
}

a.button:hover
{
	background:url(../images/image-gallery-button.gif) repeat 0px -30px;
}

.button span
{
	display:none;
}



/* HEADER STYLES */
#logo
{
	width:206px;
	float:left;
	text-align:right;
	padding-left:144px;
}

#orient-logo
{
	width:206px;
	float:right;
	padding-top:38px;
	margin-right:144px;
	text-align:right;
}

#site-title
{
	width:578px;
	float:left;
	text-align:center;
	padding:91px 0 0 0;
}

#header
{
	height:127px;
}
/* HEADER STYLES END */


/* NAV STYLES */
#nav
{
	width:1278px;
	height:32px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	letter-spacing:1px;
	margin:0;
	padding:0;
	clear:both;
}

#nav-inner
{
	width:1152px;
	height:32px;
	margin: 0 auto;
	background-color:#879a9e;
}

#nav ul
{
	width:1027px;
	margin:0 auto;
	list-style:none;
	padding:0;
	line-height:32px;
}

#nav li
{
	display:inline;
	float:left;
	height:32px;
	text-align:center;
}

#nav a,
#nav a:link,
#nav a:visited
{
	color:#fff;
	text-decoration:none;
	display:block;
	height:32px;
}

#nav a:hover,
#nav a:active
{
	color:#000;
}

#nav a span
{
	font-size:11.5px;
}

#nav .active a
{
	color:#000 !important;
}

#nav-home
{
	width:86px;
}
#nav-stmartin
{
	width:125px;
}
#nav-villas
{
	width:99px;
}
#nav-hotel
{
	width:189px;
}
#nav-services
{
	width:195px;
}
#nav-rentals
{
	width:157px;
}
#nav-contact
{
	width:109px;
}
#nav-developer
{
	width:125px;
}
#nav-media
{
	width:99px;
}

/* NAV STYLES END */


/* SUB NAV */

#sub-nav
{
	margin:0;
	padding:0;
	height:39px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	line-height:28px;
	clear:none;
}

#sub-nav ul
{
	margin:0;
	padding:0;
}

#sub-nav li
{
	display:inline;
	float:left;
	margin:0 10px;
}

#sub-nav a,
#sub-nav a:link,
#sub-nav a:visited
{
	color:#717073;
	text-decoration:none;
	
}

#sub-nav a:hover,
#sub-nav a:active
{
	color:#000;
	text-decoration:underline;
}

#sub-nav .active a
{
	color:#000 !important;
}



/* CONTENT NAV */

div.content-nav
{
	margin:0;
	padding:0;
	height:28px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	line-height:28px;
	clear:none;
}

.content-nav ul
{
	margin:0;
	padding:0;
}

.content-nav li
{
	display:inline;
	float:left;
	margin:0 15px;
}

.content-nav a,
.content-nav a:link,
.content-nav a:visited
{
	color:#717073;
	text-decoration:none;
	
}

.content-nav a:hover,
.content-nav a:active
{
	color:#4d90cd;
	text-decoration:underline;
}

.content-nav .active a
{
	color:#4d90cd !important;
}




/* CONTENT */
#content
{
	margin:0;
	padding:0;
	font:11px/16px Verdana, Geneva, sans-serif normal;
	clear:both;
	height:498px;
	overflow:visible;
}

#content-inner
{
	/*padding:43px 0 0 0;*/
	padding:0;
}

#content-left
{
	width:852px;
	float:left;
	clear:none;
}

#content-left-inner
{
	padding:0 0 0 140px;
}
#content-left-inner.large-photo
{
	padding-left:63px;
}
#content-left-inner2
{
	width:620px;
	padding:0 0 0 140px;
}
#content-left-inner2.large-photo
{
	padding-left:63px;
}

.slideshow {
	width:829px;
	height:481px;
	margin:0;
	padding:0;
}

.homeBar {
	width:1152px;
	height:71px;
	margin:0;
	padding:0;
	background-image:url(../images/home_bar_bg.png);
	position:absolute;
	top:573px;
	z-index:99;
}

p.homeText {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:11px;
	letter-spacing:1px;
	margin:0;
	padding:0;
}

.home1 {
	width:680px;
	min-height:30px;
	margin:0;
	padding:25px 0 0 0;
	float:left;
	text-align:right;
}

.home2 {
	width:117px;
	height:30px;
	margin:0;
	padding:21px 0 0 24px;
	float:left;
}

.home3 {
	width:200px;
	min-height:30px;
	margin:0;
	padding:38px 0 0 24px;
	float:left;
}

/* Hides from IE5-mac \*/
* html .home1,home2{height:30px;}
/* End hide from IE5-mac */

#content-inner ul
{
	list-style:outside;
	margin:0 0 0 10px;
	padding:0;
}

#content-inner li
{
	padding:3px 0;
}

#content-right
{
	width:426px;
	float:left;
	clear:none;
}

#content-right-inner
{
	padding: 23px 63px 0 13px;
}

#content-right-inner p
{
	text-align:justify;
}

h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#879a9e;
	font-weight:normal;
	letter-spacing:3px;
	line-height:24px;
	margin:0 0 -5px 0;
}

h1 span
{
	font-size:24px;
}


/* FOOTER STYLES */
#footer
{
	width:990px;
	clear:both;
	background:url(../images/hrule.gif) repeat-x;
	margin:0 auto;
}

#footer-inner
{
	text-align:center;
}

#footer .copy
{
	clear:both;
	text-align:center;
	padding:5px 0 0 0;
	font-size:8px;
	line-height:10px;
}

#footer .copy h2
{
	font-size:10px;
	font-weight:normal;
	line-height:10px;
	color:#717073;
	margin:0;
	padding:0;
}

#footer p
{
	margin:6px 0;
	padding:0;
}

#footer .copy a,
#footer .copy a:link,
#footer .copy a:visited
{
	color:#717073;
	text-decoration:none;
}

#footer .copy a:hover,
#footer .copy a:active
{
	color:#000;
	text-decoration:underline;
}

.image-container
{		
	width:536px;
	height:434px;
}

.image-container img
{
	padding:9px 8px 8px 8px;
	margin:0;
	background:url(../images/image-container-536x434.gif) no-repeat 0px 0px;
}


/* WITH SUB NAV */

div.with-subnav 
{
	height:456px !important;
}

div.with-subnav #content-inner
{
	padding-top:0;
}

div.with-subnav #content-right-inner
{
	padding-top:0;
}


/* INDIVIDUAL PAGES */

.property-map #content-inner,
.floorplans #content-inner
{
	padding:0 0 0 193px;
}

.availability #content-inner
{
	padding:0 0 0 63px;
}

.home #content-left
{
	width:892px;
}
.home #content-left-inner
{
	padding:0 0 0 63px;
}
.home #content-right
{
	width:386px;
}

/*.st-martin #content-left-inner,
.villas #content-left-inner,
.la-samanna-hotel #content-left-inner,
.services-amenities #content-left-inner
{
	padding:0 0 0 193px;
}*/



.design-gallery #content-right-inner div
{
	width:330px;
	height:350px;
	overflow:scroll;
	padding:10px;
}

.st-martin #sub-nav ul
{
	margin:0 0 0 210px;
}

.villas #sub-nav ul
{
	margin:0 0 0 250px;
}

/*.map #content-right
{
	width:304px;
}
.map #content-left
{
	width:974px;
}*/
.map #content-left-inner
{
	padding-left:63px;
}


.media #content-inner
{
	padding:0 0 0 144px;
}
.media #content-inner div
{
	padding-top:101px;
}
.media #content img
{
	margin-right:16px;
	border: 1px solid #717073;
}

/*.developer #content-left-inner
{
	padding-left:250px;
	padding-top:171px;
}*/
/*.la-samanna-hotel #content-right-inner
{
	padding: 23px 130px 0 0;
}*/

.services-amenities #content ul
{
	font-size:11px;
	line-height:16px;
}
.services-amenities #sub-nav ul
{
	margin:0 0 0 645px;
}
/*.services-amenities #content-right-inner
{
	padding: 23px 145px 0 0;
}*/

.contact #content-right-inner
{
	font-size:14px;
	line-height:25px;
}
.contact #content-left-inner
{
	padding:0 0 0 144px;
}

.contact #content-left-inner ul
{
	list-style:none;
	font-size:12px;
}
.contact fieldset
{
	border:none;
}
.contact label
{
	width:193px;
	margin-right:10px;
	text-align:right;
	display:inline-block;
	vertical-align:top;
}

li.optin
{
	margin-left:190px;
}

li.optin label
{
	width:auto;
	text-align:left;
	display:inline;
	margin-left:5px;
}

.image-gallery #content-inner
{
	padding:0 0 0 0;
}

.thank-you #content-inner
{
	padding:43px 0 0 0;
	text-align:center;
}

.contact #content-left div.button
{
	width:77px;
	margin:0;
	background:none;
}
.contact #content-left a.button
{
	width:77px;
	height:24px;
	float:left;
	margin:0 0 0 208px !important;
	display:block;
	background:url(../images/submit-button.gif) repeat 0px 0px;
	display: inline;
}
.contact #content-left a.button:hover
{
	background:url(../images/submit-button.gif) repeat 0px -24px;
}
.contact #content-left .button span
{
	display:none;
}

.la-samanna-hotel #content-inner,
.developer #content-inner,
.contact #content-inner
{
	padding-top:39px;
}



/* END INDIVIDUAL PAGES */


.small-type
{
	font-size:8px;
	line-height:8px;
}

.alert
{
	color:#4d90cd;
	font-weight:bold;
}

.alert h1
{
	color:#4d90cd;
	margin:0;
}

/* MULTIBOX */
.MultiBoxContainer {
	border: 20px solid #879a9e;
	background-color: #879a9e;
}


/* COLORS */
.blue
{
	color:#4d90cd;
}
.teal
{
	color:#879a9e;
}
.grey
{
	color:#717073;
}
/* COLORS END */
