/****************************************** global ***************************************/

body {
	background: #fbfae9 url('/assets/images/background.gif') repeat-y;
	background-position: 50% 0;
}

#wrap {
	width: 794px;
	height: 500px;
	margin: 0 auto;
	padding: 0 11px 0 2px;
}

p {
	font-family: arial;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 1px;
}

h2 {
	font-weight: bold;
	font-family: arial;
	line-height: 18px;
	letter-spacing: 1px;
	margin: 10px 0 15px 0;
}

h3 {
	font-weight: bold;
	font-family: arial;
	line-height: 18px;
	letter-spacing: 1px;
	margin: 0px 0 0px 0;
	font-size: 11px;
}

a {
	color: #333399;
	text-decoration: none;
}

a:hover {
	color: #c50129;
}

.access {
	display: none;
}

#noCols {
	margin: 0 0 0 30px;
	padding: 0 10px 0 0;
}
/************************* header *********************/

#header {
	width: 794px;
	height: 160px;
	background: url('/assets/images/header.gif') top left no-repeat;
}

#headFlash {
	width: 794px;
	height: 249px;
	background: url('/assets/images/flashReplace.jpg') top left no-repeat;
	margin: 0;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#logo {
	display: inline;
	height: 132px;
	width: 113px;
	float: left;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 16px;
}

#address {
	display: block;
	float: right;
	width: 240px;
	color: #333399;
	font-size: 12px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#wrap #header .head {
	margin-right: 120px;
	margin-left: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #335EA8;
	text-align: right;
	margin-top: 200px;
}
#wrap #header #head {
	width: 470px;
	color: #282F80;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-left: 150px;
	padding-top: 50px;
}

#wrap #header p {
	margin: 0px;
}


#address {
}



#logoWrap {
	width: 794px;
	height: 69px;
	background: url('/assets/images/logos.jpg') top left no-repeat;
}

/*************************  main nav *********************/

#navWrap {
	width: 794px;
	height: 23px;
}

#nav {
	display: block;
	width: 794px;
	height: 21px;
	padding: 2px 0 0 0px;
	background: url('/assets/images/nav/navBg.gif') top left no-repeat;
}

#navWrap ul li{
	float: left;
	font-family: arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #333399;
	text-align: center;
}

#contactNav {
	width: 123px;
}

#tourismNav {
	width: 173px;
}

#rentNav {
	width: 132px;
	position: relative;
}

#nav a {
	display: block;
	height: 21px;
}


#buyNav {
	width: 123px;
}

#homeNav {
	width: 85px;
}

#bookingNav {
	width: 153px;
}
#navWrap li a {
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #333399;
}

#navWrap li a:hover {
	color: #c50129;
}

.divide {
	margin: 0px 20px;
	
}

#main {
	padding: 70px 0 0;
}

/************************* subNav *********************/
#nav li ul {
	position: absolute;
	width: 136px;
	left: -999em;
	margin: 0;
	padding: 0;
	background: url('/assets/images/nav/subNav.gif') bottom left no-repeat;
}

#nav li ul li {
	width: 136px;
	text-align: center;
	display: block;
	height: 24px;
}

#nav li:hover ul {
	left: 1px;
	top: 21px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: 0px;
	top: 21px;}


/************************* featureCol *********************/

#featureCol {
	width: 120px;
	float: left;
	margin: 0 0 0 20px;
	text-align: center;
}

#featureCol h1 {
	border-bottom: 1px dotted #000;
	font-family: arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	width: 108px;
	margin: 0 0 30px 0;
}

.featured {
	display: block;
	width: 108px;
	height: 79px;
	border: 1px solid #333399;
}


#main #featureCol p {
	width: 115px;
	font-family: arial;
	font-size: 10px;
	line-height: 13px;
	letter-spacing: 1px;
	margin: 14px 0 25px 0;
}

#mainCol {
	width: 541px;
	float: right;
	padding-right: 10px;
}


/************************* footer *********************/

#footer {
	width: 488px;
	margin: 100px auto 0;
	border-top: 1px solid #333399;
	padding: 14px 60px 0;
	text-align: center;
}



#footer ul li{
	display: inline;
	font-family: arial;
	font-size: 11px;
	line-height: 22px;
	letter-spacing: 1px;
	color: #333399;
	margin: 0 6px;
}


/****************************************** index.html ***************************************/

#mainFlash {
	width: 298px;
	height: 227px;
	border: 1px solid #000;
	float: left;
}

#mainCol p {
	width: 531px;
}

#mainVillaWrap #descriptionText {
	margin: 90px 0 0 50px;
	width: 190px;
	float: left;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
}

#mainVillaWrap {
	margin: 0 0 30px 0 ;
}

/************************* contact us *********************/

#contactUsForm {
	margin: 30px 0 0;
}

#contactUsForm label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

#contactUsForm label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	font-family: arial;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 1px;
}

#contactUsForm textarea {
	font-family: arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
}

#contactUsForm #submit {
	height: 20px;
	width: 70px;
	margin-left: 93px;
}

#submitWrap {
	text-align: center;
}

#contactUsForm br {
	clear: left;
}

/****************************************** featured ***************************************/

.featureMainWrap {
	margin: 40px 0;
}

.featuredBigThumb {
	display: block;
	width: 250px;
	height: 188px;
	float: left;
}
.featureBlurb {
	margin: 0 0 0 45px;
	width: 400px;
	float: left;
}

/************************* booking *********************/

.bookingForm {
	margin: 30px 0 0;
}

.bookingForm legend {
	font-family: arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	margin:15px 0;
}

.bookingForm label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

.bookingForm input, .bookingForm textarea {
	border: 1px solid #909090;
	
}

.bookingForm label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	font-family: arial;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 1px;
}

.bookingForm #agree {
	width: 12px;
}

.bookingForm textarea {
	font-family: arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
}

#contactUsForm #submit {
	height: 20px;
	width: 70px;
	margin-left: 93px;
}

.bookingForm br {
	clear: left;
}

.bookingTitles p {
	margin: 10px 0;
}
