body {padding: 10px 0 10px 0; margin: 0; font-family: Arial; font-size: 12px; background-image: url(images/back.gif); background-repeat: repeat-x; color: #000000;}
a {color: #FE0000; text-decoration: none;}
p {margin: 8px 0 8px 0; padding: 0;}
li {margin: 8px 0 0 0;}
h2 {font-size: 16px; font-weight: normal; margin: 20px 0 20px 0; padding: 0;}
h3 {font-size: 14px; margin-bottom: 0; font-weight: normal; margin: 10px 0 0 0; padding: 0;}
hr {border: 0; margin: 0; padding: 0; height: 5px; border-top: 5px solid #EAEAEA; clear: both;}
img {border: 0;}

/* ------------------------------- FRAME --------------------------------------------------------------------------*/

#frame {width: 770px; margin: 0 auto 0 auto; background-color: #fff;}

/* ------------------------------- LEFT COLUMN AREA ---------------------------------------------------------------*/

#leftcolumn {width: 265px; float: left;}

        /* NAVIGATION */

        .nav {height: 50px; float: left;}
        .nav ul {margin: 0; padding: 0;}
        .nav li {padding: 0; margin: 0; float: left; list-style: none; width: 86px; text-align: center; border-left: 2px solid #fff;}
        .nav a {border-top: 5px solid #EAEAEA; display: block; padding-top: 7px; font-weight: bold;}
        .nav a:hover {border-top: 5px solid #FE0000;}

        .on {border: 0; border-top: 5px solid #FE0000; display: block;}
        
        /* LOGO AREA */

        #logo {width: 265px; height: 285px; background-color: #EAEAEA; float: left;}
        #logo img {margin-top: 30px;}
        
        .lang p {line-height: 40px;}
        
        /* BREADCRUMBS AREA */
        
        .crumbs img {margin-left: 10px;}
		.tel {font: Georgia 18px; color:#ccc;}
        
        /* SUB NAVIGATION */

        .subnav {width: 265px; float: left; border-bottom: 5px solid #EAEAEA;}
        .subnav a:hover {color: #FE0000;}
        .subnav p {margin-bottom: 20px;}
        .subnav img {margin-right: 10px;}
        .subnav {padding-bottom: 20px;}
        .subnav select {width: 170px;}
        
        .address ul {padding-left: 20px; margin-left: 0; list-style: none;}
        .address li {list-style: none;}
        
        .arrow {list-style-image: url(images/icon-arrow.gif); padding-left: 0;}

        /* ENQUIRY FORM */
        
        .enquiry {width: 270px; float: left; border-bottom: 5px solid #EAEAEA;}
        .enquiry label {width: 80px; float: left; height: 22px; display: block; margin: 2px 0 2px 0;}
        .enquiry select, .enquiry textarea, .enquiry input {width: 170px; margin: 2px 0 2px 0;}
        .enquiry button {margin: 10px 0 20px 0;}
        
        /* RENTALS */
        
        .rentals {width: 265px; float: left; /*background-color: Green;*/}
        .rentals h2 {width: 270px;}
        .rentwidth {width: 175px;}
        .rentwide {width: 250px;}
        .fullwidth {width: 100%;}
        /*.rentals table {background-color: Orange;}*/
        
		
		/* REGISTER */
		.register {float: left; border-bottom: 5px solid #EAEAEA;}
        .register  label {width: 180px; float: left; display: block; line-height: 20px; vertical-align: middle;margin: 2px 0px 0px 0px;}
        .ibox, .iboxsmall {width: 170px; float: left; margin: 2px 0px 0px 0px;}
		.iboxsmall {width: 60px; }
		.iboxText {width: 400px; height: 100px;}
		.iboxLoc {width: 400px; height: 200px;}
		.iboxTypes {width: 400px; height: 100px;}
        .register  button {margin: 10px 0 20px 0;}

        /* SPLASH BOXES */

        .splash {width: 265px; float: left; /*height: 125px;*/ border-bottom: 5px solid #EAEAEA;}
        .splash h3 {color: #FE0000; font-size: 18px; font-weight: normal; padding: 0; margin: 15px 0 10px 0;}
        .splash p, .splash li {font-size: 14px; list-style: none;}
        .splash ul {margin: 0; padding: 0;}
        .splash img {float: right; margin-left: 10px;}
		
        


/* ------------------------------- RIGHT COLUMN AREA --------------------------------------------------------------*/

#default {width: 380px; float: right; background-image: url(images/secondvav.gif); background-repeat: repeat-x;}

#rightcolumn {width: 490px; float: right; background-image: url(images/secondvav.gif); background-repeat: repeat-x;}
        
        /* BREAD CRUMBS AREA */
        
        .crumbs {height: 45px; border-top: 5px solid #EAEAEA;}
        .crumbs p {text-align: right; padding-top: 7px;  margin: 0;}
        
        /* FEATURED PROPERTY ON DEFAULT AND CONTENT AREA */
        
        #featured {margin-bottom: 20px;}
        #featured h1, #content h1 {color: #FE0000; font-size: 16px; font-weight: normal; margin: 20px 0 20px 0; padding: 0;}
        #content h1 {margin: 20px 0 20px 0;}
        #featured p, #content p {text-align: justify; margin: 5px 0 5px 0;}
        #featured h4 {text-align: right; margin: 20px 0 0 0; padding: 0; font-size: 12px; font-weight: bold; float: right;}
		#featured li, #featured ul {list-style: none; margin: 20px 0 20px 0; padding: 0;}
		.main {width: 380px; height: 285px;}
		.thumb {width: 154px; height: 101px;}
		.thumbmini {width: 100px; height: 75px; margin: 10px;}

        .price {font-size: 14px; color: #FE0000;}

        /* SEARCH RESULTS AND CONTACT AREA */

        .result {background-color: #F7F7F7; float: left; width: 480px; padding: 0 0 0 10px; border-bottom: 2px solid #fff;}
        .result h2 {margin: 10px 0 0 0; padding: 0; color: #FE0000;}
        .result p {margin: 10px 0 0 0; padding: 0;}
        .result img {float: right; margin-left: 20px;}
        .result ul {margin: 0; padding: 0;}
        .result li {list-style: none; margin-left: 0; padding-left: 0;}
        .result hr {clear:none;}
        
         /* SEARCH RESULTS AND CONTACT AREA */

        .newdevresult {background-color: #F7F7F7; float: left; width: 480px; padding: 0 0 0 10px; border-bottom: 2px solid #fff;}
        .newdevresult h2 {margin: 10px 0 0 0; padding: 0; color: #FE0000;}
        .newdevresult p {margin: 10px 0 0 0; padding: 0;}
        .newdevresult img {float: right; margin-left: 20px;}
        .newdevresult ul {margin: 0; padding: 0;}
        .newdevresult li {list-style: none; margin-left: 0; padding-left: 0;}
        
        /* QUESTION FORM */
        
        .question label {width: 170px; float: left; height: 22px; display: block; margin: 2px 0 2px 0; font-weight: bold;}
        .question select, .question textarea, .question input {float: left; width: 300px; margin: 2px 0 2px 0;}
        .question button {margin: 10px 0 20px 0;}
        
        /* NEW DEVELOPMENTS TABLE */
        
        #newdevs {border-top: 5px solid #EAEAEA; border-bottom: 5px solid #EAEAEA; padding: 0 0 20px 0;}
        #newdevs td {font-size: 14px; width: 380px; line-height: 20px;}
        #newdevs td a {width: 370px; display: block; padding: 0 0 0 10px; color: #333;}
        #newdevs td a:hover {background-color: #FE0000; display: block; color: #fff; padding: 0 0 0 10px;}
        #newdevs p {margin: 15px 0 0 0; padding: 0;}
        #newdevs h2 {font-size: 18px;}
        
        .light {background-color: #F7F7F7;}
        .dark {background-color: #EFEFEF;}
        
        iframe {padding: 0px; margin: 0; /*background-color: Red;*/}
        
        /* DETAILS PAGE */
        
        .details {margin: 20px 0 20px 0;}
        .details label {width: 150px; margin: 0 10px 0 0; display: block; float: left; line-height: 22px;}
		
        .detailsru {margin: 20px 0 20px 0;}
        .detailsru label {margin: 0 10px 0 0; display: block; float: left; line-height: 22px; clear: both;}
        
        .selling {font-size: 14px; font-style: italic; line-height: 30px;}
        .pdf {list-style-image: url(images/pdf.gif);}
        .icalc {list-style-image: url(images/icon-calc.gif);} 
        .inext {list-style-image: url(images/icon-next.gif);}
        
        
        .googlemap {margin-top: 20px;}
        
        /* SEARCH PAGE */
        
        #psearch {margin: 0 20px 20px 20px;}
        #psearch select {width: 300px;}
        
        /* MORTGAGE CALCULATOR */
        
        .lightgrey {background-color: #F7F7F7;}
        
        .mortgage {margin: 0 20px 0 20px;}
        .mortgage h1 {padding: 7px 0 20px 0; margin: 0; color: #FE0000; font-size: 21px; font-weight: normal;}
        .mortgage label {font-weight: bold; width: 150px; display: block; float: left; margin: 2px 0 2px 0;}
        .mortgage select, .mortgage input {width: 200px; line-height: 25px; color: #FE0000;}
        
        .mortgage table {width: 500px; margin: 20px 0 20px 0; }
        .mortgage td {padding: 2px 2px 2px 5px;}
        .redrow {background-color: #FE0000; color: #fff; font-weight: bold;}
        

/* ------------------------------- FOOTER AREA --------------------------------------------------------------------*/

#footer {clear: both; background-color: #FE0000; margin-top: 20px; height: 20px; color: #fff; float: left; width: 770px;}
#footer p {margin: 0 10px 0 10px; padding: 0; line-height: 19px;}
#footer a {color: #fff; text-decoration: none;}

/* ------------------------------- CLASSES Y TAL ------------------------------------------------------------------*/

.left {float: left;}
.right {float: right;}
.redtext {color: #FE0000;}
.greytext {color: #777;}
.darktext {color: #333;}
.picright {margin-left: 10px; float: right;}
.picleft {padding-right: 10px; float: left;}
.iprint {font-weight: bold;}
.banner {margin: 10px 0 10px 0;}


.pagenav {margin: 15px 0px 10px 0px; float: left;}
.pagenav a {margin: 0px 3px 0px 3px;}

.images {width: 380px; display: none; float: left; height: 200px; background-color: pink;}
.images .thumb {width: 120px; height: 90px; margin: 3px 3px 3px 3px;} 

#calendar {width: 100%;}

#calendar table.month{
	width: 145px;
	margin: 20px;
	float: left;
	background-color: #ccc;
}
.monthheader{
	line-height: 21px;
	text-align: center;
	background-color: #00529B; 
	background-color: Red;
	vertical-align: middle;
	font-weight: bold;
	color: white;
}
#contactprint
{
    display: none;
    /*background-color:Aqua;*/
    text-align: center;
    position: absolute;
    right: 40px;
    top: 0px;
    width: 200px;
}

#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;
}
#calendar td.bookedend {
	
	background-image:  url(/images/booked_end.jpg);
	color: #6D6F71;
	vertical-align: middle;
	height: 20px;
}
#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;}
    
    
/* RESULTS */

.results img {float: left; margin: 0 10px 10px 0; _margin: 0 10px 0 0; border: 1px solid #00529B; padding: 4px; _padding: 3px;}
.results a:hover img  {background-color: #EEB310;}
.results h3 {margin: 10px 0 20px 0;}
.results p {margin-bottom: 20px;}

/* CALENDAR */

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

/* CLASSES AND STUFF */

.navbord {border-right: 1px solid #fff;}
.blutext {/*color: #00529B;*/}
.yellowtext {color: #EEB310;}
.fieldwidth {width: 158px;}
.fieldsml {width: 120px; margin: 0 0 0 10px;}
.fieldbig {width: 400px;}
.price {font-size: 15px; /*font-weight: bold; color: #EEB310;*/}
.blueback {background-color: red; color: #fff;}
.yellowback {background-color: #fdf7e7;}
.yellowdarkbark {background-color: #fcf0cf;}
.colortable td {padding: 3px 10px 3px 10px;}

.inlinks {margin-top:15px;}