/* Common */
body,table,input,select,textarea { 
  font-family: verdana, Arial, sans-serif; 
  font-size: 100%;
  line-height: 1.125em;
}

/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  color: #000;
  background: #f4e8d8 url('../images/i-bg.gif') repeat-x;
}

h1 {
  margin: 0 0 10px 0;
  line-height: 1em;
  font-family: times new roman, sans-serif;
  color:#66116e;
  font-size:2.25em;
  font-weight:normal;
}
h1 span {
	font-size: 0.875em;
}
h2 {
  margin: 1em 0;
}
h2 a {
	color:#66116e;
	text-decoration:none;
}
h2 a:hover {
	color:#ac0174;
}
p { 
  margin: 1em 0;
  font-size: 0.875em;
  line-height:1.75em;
  color:#333;
}
.serif {	font-family: "Times New Roman", Times, serif;}
dl.col dt { 
  float: left; 
  width: 6em;
  font-weight: bold;
}

dl.col dd { 
  margin-left: 7em;
}

.clear:after {
  content: ".";
  height: 1px;
  display: block;
  clear: both;
  visibility: hidden;
}
a:active, a:focus {
	outline:0;
}
.clr {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}


#constrain {
	width:955px;
	margin: 0 auto;
}


#logo {
	position:relative;
	z-index: 2;
	margin: 60px 100px 20px 0;
}
#dots {
	position:relative;
	z-index: 2;
	top: -20px;
}

/* Houses Nav */
#houses-nav {
	float:left;
	list-style-type:none;
	margin: 25px 0 0 0;
	position:relative;
	z-index:2;
}
#houses-nav li {
	float:left;
}
#houses-nav li a {
	display:block;
	text-align:center;
	width:107px;
	height:28px;
	color:#fff;
	font-size:18px;
	text-decoration:none;
	padding: 18px 15px;
}
#houses-nav li.malibu a { background:transparent url('../images/i-nav-pink.png') no-repeat; }
#houses-nav li.jambala a { background:transparent url('../images/i-nav-purple.png') no-repeat; }
#houses-nav li.latania a { background:transparent url('../images/i-nav-yellow.png') no-repeat; }
#houses-nav li.kintamani a { background:transparent url('../images/i-nav-black.png') no-repeat; }
#houses-nav li a:hover, #nav li a:hover {
	text-decoration: underline;
}

/* Misc Nav */
#nav {
	list-style-type:none;
	position:relative;
	z-index:2;
	width: 384px;
	height:70px;
	margin: 25px 0 0 0;
	float:left;
	background:transparent url('../images/i-nav-long.png') no-repeat;
}
#nav li {
	float:left;
}
#nav li a {
	color:#fff;
	font-size:18px;
	text-decoration:none;
	padding: 18px 30px;
	line-height:70px;
}
#palms {
	background: transparent url('../images/i-palms-mid.gif') no-repeat center bottom;
	width:100%;
}
#palms-top {
	width:100%;
	height:272px;
	position:absolute;
	z-index:1;
	background: transparent url('../images/i-palms-top.gif') no-repeat center top;
}
#content {
	padding: 30px 0 50px 0;
	min-height:600px;
}

/* Footer */
#footer {
	background:transparent url('../images/i-footer.gif') no-repeat;
	width:936px;
	height:115px;
	margin-top: -50px;
	padding: 30px 0 50px 40px;
}   
#footer p {
	color:#fff;
	float:left;
	width:200px;
	line-height:1.25em;
	font-size: 0.75em;
	margin:0;
}
#footer dl.c {
	margin: 20px 20px 20px 0;
	width:300px;
}
#footer dl {
	float:left;
	color:#fff;
	font-size: 0.75em;
	margin-top:15px;
}
#footer dl dt {
	font-weight:bold;
	float:left;
	width:70px;
	margin-bottom:5px;
}
#footer dl dd {
	margin-left: 70px;
	margin-bottom:5px;
}
#footer dl dd span {
	font-size:0.875em;
	color:#c2a0c5;
}
#footer dl dd a {
	color:#fff;
	text-decoration:none;
}
#footer dl dd a:hover {
	text-decoration:underline;
}
#footer-nav-houses, #footer-nav {
	list-style-type:none;
	font-size:0.675em;
}
#footer-nav {
	margin-bottom: 20px;
}
#footer-nav-houses li, #footer-nav li {
	display:inline;
	background:transparent url('../images/g-bullet-grey.gif') no-repeat right 7px;
	padding: 0 15px 0 10px;
}
#footer-nav-houses li.last, #footer-nav li.last {
	background-image:none;
}
#footer-nav-houses li a, #footer-nav li a {
	color:#333;
	text-decoration:none;
}
#footer-nav-houses li a:hover , #footer-nav li a:hover {
	color:#66116E;	
}
/* Heading */
.header {
	/*color:#c78e3d;*/
	color:#000;
	text-align:right;
	background: transparent url('../images/i-h1-beach-bl.jpg') no-repeat;
	padding: 125px 500px 0 0;
	width:452px;
	height:100px;
	font-size:2.25em;
	line-height:1em;
}
h1.h1-malibu {
	color:#ac0174;
}
.header-malibu {	background: transparent url('../images/i-h1-malibu-bl.jpg') no-repeat; }
.header-jambala {	background: transparent url('../images/i-h1-jambala-bl.jpg') no-repeat; }
.header-kintamani {	background: transparent url('../images/i-h1-kintamani-c.jpg') no-repeat; }
.header-latania {	background: transparent url('../images/i-h1-latania-c.jpg') no-repeat; }


/* Boxes */
.box {
	background:transparent url('../images/i-box-mid-b.gif') repeat-y;
	margin: 25px 0;
}
.box-inner {
	padding: 10px 40px;	
}
.box-sml .box-inner {
	padding: 0 20px;
}
.box-sml {
	background:transparent url('../images/i-box-mid-bl.gif') repeat-y;
}

.box h2 {
	margin: 20px 0 10px 0;
	color:#66116e;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
}
.box img.photo {
	/*border: 3px solid #acacac;*/
	border: 3px solid #000000;
	float:left;
}

#content ul {
	list-style-type:none;
}
#content ul li {
	background: transparent url('../images/g-bullet.gif') no-repeat 0 11px;
	padding: 2px 0 2px 15px;
	font-size:0.875em;
	color:#333;
}
#content ul li.nobullet {
	background-image: none;
	padding-left: 0;
}
.box ul {
	float:left;
	margin: 0 20px;
	font-size:0.75em;
	max-width:400px;
}

/* Buttons */
.buttons {
	margin: 0 0 0 770px;
}
#content a.button {
	color:#fff;
	display:block;
	float:left;
	text-decoration:none;
	width:109px;
	height:50px;
	line-height:45px;
	padding: 0 0 0 15px;
	font-size:1.125em;
	margin: 7px 0;
}
#content a.button:hover {
	background-position: 0 -52px;
	color:#fff;
}
#content a.button-yellow {
	background:transparent url('../images/g-button-yellow.gif') no-repeat;
}
#content a.button-pink {
	background:transparent url('../images/g-button-pink.gif') no-repeat;
}


.photos-left {
	float:left;
	width:300px;
	height:790px;
}
.map {
	/*border: 4px solid #aeaeae;*/
	border: 3px solid #000000;
	width:240px;
	height:240px;
}
.photos-left-3 {
	height:1050px;
}
.photos-left img {
	/*border: 3px solid #acacac;*/
	border: 3px solid #000;
	margin: 0 20px 30px 0;
}

.box-inner p {
	font-size:0.75em;
}

#content p.rating {
	font-size:1.675em;
	margin-bottom: 10px;
}
.rating .superior {
	color:#ac0174;
}

/* HR */
hr {
	color:#ad0074;
	background-color:#ad0074;
	height:3px;
	border: 0;
	outline: 0;
}

.buttons-wide {
	margin: 20px 0;
}
#content a.button-w {
	color:#fff;
	text-decoration:none;
	display:block;
	width:200px;
	height:53px;
	font-size:1.125em;
	line-height:53px;
	padding-left: 20px;
	float:right;
}
#content a.button-w:hover {
	background-position: 0 -55px;
	color:#fff;
}
#content a.button-w-pink {
	background:transparent url('../images/g-button-w-pink.gif') no-repeat;
}
#content a.button-w-yellow {
	background:transparent url('../images/g-button-w-yellow.gif') no-repeat;
	width:238px;
	padding-left: 15px;
}
/* Photo gallery */
.gallery {
	padding: 15px 15px;
}
.gallery img {
	float:left;
	/*border: 3px solid #acacac;*/
	border: 3px solid #000;
	margin: 17px;
}

#content .no-top-margin { margin-top: 0; }

#content p.focus {
	border-left: 3px solid #66116E;
	font-size:1em;
	float:left;
	width:550px;
	padding: 0 0 0 20px;
	color:#66116e;
}
#content p.focus-long {
	width: 860px;	
}
#content ul.details {
	list-style-type:none;
	margin: 0;
}
#content ul.details li {
	line-height:40px;
	padding-left:40px;
}
#content ul.details li.beds { background:transparent url('../images/g-icon-bed.gif') no-repeat; }
#content ul.details li.people { background:transparent url('../images/g-icon-people.gif') no-repeat; }
#content ul.details li.price { background:transparent url('../images/g-icon-price.gif') no-repeat; }
#content ul.details li.info { background:transparent url('../images/g-icon-info.gif') no-repeat; }

.contact-box {
	background: #e9e8e8 url('../images/g-box-top.gif') no-repeat;
	width:312px;
	float:right;
}
.contact-box-inner {
	background:transparent url('../images/g-box-btm.gif') no-repeat left bottom;
	padding:10px 20px;
}
.contact-box input, .contact-box textarea {
	border: 1px solid #999;
	padding: 3px;
	width:250px;
}
.contact-box textarea {
	height:80px;
}
.contact-box .submit {
	background: transparent url('../images/g-button-ongrey.gif') no-repeat;
	height:45px;
	width:99px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	border: 0;
	font-size:1.575em;
}

.contact-details {
	font-size:0.875em;
	color:#333;
}
.contact-details dt {
	float:left;
	width: 70px;
	margin-bottom: 10px;
	font-weight:bold;
}
.contact-details dd {
	margin-left: 80px;
	margin-bottom: 10px;
}
#content a {
	color:#66116e;
	text-decoration:none;
}
#content a:hover {
	color:#ac0174;
}
.btm-margin {
	margin-bottom: 30px;
}
#content p.txt-big {
	font-size:0.875em;
}

.palmcoveimage {
	float:right;
	/*border: 3px solid #acacac;*/
	border: 3px solid #000;
	margin-left: 20px;
}
.contactimg {
	/*border: 3px solid #acacac;*/
	border: 3px solid #000;
	margin: 10px;
}
#content a.button-long {
	background: transparent url('../images/g-button-w-yellow.gif') no-repeat;
	color:#fff;
	width:260px;
	height:53px;
	line-height:53px;
	font-size:1.75em;
	padding: 0 0 0 20px;
	display:block;
	float:right;
	margin: 10px 0 0 0;
}
#content a.button-long:hover {
	background-position: 0 -55px;
}