/* CSS Document */

/*==================================
			global
==================================*/

body {margin:0; padding:0; font:66% trebuchet, Arial, Helvetica, sans-serif; background:#6F6D6D url(images/bk_body.gif) repeat-x top left;}
#wrap {width:800px; margin-left:auto; margin-right:auto; background:#fff; border:#ccc solid 3px;}
#header {margin:0; padding:0; height:auto;}
#contentWrap {width:800px; background:url(images/bk_contentWrap.gif) repeat-y top left; float:left; margin:0; padding:0; border-top:1px solid #CF8F5F;}
#utility {width:223px; float:left; margin:0; padding:0; }
#content {margin:0 0 0 2px; float:left; padding:0 0 0 30px; }
.sub{width:496px; margin:20px 40px 20px 0; line-height:20px;}
#footer {width:800px; float:left; background:url(images/bk_footer.gif) repeat-x top left;}
.error{color:#FF0000;padding-left:5px;}

a.link:link, a.link:active {color:#BA7F00; font-weight:normal; text-decoration:none;}
a.link:visited {color:#BA7F00; font-weight:normal; text-decoration:none; }
a.link:hover {color:#FFFFFF; font-weight:normal; background-color:#BA7F00; padding:0 2px 0 2px;}


/*==================================
			Header
==================================*/

#header h1 {display:block; width:205px; height:52px; text-indent:-9999px; margin:10px; background: url(images/logo.gif) no-repeat top left;}
#logo {display:block; width:205px; height:52px;margin:10px;}

#nav {margin:0; padding:0; height:23px; border-bottom:1px white solid; width:800px;}
#nav ul{list-style-type:none; line-height:0px; font-size:0; padding:0; margin:0px; }
#nav ul li a {display:block; float:left; height:23px; text-decoration:none; text-indent:-9999px; border-right:1px white solid; padding:0;}

#nav li#nav_about a {background: url(images/nav_about.gif) no-repeat top; width:101px;}
#nav li#nav_lifestyle a {background: url(images/nav_lifestyle.gif) no-repeat top; width:139px;}
#nav li#nav_commercial a {background: url(images/nav_commercial.gif) no-repeat top; width:141px;}
#nav li#nav_custom a {background: url(images/nav_custom.gif) no-repeat top; width:140px;}
#nav li#nav_golf a {background: url(images/nav_golf.gif) no-repeat top; width:83px;}
#nav li#nav_catering a {background: url(images/nav_catering.gif) no-repeat top; width:109px;}
#nav li#nav_contact a {background: url(images/nav_contact.gif) no-repeat top; width:80px;}

#nav li#nav_about a:hover {background-position:bottom;}
#nav li#nav_lifestyle a:hover {background-position:bottom;}
#nav li#nav_commercial a:hover {background-position:bottom;}
#nav li#nav_custom a:hover {background-position:bottom;}
#nav li#nav_golf a:hover {background-position:bottom;}
#nav li#nav_catering a:hover {background-position:bottom;}
#nav li#nav_contact a:hover {background-position:bottom;}

#flash {float:left; margin:0; padding:0; width:800px; height:200px;}

/*body#about #flash {background: url(images/flash.jpg) no-repeat top left; text-indent:-9999px;}
body#lifestyle #flash {background: url(images/header_lifestyle.jpg) no-repeat top left; text-indent:-9999px;}
body#commercial #flash {background: url(images/flash.jpg) no-repeat top left; text-indent:-9999px;}
body#custom #flash {background: url(images/header_custom.jpg) no-repeat top left; text-indent:-9999px;}
body#catering #flash {background: url(images/header_catering.jpg) no-repeat top left; text-indent:-9999px;}
body#contact #flash {background: url(images/header_contact.jpg) no-repeat top left; text-indent:-9999px;}
body#colony #flash {background: url(images/header_colony.jpg) no-repeat top left; text-indent:-9999px;}
body#hamlet #flash {background: url(images/header_lifestyle.jpg) no-repeat top left; text-indent:-9999px;}
body#sitemap #flash {background: url(images/flash.jpg) no-repeat top left; text-indent:-9999px;}
body#golf #flash {background: url(images/flash.jpg) no-repeat top left; text-indent:-9999px;}*/

/*==================================
			Left
==================================*/

.left {width:223px; float:left; padding:0px; margin:0 0 5px 0;}
.left h2 {margin:15px 0 5px 90px; font-size:120%; font-weight:bolder; line-height:99%;}
.left p {margin:0px 0 5px 90px; padding-right:5px; font-size:95%;} 

#left1 {background:url(images/bk_homeLeftTop.jpg) no-repeat top left;} 
#left1 h2 {color:#cc6600;}
#left2 {background:url(images/bk_homeLeftBottom.jpg) no-repeat top left;} 

.btnLeft {width:223px; height:90px; float:left; padding:0px; margin:0 0 1px 0;}
.btnLeft p {margin:2px 0 0 95px;} 
#btnHamlet {background:url(images/btn_leftHamlet.jpg) no-repeat top left;}
#btnHamlet h2 {width:102px; height:37px; margin:15px 0 0 95px; background:url(images/t_homeAtHamlet.gif) no-repeat top left; text-indent:-9999px;}

#btnColony {background:url(images/btn_leftColony.jpg) no-repeat top left;}
#btnColony h2 {width:102px; height:37px; margin:15px 0 0 95px; background:url(images/t_homeAtColony.gif) no-repeat top left; text-indent:-9999px;}



/*==================================
			Titles
==================================*/

#home h3 {text-indent:-9999px; height:42px; background:url(images/t_home.gif) no-repeat top left;}
#about h3 {text-indent:-9999px; height:25px; background:url(images/t_about.gif) no-repeat top left;} 
#lifestyle h3 {text-indent:-9999px; height:40px; background:url(images/t_lifestyle.gif) no-repeat top left;} 
#commercial h3 {text-indent:-9999px; height:25px; background:url(images/t_commercial.gif) no-repeat top left;} 
#custom h3 {text-indent:-9999px; height:24px; background:url(images/t_custom.gif) no-repeat top left;} 
#catering h3 {text-indent:-9999px; height:26px; background:url(images/t_catering.gif) no-repeat top left;} 
#contact h3 {text-indent:-9999px; height:25px; background:url(images/t_contact.gif) no-repeat top left;} 
#colony h3 {text-indent:-9999px; height:25px; background:url(images/t_colony.gif) no-repeat top left;} 
#hamlet h3 {text-indent:-9999px; height:25px; background:url(images/t_hamlet.gif) no-repeat top left;} 
#sitemap h3 {text-indent:-9999px; height:40px; background:url(images/t_sitemap.gif) no-repeat top left;} 
#golf h3 {text-indent:-9999px; height:40px; background:url(images/t_golfcourse.gif) no-repeat top left;} 


#content.tight {line-height:90%; font-size:90%;}
h4 {margin:0 0 -8px 0; font-size:120%; font-weight:bolder; line-height:99%;}
.address {line-height:15px;}
.sub img {float:right; margin:5px 5px 10px 15px; border:solid 1px #CF8F5F;}
.rightCol {display:block; width:130px; float:left; margin:5px 5px 10px 15px;}
.rightCol img {border:solid 1px #FFF;}


/*==================================
			Home
==================================*/

#home {margin:0 0 0 3px; float:left; padding:0 0 0 30px;  height:640px; background:url(images/bk_homeContent.jpg) no-repeat bottom left;}
#homeInner {width:493px; min-height:650px; margin:20px 40px 20px 0; line-height:20px;}
#homeTag {display:block; text-indent:-9999px; height:34px; background:url(images/t_atHoliday.gif) no-repeat top left;} 


/*==================================
			Footer
==================================*/
#footer p {margin:20px 0 5px 0; text-align:center; background:url(images/buzzmade.gif) no-repeat right;}


/*==================================
		Form (from mollio.org)
==================================*/

form {margin:0 0 1.5em;}
input {font-family: arial,tahoma,verdana,sans-serif; margin:2px 0;}
fieldset {border:none;}
label {display:block;padding:5px 0;}
label br {clear:left;}

/* FORMS - general classes */

input.f-submit {padding: 1px 3px; background:#666; color:#fff;font-weight:bold;font-size:96%}

/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */

form.f-wrap-1 {width:100%;padding:.5em 0; background:#FAF5E8; border-top: 1px solid #EDAB12; position:relative}

form.f-wrap-1 fieldset {width:auto; margin:0 1em}

form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}

form.f-wrap-1 label {clear:left; float:left; width:100%;border-top: 1px solid #fff}

		
/* hide from IE mac \*/

form.f-wrap-1 label {float:none}

/* end hiding from IE5 mac */

form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}

form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}

form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}

form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}

form.f-wrap-1 div.req b {color:#c00;font-size:140%}

form.f-wrap-1 label select {width: 15.5em}

form.f-wrap-1 label textarea.f-comments {width: 20em}

form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}

form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}

form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}

form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}

form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}

form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}

form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}

form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}