html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" ""; display:block;}
body{ line-height: 1; font-size: 62.5%; color:#333333; background:#d7d5bc url(/images/bigbg.jpg) repeat-x center bottom; font-family:Arial, Helvetica, sans-serif; text-align:center;}
html { overflow-y: scroll; min-height:100%; height: auto; width: 100%;  }
strong{ font-weight:bold;}

sub{ font-size:0.6em; vertical-align:sub; line-height:0.5em;}
sup{ font-size:0.6em; vertical-align:super; line-height:0.5em;}

#topbg{ position:absolute; top:0px; left:0px; width:100%; z-index:10; height:237px; background:url(/images/topbg.jpg) repeat-x top left;}
#site{ width:998px;  margin:0px auto; text-align:left; position:relative; z-index:40; }
#wrapper{ float:left; padding:0 37px 0 37px; margin:31px 0 0 0; min-height:650px; background:url(/images/wrapbg.png) repeat-y top left;}
#wrapper2{ float:left; clear:left; width:924px;}
#col1{ float:left; width:187px;}
#logo{ float:left; position:relative; width:187px; height:301px; overflow:visible;}
#logo a{ position:absolute; z-index:10; display:block; cursor:pointer; width:176px; height:333px; top:-32px; left:0px;}
#leftbox{ height: 282px; width: 187px; float: left; clear: both; background: url(/images/snavbg.jpg) no-repeat top left;}
#snav{ float: right; padding: 20px 11px 0 0;}
#snav li{ float: left; clear: left; border-bottom: dashed 1px #95937b;}
#snav li a{ display: block; line-height:28px; height: 28px; font-family: Garamond; font-weight: bold; font-size:12px; color: #95937b; width: 135px; text-decoration: none; }
#snav li a:hover,#snav li a.on{ color:#657158; background: url(/images/arrow.gif) no-repeat 100% 50%;}

#col2{ float:left; width:736px; position:relative;}
#nav{ position:absolute; z-index:100; width:734px; height:36px; top:0px; left:4px;}
#nav li{ float:left; width:90px;}
#nav li a{ float:left; display:block; width:86px; height:29px;}
#nav li a:hover{ margin-top:7px;}
#nav li a.on{ height:36px;}
#nav li a.on:hover{ margin-top:0px;}
#nav li a span{ margin-left:-9999px;}

#nav .concept a{ background:url(/images/nav2/navsprites.png) -1px 0px;}
#nav .concept a.on{ background:url(/images/nav2/navsprites.png) -1px 50px;}
#nav .location a{ background:url(/images/nav2/navsprites.png) -91px 0px;}
#nav .location a.on{ background:url(/images/nav2/navsprites.png) -91px 50px;}
#nav .sustainability {width: 99px;}
#nav .sustainability a{ background:url(/images/nav2/navsprites.png) -181px 0px; width: 95px;}
#nav .sustainability a.on{ background:url(/images/nav2/navsprites.png) -181px 50px;}
#nav .homes a{ background:url(/images/nav2/navsprites.png) -280px 0px;}
#nav .homes a.on{ background:url(/images/nav2/navsprites.png) -280px 50px;}
#nav .masterplan a{ background:url(/images/nav2/navsprites.png) -370px 0px;}
#nav .masterplan a.on{ background:url(/images/nav2/navsprites.png) -370px 50px;}
#nav .contacts a{ background:url(/images/nav2/navsprites.png) -460px 0px;}
#nav .contacts a.on{ background:url(/images/nav2/navsprites.png) -460px 50px;}
#nav .register a{ background:url(/images/nav2/navsprites.png) -550px 0px;}
#nav .register a.on{ background:url(/images/nav2/navsprites.png) -550px 50px;}
#nav .news a{ background:url(/images/nav2/navsprites.png) -640px 0px;}
#nav .news a.on{ background:url(/images/nav2/navsprites.png) -640px 50px;}
#nav .gallery a{ background:url(/images/nav2/navsprites.png) -730px 0px;}
#nav .gallery a.on{ background:url(/images/nav2/navsprites.png) -730px 50px;}

#bigpic{ float:left; clear:left; margin:10px 0 10px 0; }
#masterplanbox{ float:left; clear:left; width:736px; height:444px; position: relative; background: #FFFFFF url(/images/masterplan/strip.jpg) no-repeat 0px 10px;}
#bigpics{ float:left; clear:left; width:736px; height:291px; border-top:solid 10px #FFFFFF; border-bottom:solid 10px #FFFFFF;}
#bigpic img{ float:left;}
#bigpics img{ position:absolute;}

#main{ float:left; clear:left; width:736px; min-height:425px; height:auto !important; height:425px; background:url(/images/contentbg.jpg) no-repeat top left; position:relative;}
#register{ position:absolute; top:170px; left:577px;}
#register a{ display:block; width:153px; height:152px; background:url(/images/register.jpg) no-repeat top left;}
#register a:hover{ background:url(/images/register.jpg) no-repeat bottom left;}
#register a span{ margin-left:-9999px;}

#hempcrete{ position:absolute; top:222px; left:576px; display:block; width:153px; height:179px; background:url(/images/hempcrete.jpg) no-repeat top left;}
#hempcrete span{ margin-left:-9999px;}

#mestimator{ position:absolute; top:215px; left:579px; display:block; width:139px; height:200px; background:url(/images/mortgage-estimator.jpg) no-repeat top left;}
#mestimator span{ margin-left:-9999px;}

#register2{ float: left; clear: both;}
#register2 a{ display:block; width:176px; height:159px; background:url(/images/register2.jpg) no-repeat top left;}
#register2 a:hover{ background:url(/images/register2.jpg) no-repeat bottom left;}
#register2 a span{ margin-left:-9999px;}

#leftcol{ float:left; width:190px; min-height:440px; height:auto !important; height: 440px; position:relative;}
#leftcol #pricerange{ position:absolute; top:18px; left:42px; width:98px; overflow:hidden;}
#leftcol #homesopts{ float: left; clear: left; padding: 11px 0 0 34px;}
#leftcol #homesopts li{ float: left; clear: left;}
#leftcol #homesopts li a{ display: block; overflow: hidden; width: 120px;}
#leftcol #homesopts li a:hover{ -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;}
#leftcol #homesopts li a span{ margin-left:-9999px;}
#leftcol #homesopts li.epc a{height:102px; background:url(/images/homes/epc.jpg) no-repeat top left;}
#leftcol #homesopts li.fp a{height:102px; background:url(/images/homes/fp.jpg) no-repeat top left;}
#leftcol #homesopts li.gal a{height:103px; background:url(/images/homes/gal.jpg) no-repeat top left;}
#leftcol #homesopts li.mloc a{height:106px; background:url(/images/homes/mloc.jpg) no-repeat top left;}
#content{ float:left; width:546px; padding-bottom:25px; color:#4a583b;}

#content .title span{ margin-left:-9999px;}
#content h1{ margin:0 0 30px 0; line-height:35px; margin:19px 0 30px 0; font-size:2.5em; font-family:Georgia;}

#content h1.home{ width:450px; height:152px; background:url(/images/titles/home.png) no-repeat top left;}
#content h1.pricing{ width:350px; height:70px; margin:19px 0 30px 0; background:url(/images/titles/pricing.png) no-repeat bottom left;}
#content h1.register{ width:289px; height:70px; margin:19px 0 30px 0; background:url(/images/titles/register.png) no-repeat bottom left;}
#content h1.contact{ width:428px; height:70px; margin:19px 0 30px 0; background:url(/images/titles/contact.png) no-repeat bottom left;}
#content h1.privacy{ width:354px; height:70px; margin:19px 0 30px 0; background:url(/images/titles/privacy.png) no-repeat bottom left;}

#content h1.disclaimer{ width:274px; height:63px; background:url(/images/titles/disclaimer.png) no-repeat bottom left;}
#content h1.concept{ width:493px; height:140px; background:url(/images/titles/concept.png) no-repeat top left;}
#content h1.about{ width:395px; height:98px; background:url(/images/titles/about.png) no-repeat top left;}
#content h1.partners{ width:259px; height:28px; background:url(/images/titles/partners.png) no-repeat top left;}
#content h1.consumer-code{ width:304px; height:28px; background:url(/images/titles/consumer-code.png) no-repeat top left;}
#content h1.eligibility-criteria{ width:361px; height:35px; background:url(/images/titles/eligibility-criteria.png) no-repeat top left;}
#content h1.sustainability{ width:507px; height:133px; background:url(/images/titles/sustainability.png) no-repeat top left;}
#content h1.innovation{ width:213px; height:28px; background:url(/images/titles/innovation.png) no-repeat top left;}
#content h1.energy-saving{ width:295px; height:35px; background:url(/images/titles/energy-saving.png) no-repeat top left;}
#content h1.on-site-waste{ width:269px; height:28px; background:url(/images/titles/on-site-waste.png) no-repeat top left;}
#content h1.homes{ width:505px; height:105px; background:url(/images/titles/homes.png) no-repeat top left;}
#content h1.three-bed-house{ width:229px; height:98px; background:url(/images/titles/3-bed-house.png) no-repeat top left;}
#content h1.three-bed-house-2{ width:300px; height:98px; background:url(/images/titles/3-bed-house-2.png) no-repeat top left;}
#content h1.two-bed-house{ width:300px; height:98px; background:url(/images/titles/2-bed-house.png) no-repeat top left;}
#content h1.two-bed-apartment{ width:318px; height:105px; background:url(/images/titles/2-bed-apartment.png) no-repeat top left;}
#content h1.one-bed-apartment{ width:318px; height:105px; background:url(/images/titles/1-bed-apartment.png) no-repeat top left;}
#content h1.masterplan{ width:222px; height:35px; background:url(/images/titles/masterplan.png) no-repeat top left;}
#content h1.launch{ width:456px; height:142px; background:url(/images/titles/launch.png) no-repeat top left;}

#content .how a{ display:block; width:360px; height:19px; background:url(/images/titles/how.png) no-repeat top left;}
#content .how2{ width:339px; height:19px; margin:20px 0 0 0; background:url(/images/titles/how2.png) no-repeat bottom left;}
#content #copy{ width:372px;}
#content #copy p{ line-height:1.2em; padding:0 0 1.0em 0; font-size:1.1em;}
#content #copy ul{ line-height:1.2em; padding:0 0 1.0em 1.7em; font-size:1.1em;}
#content #copy ol{ line-height:1.2em; padding:0 0 1.0em 2.7em; font-size:1.1em;}
#content #copy li{ padding:0 0 0.3em 0; list-style-type:disc;}
#content #copy ol li{ padding:0 0 0.3em 0; list-style-type:decimal;}
#content #copy strong{ color:#95937b; font-family:Georgia;}
#content #copy h2{ color:#95937b; font-family:Georgia; font-size: 14px; font-weight: bold; padding: 0 0 6px 0; margin: 12px 0 4px 0; border-bottom: dashed 1px #95937b;}
#content #copy h2:first-child{margin: 0px 0 4px 0;}
#content #copy a{ color:#4a583b;}
#content #copy a:hover{ color:#333333; text-decoration:none;}

#content #copy .lgreen{ color: #a0caae;}
#content #copy .dgreen{ color: #67735a;}
#content #copy .orange{ color: #ebc68d;}
#content #copy .brown{ color: #95937b;}

#content #copy a.lgreen:hover,#content #copy a.dgreen:hover,#content #copy a.orange:hover,#content #copy a.brown:hover{ color: #333333;}

#content dt{}
#content dt a{ display:block; font-weight: bold; color:#95937b; font-family:Georgia; font-size: 14px; text-decoration:none; cursor:pointer; border-bottom:dashed 1px #95937b; padding-bottom:5px; margin:0 0 5px 0; background: url(/images/down.gif) no-repeat 100% 50% ;}
#content dt.selected a{ background:url(/images/up.gif) no-repeat 100% 50%; }
#content dd{ font-size:1.0em;}
#content dd div{ padding:0 0 10px 0;}


#footer{ float:left; clear:both; background:url(/images/bottombg.png) no-repeat top left; padding:1px 37px 0 37px; margin:0 0 20px 0; color:#cdcaaa;}
#footer_info{ float:left; width:924px; line-height:1.6em; height:31px}
#footer_info a{ color:#cdcaaa; text-decoration:none;}
#footer_info a:hover{ color:#FFFFFF; text-decoration:underline;}
#fleft{ float:left; width:500px;}
#fright{ float:right; width:300px; text-align:right;}

/* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow{ display:none; position:fixed; top:17%; left:50%; z-index:3000; margin-left:-300px; width:600px; background-color:#EEE; color:#333; border:1px solid black; padding:12px;}
.jqmOverlay{ background-color:#49573a; z-index:2000;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm{ position:absolute; top:0; left:0; z-index:-1; width:expression(this.parentNode.offsetWidth+'px'); height:expression(this.parentNode.offsetHeight+'px');}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow{ position:absolute; top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}

/* masterplan */
#mapcontainer{ position: absolute; top:54px; left:187px; width: 547px; height: 379px; position: relative; overflow: hidden;}
#maplayer,#maplayer #lmmasterplan{position: absolute; top:0px; left:0px; width: 728px; height: 1182px;}
#maplayer img{ cursor:move;}
#maplayer .sold{ position: absolute;}
#minimap{ position: absolute; top: 54px; left:4px; width: 173px; height: 280px; background: url(../images/masterplan/minimap.jpg) no-repeat bottom left;}
#instructions{ position: absolute; top: 344px; left:4px; width: 173px; font-family: Garamond; font-weight: bold; color:#4a583b; font-size: 12px; line-height: 15px;}
#mapbounds{ position: absolute; top:0px; left:0px; width:173px; height:280px; z-index: 5;}
#mapbox{ position: absolute; top:0px; left:0px; width:128px; height:89px; border:solid 2px #626e55; cursor:move;}
#mapbox:hover{ border: solid 2px #95a781;}
#lmmp *,#lmmp{ cursor: pointer;}

/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0;
        text-align: left;
	background : url(/images/masterplan/tip.png) no-repeat top left;
        width: 121px;
        height: 71px;
	padding: 3px 0 0 7px;
        font-size: 11px;
        line-height: 14px;
        font-family: Garamond;
        font-weight: bold;
}

#tooltip.dgreentip{background : url(/images/masterplan/dgreentip.png) no-repeat top left;}
#tooltip.lgreentip{background : url(/images/masterplan/lgreentip.png) no-repeat top left;}
#tooltip.orangetip{background : url(/images/masterplan/orangetip.png) no-repeat top left;}
#tooltip.browntip{background : url(/images/masterplan/browntip.png) no-repeat top left;}
#tooltip.creamtip{background : url(/images/masterplan/creamtip.png) no-repeat top left; width: 156px; height: 71px; padding: 3px 0 0 7px;}
#tooltip.greytip{background : url(/images/masterplan/greytip.png) no-repeat top left;}

#tooltip h3, #tooltip div { margin: 0; font-weight: normal !important; color: #4a583b !important; }

/* gallery */
#galpad{ position: relative; width: 736px; height: 398px; margin: 10px 0 0 0; overflow: hidden; }
#galcontainer{ position:absolute; z-index: 20; left:0px; top:0px; width:736px; height:398px;}
#galcontainer img{ position:absolute; top:0px; left:0px; width:736px; height:398px; }
#galcontainer .on{ z-index:500; }
#galcaption{ position: absolute; display: block; padding: 5px 20px 5px 20px;  background: #FFFFFF; z-index: 30; bottom:0px; right: 0px; color: #49573a; font-size: 12px; }

#carousel{ float:left; margin:0px 0px 0px 0px;}
#carousel-holder{width:736px; height:350px; padding: 3px 0 0 0; position:relative; background:url(/images/contentbg.jpg) no-repeat top left;}
#carousel-thumbs li{ padding:0px 2px 0px 2px;}
#carousel-thumbs li a img{ -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; }
#carousel-thumbs li a.on img,#carousel-thumbs li a:hover img{ -moz-opacity:1; -web-kit-opacity:1; filter:alpha(opacity=100); opacity:1; }

#carousel-next{ float:left;}
#carousel-prev{ float:left;}
#carousel-next a, #carousel-prev a{ text-decoration: none; display: block; cursor: pointer;  width: 22px; height: 74px; }
#carousel-next a{background: url(/images/right.png) no-repeat 0px 0px;}
#carousel-next a:hover{background: url(/images/right.png) no-repeat 0px 0px;}
#carousel-prev a{background: url(/images/left.png) no-repeat 0px 0px;}
#carousel-prev a:hover{background: url(/images/left.png) no-repeat 0px 0px;}