/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li, legend, caption{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  text-shadow: #000000 0 0 0px;
}
strong{font-weight:bold;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a{outline:none;}

body{
	padding:0;
	margin:0 auto;
	text-align:center;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	background:#191919;
	line-height: 1.5;
}

/*-------------------
Main Text Formating
---------------------*/
p  { font-size:0.75em;  /* 16x0.75=12 */ }

h1{margin:0 0 10px 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#004781;
}

h4{font-size:14px;
	margin:0 0 5px 30px;
}

h5{margin:0 0 5px 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#004781;
}

p{
	color:#4d4d4d;
	padding:0 30px 0 30px;
	line-height: 1.25;
	margin-bottom: 15px;
	margin-top:0;
   }
   
p.noIndent{
	text-indent:0em;
}

p a{
	color:#4d4d4d;
	border-bottom:1px dotted #4d4d4d;
	text-decoration:none;
}
	p a:hover{
		color:#08415f;
		border-bottom:1px solid #08415f;
		text-decoration:none;
	}
	
ul{
	color:#4d4d4d;
	padding:0 30px 0 30px;
	line-height: 1.25;
	margin-bottom: 15px;
	margin-top:0;
	list-style-type:none;
}

li{
	margin:0;
	font-size:0.75em;
	background:url(../images/li.jpg) no-repeat;
	background-position:0 3px;
	padding:0 0 0 15px;
	margin-bottom:5px;
}

.pdfLink{
	background:url(../images/pdf.jpg) no-repeat top left;
	padding:1px 0 2px 18px;
}

/*-------------------
Quick Classes
---------------------*/

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

/*-------------------
Header
---------------------*/

#wrap{
	width:100%;
	background:url(../images/bg.jpg) repeat top left;
	margin:0 auto;
}

#header{
	width:100%;
	background:url(../images/topbg.jpg) repeat-x top left;
	margin:0 auto;
	height:163px;
}

#headerwrap{
	width:960px;
	_width:970px;
	height:163px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	background:url(../images/headerbg.jpg) no-repeat top right;
	}

#headerimg{
	position:absolute;
	top:0;
	right:-30px;
}

#content{
	width:960px;
	_width:970px;
	margin:0 auto;
}

#contentleft{
	float:left;
	width:658px;
	background:url(../images/contentbg.jpg) repeat-y #fff;
	text-align:left;
	min-height:480px;
	_height:480px;
}

#contentright{
	float:right;
	width:293px;
	text-align:left;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS </p></div>able */
	width:130px;
	padding: 0;
	border:1px solid #111;
	background:url(../images/popup.png);
	text-align: center;
}

.popup p{
	color:#fff;
	padding: 0;
	margin: 10px 20px 10px 0;
}


#navigation{
	width:658px;
	height:78px;
	background:url(../images/navbg.jpg) repeat-x;
	margin-bottom:20px;
}

#navigationSides{
	width:654px;
	_width:649px;
	height:78px;
	background:url(../images/navsides.gif) no-repeat;
	padding:9px 0 0 9px;

}

#rightimgHolder{
	width:294px;
	height:336px;
	background:url(../images/rightimgbg.jpg) no-repeat;
	display:block;
	margin-top:9px;
	padding:7px;
}

#rightImg{
	margin-bottom:8px;
}

#subnav {
	margin: 0;
	padding: 0;
}

#subnav li {
	list-style-type: none;
	background: none;
	display: block;
	margin: 0;
	padding: 0;
	width: 280px;
}

#subnav li a {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 10px;
	margin: 0;
}

#subnav li a:hover {
	color: #ffffff;
	display: block;
	background: #08415f;
	text-decoration: none;
	padding: 5px 0 5px 10px;
	margin: 0;
}

#footer{
	width:100%;
	height:50px;
	background:url(../images/footerbg.jpg) top repeat-x;
	margin:0 auto;
}

#footerwrap{
	width:960px;
	_width:970px;
	margin:0 auto;
}

#footerwrap p{
	color:#fff;
	font-size:.625em;
}

#footerleft{
	float:left;
	width:658px;
	padding-top:25px;
	background:url(../images/bottomcontent.jpg) no-repeat;
}

#footerwrap p a{
	color:#fff;
	border-bottom:1px dotted #fff;
	text-decoration:none;
}
	#footerwrap p a:hover{
		color:#fff;
		border-bottom:1px solid #fff;
		text-decoration:none;
	}

/* NAVIGATION */

#navigation span{ display:none;}

.btn1bg, a.btn1,
.btn2bg, a.btn2,
.btn3bg, a.btn3,
.btn4bg, a.btn4,
.btn5bg, a.btn5,
.btn6bg, a.btn6,
.btn7bg, a.btn7{
	height:69px;
	display:block;
	float:left;
}

.btn1bg, a.btn1{
	width:70px;
	background:url(../images/nav/home.jpg) no-repeat top left;
}
.btn2bg, a.btn2{
	width:86px;
	background:url(../images/nav/siteplan.jpg) no-repeat top left;
}
.btn3bg, a.btn3{
	width:93px;
	background:url(../images/nav/location.jpg) no-repeat top left;
}
.btn4bg, a.btn4{
	width:100px;
	background:url(../images/nav/abouthedev.jpg) no-repeat top left;
}
.btn5bg, a.btn5{
	width:86px;
	background:url(../images/nav/gallery.jpg) no-repeat top left;
}
.btn6bg, a.btn6{
	width:103px;
	background:url(../images/nav/doccenter.jpg) no-repeat top left;
}
.btn7bg, a.btn7{
	width:102px;
	background:url(../images/nav/contact.jpg) no-repeat top left;
}

.btn1:hover,
.btn2:hover,
.btn3:hover,
.btn4:hover,
.btn5:hover,
.btn6:hover,
.btn7:hover{
	background-position:top right;
}

body.overview #navigation a.btn1,
body.siteplan #navigation a.btn2,
body.location #navigation a.btn3,
body.aboutdev #navigation a.btn4,
body.gallery #navigation a.btn5,
body.documentcenter #navigation a.btn6,
body.contact #navigation a.btn7{
	background-position:bottom left;
}


#pdfbuttons{
	width:293px;
	height:50px;
	display:block;
	background:url(../images/nav/pdfbtns.jpg) no-repeat bottom left;
	margin-top:9px;
	position:relative;
}

#pdfbuttons span{display:none;}

.floorplans{
	width:147px;
	height:50px;
	display:block;
	float:left;
	background:url(../images/nav/pdfbtns.jpg) top left no-repeat;
}

.floorplans:hover{
	background-position:bottom left;
}

.brochure{
	width:146px;
	height:50px;
	display:block;
	float:left;
	background:url(../images/nav/pdfbtns.jpg) top right no-repeat;
}

.brochure:hover{
	background-position:bottom right;
}

.documentCenter{
	width:293px;
	height:50px;
	display:block;
	background:url(../images/nav/doccenterNew.jpg) no-repeat top left;
	margin-top:0;
	position:relative;
}

.documentCenter:hover{
	background:url(../images/nav/doccenterNew.jpg) no-repeat bottom left;
}

.documentCenter span{
	display:none;
}

#googleMap{
	margin:0 30px 10px 30px;
	display:inline;
	clear:both;
}

a.availbtn {
	background:#cccccc;
	border:1px solid #eeeeee;
	color:#666666;
	display:block;
	font-size:12px;
	padding:5px 20px 5px;
	margin: 0;
	text-decoration:none;
	position: absolute;
	top: -40px;
	right: 20px;
}

a.availbtn:hover {
	color: #053C5A;
	border:1px solid #053C5A;
}

/* GALLERY */

#galleryImgHolder{
	padding:0 0px 0 25px;
}

.galleryHolder{
	margin:0 0 10px 30px;
}

.galleryImg{
	padding:4px;
	border:1px solid #808080;
	background:url(../images/gallerybg.jpg) bottom left repeat-x #ececec;
	text-align:left;
	display:block;
	width:133px;
	float:left;
	margin:0 10px 10px 0;
}

.galleryThumb{
	border:1px solid #808080;
	margin:0 0 4px 0;
}

.galleryImg p{
	text-indent:0;
	padding:0;
	margin:0;
}

/* Form */

.formHolder{
	margin:0 30px 10px 10px;
	float:right;
}

.formHolder input{
	border:1px solid #999999;
	background:url(../images/form.gif) no-repeat #fff;
	color:#4d4d4d;
	padding:5px;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.formHolder input:hover{
	border:1px solid #333333;
	color:#333333;
}

.formHolder textarea{
	border:1px solid #999999;
	background:url(../images/form.gif) no-repeat #fff;
	padding:5px;
	color:#4d4d4d;
	width:250px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
}

.formHolder textarea:hover{
	border:1px solid #333333;
	color:#333333;
}

.formHolder #formSend{
	width:75px;
	text-align:center;
	cursor:pointer;
}

textarea {
	font-size: 13px;
}

#flashSiteplan{
	padding:4px;
	width:620px;
	background:#CCCCCC;
	border:1px solid #999999;
	margin:0 0 0 14px;
}

#video{
	display:block;
	width:504px;
	margin:0 0 10px 70px;
	padding:10px;
	background:url(../images/videobg.jpg) repeat-x #cfcfcf;
	border:1px solid #b2b2b2;
}

#video p{
	color:#4d4d4d;
	padding:15px 0 0 0;
	margin:0;
	font-family: Cambria, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}

.special{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23px;
	font-style: normal;
	font-weight: bold;
	text-decoration:underline;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color:#004781;
}

.smallSpecial{
	font-size:20px;
	font-weight: bold;
	text-decoration:none;
	color:#004781;
	}

.highlight{
	color:#202020;
}