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:#FFFFFF url(/images/bg.jpg) no-repeat 50% 0%; font-family:Arial, Helvetica, sans-serif; text-align:center;}
html { overflow-y: scroll; }
strong{ font-weight:bold;}

a { outline: none;}

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

.bgtext{ overflow:hidden;}
.bgtext span{ margin-left:-9999px; display:block;}

#site{ width:1001px;  margin:0px auto; text-align:left; position:relative; z-index:40; }
#rc-overlay{ position: absolute; top:0px; left:230px; width: 758px; z-index: -1; background: #FFFFFF url(/images/loading.gif) no-repeat 50% 240px;}
#wrapper{ float:left; padding:0px 0px 15px 0px; background: url(/images/rightbg.jpg) no-repeat 230px 0px;}

#leftcol{float:left; width: 242px;}

#logo{float: left; width:230px; height:135px;}
#nav{ float: left; clear: left; background:#7ed0e0 url(/images/navbg.png) repeat-x bottom left; width: 230px; min-height:463px; height:auto !important; height:463px;}
#nav ul{ padding: 27px 0 0 0;}
#nav #pnav2{ padding: 27px 0 101px 0;}
#nav li{ text-align: center; color: #3B919F;}
#nav li.pad{ padding: 10px 0 0 0;}
#nav li a{ display: block; outline: none; width:230px; line-height:28px; background: url(/images/navstrip.png) no-repeat 50% 100%; font-family: Trebuchet MS; text-align: center; font-size: 10px; text-decoration: none; color: #FFFFFF;}
#nav li a.last{ background:transparent;}
#nav li a:hover, #nav li.on a, #nav li.inon a{color:#94785b;}

#nav ul ul{ padding: 15px 0 15px 0; background: url(/images/navstrip.png) no-repeat 50% 100%;}
#nav li ul li{ background: transparent;  line-height: 18px;}
#nav li ul li a{ background: transparent;  line-height: 18px;}
#nav li.on .snav li a, #nav li.inon .snav li a{color:#FFFFFF;}
#nav li.on .snav li a:hover, #nav li.inon .snav li a:hover{color:#94785b;}
#nav li.on .snav li.on a, #nav li.inon .snav li.on a{color:#94785b;}

.JS .snav{ display:none;}
.JS .inon .snav{ display:block;}

#rightcol{ float: left; width: 746px; min-height:598px; height: auto !important; height: 598px;}
#rightcol .plans{ display: block; float: left; clear: left;}
#rightcol .plans img{ float: left; clear: left;}

#page{padding: 18px 0 0 0; float: left; min-height:580px; height: auto !important; height: 580px;}

#slideshow{ float: left; clear: left; width:746px; height:392px; position: relative;}
#sscaption{ float: left; clear: left; text-align: right; width: 746px; background:#94785b; line-height:14px; height: 14px; color: #FFFFFF; font-size: 9px; font-family: Trebuchet MS; letter-spacing: 1px;}
#bg{ position:absolute; top:0px; left:0; width:746px; overflow:hidden; height:392px; z-index:1;}
#bg2{ position:absolute; top:0px; left:0; width:746px; overflow:hidden; height:392px; z-index:2;}
#bg img, #bg2 img{ float: left;}

#pageheading{ float: left; clear: left; width:746px; padding: 10px 0 0 0;}
#pageheading h1{ font-weight: normal; font-size: 27px; color: #7ed0e0; padding: 10px 0 0 10px; font-family: Cardo;}
#pageheading h1 span{ color: #94785b; display: block; clear: both;}
#pageheading h2{ font-weight: normal; font-size: 22px; width: 400px; color: #94785b; padding: 4px 0 4px 10px; font-family: Cardo;}

#content{ float: left; clear: left; width: 746px; border-bottom: solid 3px #7ed0e0;}
#content-left{ float: left; clear: left;}
#content-right{float: left; }
#pagetextpad{ float:left; clear: both; padding: 35px 0 16px 10px;}
#pagetext{ float: left; width: 476px; color: #a68462;}

#pagetext p{ line-height:14px; padding:0 0 1.0em 0; font-size:11px;}
#pagetext .intro{ line-height:18px; padding:0 0 1.0em 0; color:#7ed0e0; font-size:14px;}
#pagetext ul{ line-height:14px; padding:0 0 1.0em 1.7em; font-size:11px;}
#pagetext ol{ line-height:14px; padding:0 0 1.0em 2.7em; font-size:11px;}
#pagetext li{ padding:0 0 0.3em 0; list-style-type:disc;}
#pagetext ol li{ padding:0 0 0.3em 0; list-style-type:decimal;}
#pagetext a{ color: #7ed0e0;}
#pagetext a{ color: #7ed0e0; text-decoration: none;}

#prop-downloads{ float: left; clear: left; margin: 0 0 25px 25px; padding: 20px 0 0 0; border-top:solid 1px #7ed0e0; }
#prop-downloads li{ float:left; clear: left; line-height:24px; height: 24px; }
#prop-downloads li a{ display: block; float: left; padding: 0 0 0 30px; text-decoration: none; color:#7ed0e0; font-size: 10px; background: url(/images/pdf.png) no-repeat 0% 50%;}
#prop-downloads li a span{ display: block; float: left; width: 253px; cursor: pointer;  }
#prop-downloads li a:hover{ color: #94785b;}

.prop-specs{ clear: left; width: 320px; margin: 0 0 20px 0;}
.prop-specs td{ padding: 3px 10px 3px 10px; font-size: 11px;}
.prop-specs .blue td{ color: #7ed0e0; border-bottom: solid 1px #7ed0e0;}
.prop-specs .brown td{ color: #94785b; border-bottom: solid 1px #94785b;}
.prop-specs .last{ border-bottom: 0px;}

#footer{ float:left; clear:both; padding:0 0 0 10px;}
#footer_info{ float:left; width:736px; color:#a78462; line-height:1.6em;}
#footer_info a{ color:#a78462; text-decoration:none;}
#footer_info a:hover{ color:#666666; text-decoration:underline;}
#fleft{ float:left; width:550px;}
#fright{ float:right; width:170px; text-align:right;}

/* page type specific */

.TYPE-1{ background: url(/images/contentbg.jpg) no-repeat bottom right; }

.TYPE-2 #content-left{ width: 412px; border-right: solid 1px #7ed0e0; margin: 10px 0 10px 0; }
.TYPE-2 #pagetextpad{ float:left; clear: both; padding: 35px 10px 16px 10px;}
.TYPE-2 h1{ width: 392px;}
.TYPE-2 #pageheading{ width: 392px;}
.TYPE-2 h2{ width: 392px;}
.TYPE-2 #pagetext{ width: 392px; color: #a68462;}
.TYPE-2 #pageheading{ padding:0 0 0 0;}
.TYPE-2 #content-right{ padding: 10px 0 0 0;}

/* page specific */

#rightcol .HOME{ background: transparent;}
.HOME #slideshow{ width:746px; height:426px;}
.HOME #bg{ width:746px; height:426px;}
.HOME #bg2{ width:746px; height:426px;}
.HOME #pageheading{ height:105px; text-align: center; background: url(/images/homepicfade.gif) repeat-x top left;}
.HOME #sscaption{ display: none;}
.HOME #pageheading h1{padding: 20px 0 0 0;}
#rightcol .HOME{border-bottom:0px;}

#mapbox, #maplarge{ width: 746px; height: 514px; float: left; clear: left; position: relative;}

#togglemap{ position: absolute; top: 528px; left: 510px; display: block; font-size: 10px; text-decoration: none; color: #7ed0e0; text-align: right; width: 236px; line-height: 32px;}
#togglemap span{ display: block; float:  right; padding: 0 0 0 24px; background: url(/images/masterplan/plus.gif) no-repeat 0% 50%;}
#togglemap span.level2{ background: url(/images/masterplan/minus.gif) no-repeat 0% 50%;}

#maplevel1{ z-index: 20; background: #81ccdd;}
#maplevel2{ z-index: 10;}
#maplevel1,#maplevel2,#maplarge1,#maplarge2{ position: absolute; top:0px; left: 0px; width: 746px; height: 514px;}
#maplarge1{ width: 553px;}

/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0;
        text-align: left;
	background : url(/images/map/tip.png) no-repeat top left;
        width: 167px;
        height: 173px;
	padding: 7px 0 0 6px;
        font-size: 12px;
        line-height: 15px;
}
#tooltip.thumbtip{background : url(/images/masterplan/tip.png) no-repeat top left; width: 167px; height: 194px; padding: 3px 0 0 7px;}
#tooltip.plaintip{background : url(/images/masterplan/plaintip.png) no-repeat top left; width: 167px; height: 50px; padding: 3px 0 0 7px;}

#tooltip h3, #tooltip div { margin: 0; font-weight: normal !important; color: #FFFFFF !important; }
#tooltip img{ padding: 2px 0 0 0;}

/* gallery */
#galcontainer{ float:left; width:746px; height:392px; position:relative;}
#carousel{ float:left;}
#carousel-holder{ float:left; clear:left; margin:28px 0 0 0; width:746px; height: 180px; position:relative;}
#carousel-thumbs li{ width: 143px; height:79px;}
#carousel-thumbs li.on a img{ border-bottom:solid 8px #83ccdd;}
#carousel-thumbs li a { float: left; display: block; width: 135px; height:71px; border-left:solid 4px #FFFFFF;}
#carousel-thumbs li a img{ float: left; width: 135px; height:71px;}
#carousel-prev{ float:left; padding:0px 0px 0 0px;}
#carousel-next{ float:left; padding:0px 0 0 0px;}
#carousel-prev a{ width:15px; height:71px; display:block; cursor:pointer; text-decoration:none; background:url(/images/left.jpg) no-repeat 100% 50%;}
#carousel-next a{ width:15px; height:71px; display:block; cursor:pointer; text-decoration:none; background:url(/images/right.jpg) no-repeat 0% 50%;}

/* forms */

.form1 form{ padding:5px 0 15px 0;}
.form1 fieldset {}
.form1 fieldset legend { font-weight:bold; font-size:1.4em; color: #0170b8; font-weight: bold; padding: 10px 0 20px 140px;}

.form1 label{float:left; clear: left; color: #7ed0e0; width: 180px; text-align: right !important; font-size: 1.1em; font-weight: bold; text-align:left; padding:0px 20px 0 0; line-height:20px;}
.form1 label.error{ margin:0px 0 3px 205px; padding:0 0 0 5px; width:220px; font-weight:normal; color:#94785b; text-align:left !important; font-size:11px;}

.form1 .dontwantit{ height: 1px; width: 1px; margin-left:-9999px; overflow: hidden;}
.form1 .row{ float: left; clear: left; width: 480px;}
.form1 .toppad{ padding: 5px 0 0 0;}

.form1 input{width: 220px; height:20px; font-size:12px !important; margin: 0 0 6px 0;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 3px 3px 3px #CCCCCC; -moz-box-shadow: 3px 3px 3px #CCCCCC; box-shadow: 3px 3px 3px #CCCCCC;}
.form1 textarea{width: 220px; height:80px; font-size:12px !important; font-family:Arial, Helvetica, sans-serif;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 3px 3px 3px #CCCCCC; -moz-box-shadow: 3px 3px 3px #CCCCCC; box-shadow: 3px 3px 3px #CCCCCC;}
.form1 select, .form1 input, .form1 textarea{ border:solid 1px #CCCCCC; padding:1px 3px 1px 3px; font-size:1.2em; color:#333333;}
.form1 select{padding:1px 0px 1px 3px;}
.form1 .radio{ width:auto;}
.form1 .checkbox{ width:auto;}

.form1 .submit{ margin: 6px 0 0 200px; padding: 0px; font-size: 14px; font-weight: bold; background:#FFFFFF; color:#7ed0e0; height: 25px; line-height: 25px; cursor:pointer; width:100px;}

.form1 span{}