body {/*background-image: url(images/footer.gif); background-position: bottom; background-repeat: repeat-x;*/ background-image: url(images/back.jpg); background-repeat: no-repeat; background-position: right bottom; color: #555; font: 1em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0; padding: 0;}
li {background-image: url(images/tab-over.gif);}
a {color: #ad2624; text-decoration: none;}
a:hover {text-decoration: underline;}
h1, h2, h3 {color: #ad2624; margin: 0 0 0 10px; padding: 0;}
h2 {font-size: 15px; margin: 30px 0px 20px 0;}
h1 {font-size: 22px;}
h4 {font-size: 12px;}
p {margin: 5px 0 5px 0; padding: 0;}
table {clear: both; margin: 20px 0 20px 0;  padding: 0; width: 100%;}
td {padding: 5px 5px 5px 8px; border-bottom: 1px solid #ccc; font-size: 12px;}
hr {border: 1px solid #fff; border-bottom: 1px dashed #999; clear: both;  margin-top: 20px;}
img {border: none;}
select, input, textarea {font: 1em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif; color: #ad2624;}

/* MAIN HOLDING FRAME */

#frame {width: 770px; margin: 0 auto 0 auto; font-size: 0.8em;}

/* HEADER AREA INCLUDING NAVIGATION */

#head {background-image: url(images/header.gif); background-repeat: repeat-x; /*width: 100%;*/ height: 110px;}
#flags {position:absolute; top: 60px; right: 120px;}
#nav {float: left; width: 770px; margin: 0px; height: 30px;}
#nav ul {margin: 0px 0px 0px 0px; padding: 0;}
#nav li {list-style: none; float: left; width: 108px; line-height: 30px; color: #fff; text-align: center; font-size: 11px; font-weight: bold; margin-right: 2px; font-size: 0.8em;}
#nav li a {display: block; color: #fff;}
#nav li a:hover {background-image: url(images/tab.gif); text-decoration: none;}
#on {background-image: url(images/tab.gif);}

/* CONTENT AREA */

#default, #devnew {width: 600px; float: left; margin: 20px 0 0 0; /*padding-bottom: 130px;*/ /*background-color: Yellow;*/}
#devnew {width: 550px;}
#default h1, #devnew h1 {clear: both; font-weight: normal; margin: 20px 0 20px 0; line-height: 28px;}
#default h1 a:hover, #devnew h1 a:hover {font-weight: bold; text-decoration: none;}
#default li, #default ul, #devnew li, #devnew ul, #non li, #non {background-image: none; list-style: none; margin: 0 0 0 0;/* margin: 0 0 0 10px;*/ padding: 0;}

/*.luxury {font-family:Script MT Bold;font-size:30px;}*/
#devnew h1 {margin-top: 50px;}
#devnew p {text-align:justify;}
#rightcol {float: right; width: 165px; margin: 20px 0 0 0; /*background-color: cyan;*/}
#defaultalt {width: 600px; float: left; margin: 20px 0 0 0; padding-bottom: 130px; /*background-color: Yellow;*/}
#defaultalt h1 {clear: both; font-weight: normal; margin: 20px 0 20px 0;}
#defaultalt li {background-image: none;}
#splash{float: left; margin: 50px 0 30px 0; border: none; padding-bottom: 20px;  _width: 605px;}
#splash img{border: none;}
#splash a img {float: left; border: none; display: block;}
#splash a:hover {_margin: 0px; _margin-top: 20px; /*display: block;*/ _float: left;}
#splash img:hover {position: relative; top: 20px;}
.splash {margin: 50px 0 30px 0;}

/* PHOTOGALLERY */

.galleryleft img {margin: 20px 0 20px 0;}
.articles li {list-style-image: none;}
#gallery {margin: 20px 0 20px 0;}
#gallery img {float: left; width: 134px; height: 134px; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}

/* ROLLOVER TABLE */

.datatable tr:hover, .datatable tr.hilite {background-color: #f0f0f0; cursor: pointer;}
.redtr {background-color: #f0f0f0; color: #ad2624;}
#smtext td{font-size: 9px;}

/* ENQUIRY FORM */

.form  label {width: 600px;_width: 590px; margin: 2px 0 2px 0; display: block;}
.form  input {width: 600px;_width: 590px; margin: 2px 0 2px 0;}
.form  textarea {width: 600px;_width: 590px; height: 200px;}
.form  button {clear: both; margin: 10px 0 0 0;}

/* DETAILS PAGE */

.details {float: right; /*background-color: Green;*/ width: 300px; margin-top: 40px;}
.unitdetails {/*background-color: Yellow;*/ float: left;}
.unitdetails h2 {}

.main {float: right; margin: 0 0 10px 10px;}
.thumb {margin: 0 0 10px 0;}

.stan {float: right; width: 335px; /*background-color: Green;*/ padding: 10px 0 0px 20px;}
.stan h4 {margin: 10px 0 0 0; color: #ad2624;}

/* footer */

#footer {margin: 100px 0 5px 0;}
#footer table {margin: 0 0 10px 0;}
#footer td {border-bottom: none;}


/* OTHER STUFF */

.map {margin: 20px 0 20px 0;}
.back {background-image: url(images/back.jpg); background-repeat: no-repeat; background-position: right bottom;}
.popup {background-color: #ad2624; background-image: none; padding: 20px; margin: 0; font-size: 0.8em;}
.popup a, .popup p {color: #fff;}
.print {display: none;}
.stan {float: right;}


.homebox { margin-top: 20px;   /*height: 180px;padding: 20px;border: 1px solid #ad2624;*/}
.homebox h2 {margin: 0 0 0 0; padding: 0;}
.marg {margin-right: 20px;}

.thumbnail {width: 120px; height: 90px; float: left; margin-right: 40px;}



.mainrent {float: left; /*width: 516px; height: 387px; background-color: Green;*/}
.thumb img {width: 100px; height: 75px; float: left; margin: 10px 10px 0 0; /*background-color: Red;*/}


.results img {width: 157px; height: 116px; float: left; margin: 0 20px 10px 0; _margin: 0 20px 0 0; border: 1px solid #ccc; padding: 4px; _padding: 3px;}
.results a:hover img  {background-color: #ad2624;}
.results h3 {margin: 10px 0 20px 0;}
.results p {margin-bottom: 20px;}


.featured {width: 200px; margin: 0 0 30px 0; float: left;}
.featured img {width: 157px; height: 116px; float: left; margin: 0 20px 10px 0; _margin: 0 20px 0 0; border: 1px solid #ccc; padding: 4px; _padding: 3px;}
.featured a:hover img  {background-color: #ad2624;}
.featured h3 {clear: both; font-size: 13px; margin: 10px 0 20px 0;}
.featured p {margin-bottom: 20px;}



.redtxt {color: #ad2624;}
.picleft {width: 120px; height: 90px; float: left; margin: 0 20px 10px 0; _margin: 0 20px 0 0; border: 1px solid #ccc; padding: 4px; _padding: 3px;}
.picflag {width: 30px; height: 30px; float: left;}


/* CALENDAR */

.price {font-size: 15px; font-weight: bold; color: #ad2624;}

.blueback {background-color: #f0f0f0; color: #ad2624;}
.yellowback {background-color: #fff;}
.yellowdarkbark {background-color: #f0f0f0;}
.colortable textarea {width: 520px;}
.colortable td {padding: 3px 10px 3px 10px;}

.calendar {background-color: #00529B; margin: 10px; float: left;}
.calendar td {background-color: #fff; padding: 2px; text-align: center;}

.key {float: right;}
.key table {width: 0; margin: 0; padding: 0;}

#calendar table.month{
	width: 145px;
	float: left;
	background-color: #ad2624;
}
.monthheader{
	line-height: 21px;
	text-align: center;
	background-color: #ad2624; 
	vertical-align: middle;
	font-weight: bold;
	color: white;
}
#calendar tr.header {
	font-weight: bold;
	color: black;
}
#calendar td.today {
	font-weight: bold;
	background-color: #0DB14B;
	color: white;
	vertical-align: middle;
	height: 20px;
}
#calendar td.public {
	font-weight: bold;
	background-color: #7E3B33;
	color: #fff;
	vertical-align: middle;
	height: 20px;
}
#calendar td.booked {
	
	background-color: #FFCC00;
	color: #6D6F71;
	vertical-align: middle;
	height: 20px;
}
#calendar td.bookedstart {
	
	background-image: url(/images/booked_start.jpg);
	color: #6D6F71;
	vertical-align: middle;
	height: 20px;
	background-color: white;
}
#calendar td.bookedend {
	
	background-image:  url(/images/booked_end.jpg);
	color: #6D6F71;
	vertical-align: middle;
	height: 20px;
	background-color: white;
}
#calendar td.available {
	color: #6D6F71;
	background-color: #Fff;
	vertical-align: middle;
	height: 20px;
}
#calendar td.booked a, #calendar td.public a, #calendar td.today a{
	color: white;
	text-decoration: none;
}
#calendar td.booked a:hover, #calendar td.public a:hover, #calendar td.today a:hover{
	color: white;
	text-decoration: underline;
}
#calendar a{
	color: #6D6F71;
	text-decoration: none;
}
#calendar a:hover{
	color: #6D6F71;
	text-decoration: underline;
}

.error
{
    border: 2px solid red;
    width:37px;}
    
.phase img {float:left; margin:10px;}
.phase {}

/* new */

.fotogallery {width: 180px; /*background-color: pink;*/float: right;margin: 20px 0px;}

.fotogallery a img {float: left; margin: 8px; width: 75px; height: 75px;}
.fotogallery a {padding-left:10px;}
.fotogallery h2 {margin: 5px 0px 10px 0px;font-size: 12px;}

.call1, .call2, .call3 {width: 240px; background-color: #f8f8f8; /*border: 1px solid #ccc;*/ text-align:center; float:left;}
.call1{margin: 20px 20px 20px 0px;}
.call2{margin: 20px 0px 20px 0px;}
.call3{margin: 20px 0px 20px 20px;}

.pdf {float: left; margin-right: 10px; width: 80px; text-align: center;}