/*********************
	TEXT STYLES
**********************/
body {
	margin:0;
	padding:0;
	font:small Arial, Helvetica, Sans-serif;
	background-color:#fff;
	color:#000;
	text-align:center;
}
a img {border: none; }
a:link, a:visited {
	color: #FFF;
	text-decoration: underline;
}
a:hover {
	color: #FFF;
	text-decoration: none;
} 
h1 {
	font-size: 180%;
	color: #ffffff;
	font-family:'lucida sans unicode', lucida, tahoma, arial;
	font-weight:normal;
	margin-top:0;
	padding-top:0;
}
h2 {
   font-size:120%;
   text-transform:uppercase;
   }
#container{
	border-left:5px solid #087ea8;
	border-right:5px solid #087ea8;
	background-color:#53a4c3;
	color:#fff;
	font-size:100%;
	line-height:2em;
}
#home #container{
	background: #53a4c3 url(../assets/images/gfx/lines.gif) repeat-y bottom right;
}
ul{
	margin:2em;
	padding:0;
}
ul li{
	list-style-type:square;
}
#footer a:link, #footer a:visited, #footer a:hover{
	color:#000;
}
li.sold-unit{
	background:url(../images/gfx/sold.gif) no-repeat 39px 5px;
	text-decoration:line-through;
	color:#d4d4d4;
	padding-right:51px;
	}
/********************
	LAYOUT STYLES
********************/
html, body{
	height:100%;
}
#campaign{text-indent:-9999px;}
#campaign a{
	width:150px;
	height:100px;
	background:url(../assets/images/gfx/sale-campaign.png) no-repeat;	   	
	display:block;
	position:absolute;
	top:60px; 
	right:20px;
	z-index:10;
}

.sold{
	position:absolute;
	top:10px;
	left:150px;
	height:155px;
	width:103px;
	text-indent:-9999px;
	background:url(../assets/images/gfx/sold.png) no-repeat 0 0;
}
#container{
	min-height:100%;
	margin-bottom:-28px;
	position:relative;
	border-bottom:5px solid #087ea8;margin-bottom:0.5em;
}
#container, #footer{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	max-width:830px;
	min-width:698px;
}
#footer{
	text-align:center;
	clear:both;
}
#strapline{
	/*background:#938f01 url(../assets/images/gfx/strapline.gif) no-repeat center;
	height:28px;
	text-indent:-9999px;
	border-left:5px solid #087ea8;
	border-right:5px solid #087ea8;
	border-bottom:5px solid #087ea8;
	clear:both;*/
}
#masthead{
	position:relative;
	height:220px;
	z-index:100;
}
#main{
	width:100%;
	float: left;
	margin-right: -36%;
}
#main #content{
	margin-right: 36%;
	padding:25px 15px 40px 15px;
}
#sidecontent{
	width: 33%;
	float: right;
	position:relative;
}
#sidecontentText{
	padding:25px 15px 10px 60px;
}

#breadcrumbs{
	font-size:80%;
	text-align:right;
}
#footer {
	font-size: 85%;
}

.clear{
	clear:both;
	line-height:0px;
	height:0;
}
#aerialview{
	height:350px;
}
/*********************
	LOGO STYLES
*********************/
h1#logo a:link, h1#logo a:visited, h1#logo a:hover{
	height:97px;
	width:162px;
	margin:0;
	padding:0;
	line-height:0px;
	display:block;
}
h1#logo{
	height:97px;
	width:162px;
	margin:0; 
	padding:0;
	line-height:53px;
	text-indent : -9999px;
	text-decoration:none;
	background:url(../assets/images/gfx/logo.png) no-repeat;
	display : block;
	position:absolute;
	top:9px;
	left:5px;
	z-index:100;
}
#masthead img{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#badge{
	width:158px;
	height:159px;
	display:block;
	position:absolute;
	z-index:5;
	top:20px;
	left:645px;
	}
	
/*********************
	EDUKA FORM LAYOUT
**********************/
fieldset { margin-bottom: 10px; border:none; padding:0;}

.edukaform legend {
	padding: 0 2px;
	font-weight: bold;
}	
.edukaform label 
{
	float:left;
	vertical-align: top;
}	
.edukaform fieldset ol {
	margin: 0;
	padding: 0;
	}	
.edukaform fieldset li {
	list-style: none;
	margin: 0 0 5px 0;
	overflow:hidden;
	}
.edukaform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}	
.edukaform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
.edukaform fieldset fieldset label {
	display: block;
	width: auto;
	}
.edukaform em { /*required field asterix*/
	font-weight: bold;
	font-style: normal;
	color:red;
	}
.edukaform label { width: 45%;} /* Width of labels */
.edukaform fieldset fieldset label { margin-left: 45%; } /* Width plus 3 (html space) */
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
.edukaform .checkbox input{
	float:left;
}
.edukaform .checkbox label{
	width:auto;
	float:left;
}
.edukaform .checkbox{
	float:left;
}
.edukaform span.error, .edukaform .button{
	margin-left:45%;
}
/******************
	FORM STYLES
******************/
.textbox, .textarea, .select{
	width:50%;
}
/******************
	ALERT STYLES
******************/
.warning{/*styles the warning messages*/
	background-color:#FFF4AD;
	padding:5px 5px 5px 50px;
	clear:both;
	margin-bottom:10px;
	background-image:url(../assets/images/gfx/warning.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #DAB100;
	min-height:30px;
	color:red;
}

.failure{/*styles the failure messages*/
    background-color:#E84F4F;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#fff;
	margin-bottom:10px;
	background-image:url(../assets/images/gfx/failure.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #BF1212;
	min-height:30px;
}

.success{ /*styles the success messages*/
	background-color:#B5FFAD;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#000;
	margin-bottom:10px;
	background-image:url(../assets/images/gfx/success.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #53AA4A;
	min-height:30px;
}
/*********************
	news boxes
*********************/
.segment,.carols{
   
	border:1px solid #fff;
	padding:8px;
	margin-bottom:14px;
	position:relative;
	min-height:118px;
	background-color:#5295B6;
	color:#fff;
}
.carols{
      text-align:center;

}
.carols h2{text-align:left}
.carols img{position:absolute;right:8px;top:-21px;}
* html .segment, * html .carols {
	height:118px;
}

h2.arrow{
	background:url(../assets/images/gfx/FormArrow.gif) no-repeat left center;
	padding-left:20px;
	line-height:12px;
	margin:0;
}
* html h2.arrow{
	height:9px;
}
.segment h3{
	display:inline;
	font-size:110%;
}
.segment p{
	padding-left:120px;
	margin-top:0;
	padding-top:0;
}
.no-pic p{
	padding-left:20px
}
.segment img{
	position:absolute;
	top:30px;
	left:30px;
}
.readmore{
	text-align:right;
}
.segment p.underoffer{
	margin-left:120px;
}
p.underoffer{
	color:#fff;
	background-color:#c2282e;
	font-weight:bold;
	padding:0 3px;
	width:80px;
	margin-top:10px;
}
.opening-times{
	width:300px;
	text-align:center;
	margin:0 auto;
}
.opening-times strong{
	display:inline-block	
}
/*******************
TABLE STYLES
*******************/
table.pricelist{
	width:100%;
	border-collapse:collapse;
	border:1px solid #fff;
}
table.pricelist .white td{
	background-color:#fff;
}
table.pricelist th{
	background-color:#75aac5;
	color:#fff;
	background-image:url(../assets/images/gfx/FormArrow.gif);
	background-repeat:no-repeat;
	background-position:5px;
	padding:5px;
	border-bottom:14px solid #fff;
}
table.pricelist h2{
	margin:5px 0 5px 12px;
}
table.pricelist td{
	padding:5px;
}
table.pricelist tr.headings td{
	border-bottom:14px solid #fff;
}
.button, .button:link, .button:visited {
	border:1px solid #FFFFFF;
	display:block;
	padding:3px;
	width:100px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#948F03;
}
.button:hover{
	background-color:#E8E5C5;
	color:#087EA8;
}
table#tblForm, table#tblForm table{
	width:100%;
}
#tblForm a.button:link, #tblForm a.button:visited, #tblForm a.button:hover{
	background-color:transparent;
	color:#ffffff;
	border:0;
	display:inline;
}
/* -----------[ PRICE LISTING] ---------------------*/
.lots{overflow:hidden;width:250px;}

#sp4{margin-top:10em}


/*NEWS TICKER*/
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
background: #909016;
color:#fff;
width: 830px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 800px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 830px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
list-style:none;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}
/*ad*/
.ad{
	background: #909016;
	color:#fff;
	padding:10px;
	border:1px solid #fff;
	margin:20px;
}
/*flash map*/
#flashmap{
	width:830px;
	height:450px;
	z-index:0;
}

/*price list table style*/

table.plist{
	border:1px solid #ffffff;
	background-color:#5295b6;
	}
.plist th{
	background-color:#75aac5;
	}
.plist td{
	border-bottom:1px solid #75aac5;
	}