/*  
	site:		rlf.co.uk
	author:		johan de silva
	company:	designed by Phoenix plc
	index:	 	* site template
				* forms
				* suckerfish menu
				* bug fixes
				* accessibility	- do not remove			
*/	

/* Site Template */
body{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333;background-color:#fff;margin:0; padding:0; background:#efefef url('../images/background.jpg') repeat-x left top}
img{border:0}
address {margin-top:15px}
address p{font-style:normal; color:#000}
address strong {color:#72c267}
#wrap{width:953px;margin:0 auto;background:url('../images/content-bg.png') repeat-y left top; position:RELATIVE;z-index:1;}
#top-bg {width:935px; height:229px;background: url('../images/blue_triangle-full.gif') no-repeat left top; position:absolute; z-index:1; top:0; left:9px;}
#top-bg-half {width:935px; height:229px;background: url('../images/blue_triangle-half.gif') no-repeat left top; position:absolute; z-index:1; top:0; left:9px;}
.page{clear:both; float:left}
#top-bg-home {width:935px; height:140px;background: url('../images/blue_triangle-full.gif') no-repeat left top; position:absolute; z-index:1; top:0; left:9px;}
.page{clear:both; float:left}

#main-image {width:403px; height:569px; position:absolute; z-index:1; top:0; left:9px;}
#logo {display:block; width:198px; height:69px; z-index:3;  position:absolute; z-index:2; top:15px; left:745px;}
#bar {width:936px; height:40px; background:url('../images/nav_bar.png') repeat-x bottom left; z-index:5; position:absolute; top:115px; left:9px;}
#bar .strap{display:block; width:262px; height:13px; padding:0; float:left; margin:8px 8px 0 20px; text-indent:-2000em; background-image:url('../images/strap.png'); display:inline; overflow:hidden}

#bluebar{width:923px; height:39px; margin:0; padding:0 0 0 30px; float:left; clear:both; overflow:hidden}
#bluebar h1{clear:both; float:left; color:#fff; width:923px; height:39px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:24px; margin:0; padding:0; }
#bluebar h1 em{font-size:16px}

#container { clear:both; width:953px;  z-index:1; position:RELATIVE; padding-top:160px; min-height:409px;  }

.template-standard{float:right; width:390px; margin:30px 70px 0 0; } /* old home, Text Page, Contact */

.template-home{float:left;} /* home, Text Page, Contact */
.home-left{clear:both; float:left; width:235px; margin:0 20px 0 20px; }
.home-right{float:left; width:650px;}

.featured-box {width:234px;}
.featured-box .head {float:left;width:234px; background-image:url(../images/table_top.gif); height:31px; }
.featured-box .head strong{font-weight:bold; display:block; padding-top:12px; font-size:16px; color:#003399; text-align:center}
.featured-box .content {float:left;width:220px; background-image:url(../images/table_middle.gif); padding:0px 7px; overflow:hidden}
.featured-box .content img.hotw-pic{display:block; margin:5px 0}
.featured-box .foot {float:left;width:234px; background:url(../images/table_bottom.gif) no-repeat left bottom; height:44px; margin-bottom:10px; overflow:hidden}
.featured-box .foot-news {float:left;width:234px; background:url(../images/table_bottom.gif) no-repeat left bottom; height:24px; margin-bottom:10px; overflow:hidden}
.featured-box img.vpi {display:block; margin:2px 0 0 25px;}
.featured-box img.vnf {display:block; margin:2px 0 0 50px;}

#content{ display:inline;  line-height:16px }
#content q{font-size:12pt}
#content a{color:#72c267}
#content a:hover,
#content a:focus{text-decoration:none}
#content p {margin-top:0; padding-top:0}
#content p span{color:#989898; font-size:11pt; }
#content .left-col{clear:both; float:left; background-color:#babcbe; width:400px; padding-left:40px; margin-left:9px; display:inline}
#content .left-col img{display:block}
#content .right-col{float:right; margin-right:60px; width:380px; padding-top:20px; display:inline}
#content .full-page{clear:both; float:left; width:914px; padding-left:30px; display:inline}

#content img.full-image{clear:both; float:left; padding-left:9px;}

#content p{margin:0 0 20px 0; }
#content h1,
#content h2,
#content h3,
#content h4,
#content h5{margin:1px 0 20px -20px; font-weight:normal; font-size:16pt; color:#76c765}

#sitemap h2{font-size:12pt;}

#content ul{padding-left:0; margin-left:15px}

#content .development-right{float:right; margin-right:60px; width:620px; display:inline}
#content .development-right .text-area{float:left; width:380px; margin:20px 0 0 40px; display:inline; min-height:400px;}
#content .development-right .floorplans{float:left; width:580px; margin:20px 0 0 40px; display:inline}
#development-left{float:left; width:230px; margin-left:9px; padding:0 0 0 25px; display:inline; background-color:#babcbe }
#development-menu{float:left; width:200px; margin-top:20px}
#development-menu ul,
#development-menu li{margin:0; padding:0; width:200px; list-style:none; font-size:14px}
#development-menu li{border-bottom:#333 dotted 1px; padding:5px 0}
#development-menu li a{color:#666; text-decoration:none}
#development-menu li a:hover,
#development-menu li a:focus,
#development-menu li.selected a{color:#000; text-decoration:none}
.development-photos{float:left; width:200px; padding-bottom:10px; background-color:#fff}
.development-photos img{float:left; margin-top:10px}
#development-menu .info{color:#fff}
#phone-number {display:block; clear:both; width:180px; height:40px; font-size:22px; background: url('../images/phone.gif') no-repeat top left; padding:5px 0 0 40px;  margin-top:20px; color:#fff}

.current-developement-bg {background: url('../images/current-developement-bg.gif') repeat-y top left}

.btn-square{float:left; display:block; margin:5px 5px 5px 0; width:31px; }

.highlights p strong{color:#999; font-size:14px; font-weight:normal}

.highlights dl{margin:0;padding:0;width:162px; float:left; margin-right:20px; }
.highlights dt{margin:0;padding:0;font-weight:normal;color:#999; font-size:14px; }
.highlights dd{margin:3px 0 20px 0;padding:0;}

#footer{clear:both; width:953px;margin:0 auto; height:30px; text-align:left; background:url('../images/content-bottom.png') no-repeat top left;}
#footer p {margin:0px 10px; padding:5px 0; color:#989898;}
#footer p a,
#footer p a:visited {color:#989898; text-decoration:none}
#footer p a:hover,
#footer p a:focus
{color:#989898; text-decoration:underline}


/* region = fck editor */
.region ul {margin:0; padding:0; list-style-type:none; clear:both; float:left; width:100%; display:block}
.region li {padding:2px 15px; margin:0; clear:both; background:url('../images/arrow_blue.gif') no-repeat left 9px; border-bottom:#006699 dotted 1px}
.region li.last {border-bottom:#fff dotted 0px}
.region li a{color:#666; padding-bottom:10px; margin:0; padding:0; display:block; text-decoration:none}
.region li a:visited{color:#666}
.region li a:hover,
.region li a:focus{text-decoration:underline}
.green li {background:url('../images/arrow_green.gif') no-repeat left 9px; border-bottom:#618864 dotted 1px}
.cyan li {background:url('../images/arrow_cyan.gif') no-repeat left 9px; border-bottom:#009897 dotted 1px}

dl.table-display{width:418px;margin:0;padding:0;height:90px; float:right }
.table-display dt{clear:both;float:left;margin:0 5px 0 0;padding:0px 0;border-bottom:0px dotted #ccc; text-align:left; display:block; width:60px}
.table-display dd{float:left;width:300px;margin:0 0 0 0;padding:0px 0;border-bottom:0px dotted #ccc}

dl.contact{width:22.0em;padding:0;float:right;}
.contact dt{width:8em;float:left;margin:0;padding:0;font-weight:bold;}
dt{clear:both;}
.contact dd{float:left;width:12em;margin:0;padding:0em;}


/* Sucker Fish Menu */
	.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
	#menu { float:right; margin-right:15px; line-height:14px; text-transform:uppercase;font-size:11px; font-weight:bold; z-index:99}
	#menu a.selected{color:#333}
	ul.sf-menu li a:focus,
	ul.sf-menu li a:hover{color:#333;text-decoration:none}
	.sf-menu ul {position:absolute;top:-999em;width:180px; z-index:9999;/* left offset of submenus need to match (see below) */}
	.sf-menu ul li {width:100%; }
	.sf-menu li:hover {visibility:inherit;/* fixes IE7 'sticky bug' */}
	ul.sf-menu li {float:left;position:relative; padding-right:10px}
	ul.sf-menu li li{padding-right:0px}
	.sf-menu a {display:block;position:relative}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {right:0;top:2.5em; z-index:9999}
	/* ul.sf-menu li em{display:block; background-color:#000; height:10px; width:2px; position:absolute;right:0; top:10px } */
	ul.sf-menu li em{display:block; background:url(../images/nav_arrow.png); height:16px; width:10px; position:absolute;right:0; top:8px }
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {top:-999em}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {left:10em;top:0}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {top:-999em}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {left:10em; top:0}
	.sf-menu {height:29px;}
	.sf-menu a {padding:8px 7px 4px 7px;  text-decoration:none}
	.sf-menu a, .sf-menu a:visited  {color:#fff}
	.sf-menu li {}
	.sf-menu li li {background-color:#babcbe; border-bottom:1px solid #999; text-transform:none; text-align:center}
	.sf-menu li ul {width:100%;margin-top:1px} 
	.sf-menu li ul li ul {background:none;padding-top:0}
	.sf-menu li li a{color:#fff;font-weight:bold;padding:6px 8px 8px 8px; text-decoration:none}
	.sf-menu li li a:visited{color:#fff}
	.sf-menu li li a:focus,
	.sf-menu li li a:hover{color:#fff; text-decoration:none; background-color:#808080}
	.sf-menu .current a{color:#35a1a0; font-weight:bold}
	.sf-menu li li li {background:#758bae}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0; text-decoration:none}
	/*** arrows **/
	.sf-menu a.sf-with-ul {/* padding-right:2.25em;min-width:1px;*/}
	.sf-sub-indicator {display:none/*position:absolute;display:block;right:.75em;	width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-rtf.png') no-repeat -10px -100px;
	*/
	/* 8-bit indexed alpha png. IE6 gets solid image only */}
	a > .sf-sub-indicator {/* give all except IE6 the correct values */
		top:.8em;background-position:0 -100px;/* use translucent arrow for modern browsers*/}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px; /* arrow hovers for modern browsers*/}
	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator {background-position:-10px 0}
	.sf-menu ul a > .sf-sub-indicator {background-position:0 0}
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position:-10px 0; /* arrow hovers for modern browsers*/}


/* forms */
.errorMessage{padding:0 0 20px 5px;border:#ff0000 1px solid;color:#000;background-color:#fcd8de}
.errorMessage ul{margin:0 0 0 20px;padding:0}
.errorMessage li{margin:0;padding:0}
.form-one feildset{padding:2px}
.form-one legend{border:0px;font-size:small;font-weight:bold;color:#acd52f;padding:0}
.form-one select{border:1px solid #5c778c;background:#fff url('/images/form-textfield-bg.gif') no-repeat top left}
.form-one input{border:1px solid #5c778c;background:#fff url('/images/form-textfield-bg.gif') no-repeat top left}
.form-one textarea{border:1px solid #5c778c;background:#fff url('/images/form-textfield-bg.gif') no-repeat top left;width:350px}
.form-one .checkbox{border:0}
.form-one .required{color:#990000}
.form-one label{color:#999;display:block;clear:both;width:90px;float:left;text-align:right;margin:0 5px 10px 0;font-weight:normal}
.form-one input:focus	{background:#e9e9e9}
.form-one textarea:focus{background:#e9e9e9}
.form-one select:focus	{background:#e9e9e9}
.form-one div{clear:both}
.submit {clear:both; margin-top:10px}

/* bug fixing */
.clear{clear:both;height:1px;width:100%} /* do NOT float */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}/* End hide from IE-mac */

/* accessibility */
a.skip{position:absolute; left:-1000em; width:200px; z-index:999; display:block}
a.skip:active,
a.skip:focus{left:0; top:0; color:#fff; background-color:#003399; padding:10px; font-weight:bold; text-decoration:none}