/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
#crumb {font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 10px 0px;}
#container{ position:relative;   padding:10px 10px 0px 10px; margin-top:10px; margin-left:auto; margin-right:auto; width:919px; background:url(/images/top.jpg) no-repeat #ffffff top left; }

#header { width:100%; height:250px; margin:0px; padding:0px; }

#logo {  width:208px; height:250px; margin:0px; padding:0px; display:block; float:left;  }

#header_area { background:url(/images/header_area.jpg) no-repeat top left; width:700px; height:250px; display:block; float:right; position:relative; }

#map_header {width:194px; height:187px; position:absolute; bottom:0px; right:0px;  z-index:200;}

#home_tabs { display:block; float:left; height:162px; border-bottom:13px solid #DFDFE1; margin:6px 0px 6px 0px;  } 
#home_tabs a { display:block; float:left; } 
#home_tabs a.request {margin:0px 9px 0px 10px; }
	
#main {  width:100%; margin:0px 0px 0px 0px; }

#search { width:160px; height:24px; position:absolute; top:14px; right:0px; background:url(/images/shape.gif) no-repeat top left; padding:4px 0px 0px 13px;}
#search input { background:#224e7a; color:#ffffff; width:118px; display:block; float:left; border:0px; padding:4px 0px 3px 4px; font-size:1em;}
#search button { background:none; border:0px; display:block; float:left; margin:-1px 0px 0px -5px;}
*+html #search button { margin:-2px 0px 0px 1px;}
*html #search button { margin:-2px 0px 0px 1px;}

#sidebar { width:209px;  height:100%; float:left;  margin:0px 0px 0px 0px; padding:0px; background:#ffffff; }

#newsletter { position:relative; display:block; float:left; width:209px; min-height:172px; height:auto !important; height:172px; background:url(/images/newsletter_top.jpg) #E2E417 no-repeat left top; padding:0px 0px 8px 0px; margin:3px 0px 0px 0px;}
#newsletter_bottom { background:url(/images/news_letter_bottom.jpg) no-repeat bottom left; width:209px; height:8px; position:absolute; bottom:0px; left:0px; }
#newsletter h1 { background:url(/images/newsletterh1.jpg) no-repeat left top; margin:6px 0px 0px 6px; padding:4px 0px 7px 14px; font-size:1.4em; color:#214D79;}
#newsletter p {width:173px; margin:5px 15px 5px auto; color:#214D79; font-size:1.1em;}
#newsletter form { width:165px; margin:0px auto 0px auto; padding:0px;}
*html #newsletter form { margin:0px -10px 0px 20px; }

.hidden {display:none;}
#newsletter input { border:0px; color:#5A5A63; font-style:italic; font-size:1.2em; padding:5px 0px 4px 12px; width:153px; margin:2px 0px 1px 0px;}
#newsletter button {background:none; border:0px; display:block; float:right; margin:5px -10px 5px 0px;}

#content_home { float:right; width:701px; background:url(/images/content_home.jpg) #CDE5FF no-repeat bottom left; min-height:208px; height:auto !important; height:208px; position:relative; padding:8px 0px 0px 0px; margin:4px 0px 0px 0px; }
#content_home_top { width:701px; height:8px; position:absolute; left:0px; top:0px; background:url(/images/content_home_top.jpg) no-repeat top left;}
#content_text { margin:0px auto 0px auto; width:663px; }


#footer { width:939px; background:url(/images/footer_bottom.jpg) #ffffff no-repeat bottom left; height:10px; margin:0px auto 0px auto; padding:0px; }
#footer p { font-size:0.7em; color:#FFFFFF; }

.clear { clear:both; }

ul#slideshow {margin:0px; padding:0px; }
ul#slideshow li {list-style:none; margin:0px; padding:0px;}
#request select {width:220px;}
#request input {width:220px;}
#request textarea {width:220px;}
/*------------------------------------ Textpage -----------------------------------------------------------*/

#content_main  { width:687px;   margin:6px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}
#content {width:457px; display:block; float:left;}
#sidebar_right { width:209px;  height:100%; float:right;  margin:5px 0px 0px 0px; padding:0px;}
#sidebar_right a {margin:0px 0px 9px 0px; display:block;}

#subpages { margin:6px 0px 6px 0px; background:url(/images/sub_nav_bottom.jpg) #c7e7f9 no-repeat bottom left; padding:0px 0px 8px 0px; min-height:24px; height:auto !important; height:24px;}
#subpages h1 {font-size:1.2em; font-weight:bold; background:#224E7A; color:#ffffff;  margin:0px; padding:8px 0px 8px 19px; text-decoration:none;}
#subpages a {display:block; font-weight:bold;  color:#1F4C97; font-size:1.2em; border-bottom:1px solid #ffffff; padding:8px 0px 8px 12px; margin:0px 7px 0px 7px;}
#subpages a:hover {background:#224E7A; color:#ffffff;  margin:0px; padding-left:19px; text-decoration:none; }
#subpages a.active {background:#224E7A; color:#ffffff;  margin:0px; padding-left:19px; text-decoration:none; }

/*------------------------------------ range -----------------------------------------------------------*/

#range {width:666px; display:block; float:right; margin:15px 25px 0px 0px;}
*html #range {width:666px; display:block; float:right; margin:15px 12px 0px 0px;}
.product {border-bottom:#CCCCCC 1px solid; padding:5px 0px 5px 0px;}
.product img { display:block; float:right; margin:0px 0px 0px 124px;}
.product p { margin:0px 0px 10px 0px;}
.product h3 {margin:5px 0px 5px 0px;}
.product a {color:#204C79;}

/*------------------------------------ LH PRODUCT -----------------------------------------------------------*/

#lhproduct {width:691px; float:right; display:block; margin:13px 0px 0px 0px;}
.top_img {display:block; float:left; }
#top_img { margin:0px 3px 0px 3px;}

#content_left {width:427px; display:block; float:left; margin:21px 0px 0px 0px;}
#floor_plan {width:249px; height:195px; display:block; float:right; margin:34px 0px 0px 0px;}

#details {width:224px; display:block; float:left;}
#main_img {width:138px; display:block; float:left;}

/*------------------------------------ Region -----------------------------------------------------------*/

#region_left {width:285px; display:block; float:left; margin:10px 0px 0px 21px;}
#region_right {width:373px; display:block; float:right; margin:1px 14px 0px 0px;}

/*------------------------------------ lh Park -----------------------------------------------------------*/

*html #park {width:483px; display:block; float:left; margin:3px 0px 0px 9px;}

#park {width:481px; display:block; float:left; margin:3px 0px 0px 18px;}
#park_image {width:481px; height:251px; display:block; float:left;}
#park_image ul {position:relative; margin:0px; padding:0px;}
#park_image ul li {position:absolute; top:0px; left:0px; margin:0px; padding:0px; list-style:none;}
#click_images img { display:block; float:left; margin:8px 3px 0px 0px;}
*html #click_images img { display:block; float:left; margin:-2px 3px 0px 0px;}

#park_right {width:202px; display:block; float:right;}

#facilities {min-height:100px; height:auto !important; height:100px; margin:11px 0px 0px 0px;}
#facilities_title {background:url(/images/facilities_title.jpg) no-repeat; width:200px; height:20px; color:#ffffff; font-size:1.2em; font-weight:bold; padding:7px 0px 4px 14px;}

#in_breif { position:relative; background:url(/images/top_inbreif.jpg) #6592c9 no-repeat top left; padding:5px 0px 9px 0px; width:202px; min-height:100px; height:auto !important; height:100px; }
#in_breif_bottom {background:url(/images/facil_bottom.jpg) no-repeat  bottom left; width:202px; height:9px; position:absolute; bottom:0px; left:0px; }

#facilities_text {width:180px; margin:0px auto 0px auto; }
#facilities_text p {color:#000000;}
#in_breif_text {width:165px; margin:0px auto 0px auto;}
#in_breif_text p,h1,h2,h3,h4,h5,h6,a {color:#ffffff;}

#in_breif_title {background:url(/images/inbreif_title.jpg) no-repeat; width:179px; height:20px; color:#ffffff; font-size:1.2em; font-weight:bold; padding:7px 0px 4px 14px; margin:0px auto 0px auto;}


#book_a_veiwing { position:relative; display:block; float:left; width:209px; min-height:172px; height:auto !important; height:172px; background:url(/images/booking_top.jpg) #224e7a no-repeat left top; padding:0px 0px 8px 0px; margin:3px 0px 15px 0px;}
#book_a_veiwing_bottom { background:url(/images/booking_bottom.jpg) no-repeat bottom left; width:209px; height:8px; position:absolute; bottom:0px; left:0px; }
#book_a_veiwing h1 { background:url(/images/booking_title.jpg) no-repeat left top; margin:6px 0px 0px 6px; padding:4px 0px 7px 14px; font-size:1.4em; color:#214D79;}
#book_a_veiwing p {width:173px; margin:5px 15px 10px auto; color:#ffffff; font-size:1.1em;}
#book_a_veiwing form { width:165px; margin:0px auto 0px auto; padding:0px;}
*html #book_a veiwing form { margin:0px -10px 0px 20px; }

#book_a_veiwing .error_feedback li  {color:#ffffff;}

#book_a_veiwing input { border:0px; color:#5A5A63; font-style:italic; font-size:1.2em; padding:5px 0px 4px 12px; width:153px; margin:2px 0px 1px 0px;}
#book_a_veiwing button {background:none; border:0px; display:block; float:right; margin:5px -10px 5px 0px;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%; height:32px; border-left:1px solid #CCD9E5; border-bottom:1px solid #CCD9E5;  margin:6px 0px 0px 0px; padding:9px 0px 0px 0px; background:#336699;}
*html #nav {margin:2px 0px 0px 0px}
#nav ul { padding:0px; margin: 0px 0; list-style: none; float: left;}
#nav li {display:block; float:left; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0 5px; margin-right: 6px;}
#nav a { margin:0px 0px 0px 0px; padding:2px 10px 15px 0px;  color:#ffffff; display:block; font-weight:normal; font-size:1.2em; background:no-repeat top right;}
#nav li a span { float: left; padding-right: 10px; display: block; margin-top: -2px; height: 24px; 	background: no-repeat top left;}
#nav a:hover { text-decoration:none;  color:#ffffff; } 

#nav ul li a:hover, #nav ul li a.selected { background-image:url(/images/nav_hover.jpg); color:#003366;}

#nav ul li a:hover span, #nav ul li a.selected span {background-image:url(/images/nav_hover.jpg); color:#003366;}


#nav_footer { width:100%; height:32px; border-left:1px solid #CCD9E5; border-bottom:1px solid #CCD9E5;  margin:10px 0px 0px 0px; padding:9px 0px 0px 0px; background:#336699;}
*html #nav_footer {margin:2px 0px 0px 0px}
#nav_footer ul { padding:0px; margin: 0px 0; list-style: none; float: left;}
#nav_footer li {display:block; float:left; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0 5px; margin-right: 6px;}
#nav_footer a { margin:0px 0px 0px 0px; padding:2px 10px 15px 0px;  color:#ffffff; display:block; font-weight:normal; font-size:1.2em; background: no-repeat top right;}
#nav_footer li a span { float: left; padding-right: 10px; display: block; margin-top: -2px; height: 24px; 	background: no-repeat top left;}
#nav_footer a:hover { text-decoration:none;  color:#ffffff; } 

#nav_footer ul li a:hover, #nav ul li a.selected { background-image:url(/images/nav_hover.jpg); color:#003366;}

#nav_footer ul li a:hover span, #nav ul li a.selected span {background-image:url(/images/nav_hover.jpg); color:#003366;}

#page {width:600px;}



/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:#99CCFF; font-family:Tahoma, Geneva, sans-serif; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:2.5em; color:#336699; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h1 span {display:block; font-size:0.7em;}
h2 { color:#666666; font-size:2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#2164B0; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#E10000 !important; font-size:1.2em !important; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#6CA9D7; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#204C79; font-size:1.2em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
ul li { font-size:1.2em;  color:#333333; list-style:disc; }
ol {}
ol li {font-size:1.2em;  color:#333333; list-style:decimal;}


address {}

a { color:#204C79; text-decoration:none; }
a:hover { color:#204C79; text-decoration:underline; }

p { color:#333333; font-size:1.2em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px; }