﻿/* CSS layout */
* { margin : 0; padding : 0; }

html {
	min-height: 100%;
	height: 100%;
}

body {
	min-height: 100%;
	height: 100%;
	background-image: url('images/tropicalisland1365x1024.jpg');
	background-attachment:fixed;
}

ul {
list-style-type:none;
}

#right_col {
	width: 228px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#right_col img {
	border:none;
}

#page_content {
	margin-left: 120px;
	min-height: 89%;
	height: 89%;
	position: absolute;
	width: 80%;
	text-align: center;
	top: 30px;
	z-index: 1;
}

#page_navigation {
	width:150px;
	position:absolute;
	left: 0px;
	top: 133px;
	height: 50px;
}

div#page_navigation li {
	padding-left: 40px;
	margin-bottom: 10px;
	background: url('images/Villa-icon.png') no-repeat ;
	padding-bottom: 20px;
}

div#page_navigation  a {
	color: black;
	text-decoration: none;
}

div#page_navigation  a:visited {
	color: black;
	text-decoration: none;
	
}

div#page_navigation a:hover {
	color: #CCFFFF;
}

div#container {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: 100%;
}

img {
	border:solid;
	border-color:black;
	border-width:thin;
	}

#page {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	}

.contentPage {
	margin-left: 31px;
	text-align: center;
}

.contentPage p {
	margin-bottom:10px;
	margin-top:10px;
}

.contentPage img {
	margin: 10px;
}

#IBodyFrame
{
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	min-height: 100%;
	height: 100%;
}

#IRentProcess
{
	min-height: 80%;
	height: 100%;
	width: 90%;
}

#ISaleProcess
{
	min-height: 80%;
	height: 100%;
	width: 90%;
}

div#arrows
{
	position: absolute;
	top: 200px;
	right: 80px;
	width: 43px;
	height: 200%;
}

div#downArrow
{
	position: absolute;
	bottom:0px;
}

h1 {
	font-family: "Monotype Corsiva", "Book Antiqua", "Times New Roman", Times;
	font-size: 289%;
	font-weight: normal;
	margin-bottom: 30px;
}

h2 {
	font-family:"Monotype Corsiva", "Book Antiqua", "Times New Roman", Times;
	font-size:200.5%;
	font-weight: normal;	
	text-align:center;
	margin-bottom: 20px;
	margin-top: 20px;
}

h2 + p
	{
 	 font-family:"Monotype Corsiva", "Book Antiqua", "Times New Roman", Times;
 	 font-size:120.5%;
	 font-weight: normal;	
	 text-align:center;
	 margin-bottom: 20px;
	 margin-top: 20px;
}
}
li {
	font-family:"Monotype Corsiva", "Book Antiqua", "Times New Roman", Times;
	font-size: 200.5%;
	}

form {
	width: 70%;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

fieldset input {
	float : right;
	width : 45%;
	border: 1px #99CCFF solid;
}

fieldset textarea {
	float : right;
	width : 45%;
	border: 1px #99CCFF solid;
}

fieldset select {
	float : right;
	width : 45%;
	border: 1px #99CCFF solid;
}

fieldset input:hover { border-color : #000; }
fieldset input:active, input:focus { border-color : #900; }
label, label span { display : block; padding-bottom : .25em; }
label { float : left; width : 100%; }
label span { float : left; width : 45%; text-align : right; }

/* =fieldset */
fieldset {
	background : url(images/fieldset.png) repeat-x;
	margin-bottom : 10px;
	padding : 20px;
	border: 1px #0033CC solid;
	overflow : hidden;
	width: 95%;
}

fieldset:hover { border-color : #722549; }

/* =div */
form div { margin-bottom : 20px; padding : 10px 20px; text-align : center; }


input {
	width: 100%;
}

/* Imgage fix for transparent PNG */
div#page_navigation li { behavior: url(imgFix/iepngfix.htc) }
#ClickFacilities { behavior: url(imgFix/iepngfix.htc) }
#ClickReservation { behavior: url(imgFix/iepngfix.htc) }
#PageCurlRent { behavior: url(imgFix/iepngfix.htc) }
#PageCurlSale { behavior: url(imgFix/iepngfix.htc) }
