*{padding:0; margin:0;text-shadow: #000000 0 0 0px;}
img{border:none;}
.clear{clear:both;}
html{margin:0; padding:0;}
a{outline:none;}
.fleft{float:left;}
.fright{float:right;}

body{
	padding:0;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#272727;
	background:#dfdfdf;
}

#topbar{
	width:100%;
	height:133px;
	background:url(../images/topbg.jpg) repeat-x #d2d2d2;
	margin:0 auto;
}

#topbarwrap{
	width:960px;
	height:133px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#logo{
	position:absolute;
	top:14px;
	left:0;
}

#tagline{
	position:absolute;
	top:7px;
	right:0;
}

#middlebar{
	width:100%;
	background:url(../images/middlebg.jpg) repeat-x #003e7e;
	margin:0 auto;
}

#middlebarwrap{
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding:10px 0 10px 0;
}

body.overview #middlebarwrap{
}

#middlebarleft{
	width:540px;
	padding-top:10px;
}

#middlebarleft p{
	color:#fff;
	font-size:12px;
	margin-bottom:14px;
}

.special{
	font-size:22px;
	font-weight:bold;
}

#rightbox{
	display:block;
	width:382px;
	height:186px;
	border:1px solid #416f9f;
	padding:5px;
	position:absolute;
	top:10px;
	right:0;
}
#rightboxcontent{
	width:362px;
	display:block;
	position:absolute;
	background:#000;
	z-index:9999;
	left:5px;
	bottom:5px;
	opacity:0.7;
	filter:alpha(opacity=70);
	padding:5px 10px;
}

#rightboxcontent a.readmore{
	position:absolute;
	bottom:10px;
	right:5px;
	color:#fff;
	opacity:1;
	filter:alpha(opacity=100);
}


#rightboxcontent a.readmore:hover{
	text-decoration:none;
}

#rightboxcontent p{
	color:#fff;
	font-size:11px;
	margin-bottom:5px;
	opacity:1;
	filter:alpha(opacity=100);
}

#rightbox img{
	position:absolute;
	top:5;
	left:5;
	z-index:5;
}


#mainbuttons{
	float:right;
	width:410px;
	height:30px;
	display:block;
}

.homeMainButtons {
	margin-top: 20px;
}

body.overview a.learnmorebtn, body.overview a.brochurebtn{
	width:197px;
	height:29px;
	display:block;
	float:right;
	margin-left:3px;
	margin-top:-5px;
}

a.learnmorebtn, a.brochurebtn, a.constructionbtn{
	width:197px;
	height:29px;
	display:block;
	float:right;
	margin-left:3px;
	margin-top:4px;
}

a.constructionbtn{
width:161px;
}

a.learnmorebtn span, a.brochurebtn span, a.constructionbtn span{display:none;}
a.learnmorebtn{background:url(../images/nav/learnmorebtn.jpg) top left no-repeat;}
a.learnmorebtn:hover{background:url(../images/nav/learnmorebtn.jpg) bottom left no-repeat;}
a.brochurebtn{background:url(../images/nav/brochurebtn.jpg) top left no-repeat;}
a.brochurebtn:hover{background:url(../images/nav/brochurebtn.jpg) bottom left no-repeat;}
a.constructionbtn{background:url(../images/nav/phaseIphotos.jpg) top left no-repeat;}
a.constructionbtn:hover{background:url(../images/nav/phaseIphotos.jpg) bottom left no-repeat;}


#contentbar1, #contentbar2{
	width:100%;
	margin:0 auto;
}

#contentbar1{background:url(../images/contentbottom.jpg) bottom left repeat-x #e8e8e8;}
body.overview #contentbar2{background:url(../images/contenttop.jpg) top left repeat-x;}
#contentbar2{background:url(../images/contenttop2.jpg) top left repeat-x;}

#contentbarwrap{
	width:960px;
	min-height:150px;
	_height:150px;
	margin:0 auto;
	text-align:left;
}

#contentleft{
	float:left;
	width:540px;
	padding-top:20px;
}

#contentleftlarge{
	float:left;
	width:670px;
	padding-top:20px;
}

#contentleftsmall{
	float:left;
	width:385px;
	padding-top:20px;
}

#contentright{
	background:#dbdbdb;
	width:385px;
	border:1px solid #8b8b8b;
	float:right;
	margin:25px 0;
	padding:4px;
}

#contentrightlarge{
	background:#dbdbdb;
	width:560px;
	border:1px solid #8b8b8b;
	float:right;
	margin:25px 0;
	padding:4px;
}

#contentlefthalf{
	float:left;
	width:49%;
	padding-top:20px;
}

#contentfull{
	width:100%;
	padding-top:20px;
}

body.update #contentfull{
	width:100%;
	padding:20px 0 0 40px;
}

#contentrighthalf{
	background:#dbdbdb;
	width:49%;
	border:1px solid #8b8b8b;
	float:right;
	margin:25px 0 10px 0;
	padding:4px;
}

#contentlefttitle{
	height:33px;
	padding:17px 0 0 0;
	margin-top:-20px;
	width:100%;
	display:block;
	vertical-align:middle;
	margin-bottom:15px;
}

#contentlefttitle img{
	float:left;
}

.centerImages {
	margin-left: auto;
	margin-right: auto;
	width: 382px;
}

li{
	font-size:12px;
	background:url(../images/libg.jpg) no-repeat;
	list-style:none;
	padding:0 0 0 28px;
	margin-bottom:10px;
}

p{
	font-size:12px;
	margin-bottom:10px;
}

p i{
	text-decoration:underline;
	font-style:normal;
}

p a{
	color:#003d7c;
	text-decoration:underline;
}

p a:hover{
	background:#003d7c;
	text-decoration:none;
	color:#fff;
}

table a{
	color:#003d7c;
	text-decoration:underline;
}

table a:hover{
	background:#003d7c;
	text-decoration:none;
	color:#fff;
}

h1{
	color:#003d7c;
	font-size:14px;
	margin-bottom:5px;
}

table{
	font-size:12px;
}

table td{
	padding:0 2px;
}

#footerbar{
	width:100%;
	height:73px;
	background:url(../images/footerbg.jpg) repeat-x;
}

#footerbarwrap{
	width:960px;
	height:73px;
	margin:0 auto;
	text-align:center;
}

#footerbarwrap p{
	padding-top:20px;
	font-size:10px;
}

#footerbarwrap p a{
	color:#4d4d4d;
	text-decoration:underline;
}

#footerbarwrap p a:hover{
	background:#4d4d4d;
	text-decoration:none;
	color:#d7d7d7;
}

#tpalogo{
	float:left;
	margin:15px 0px 0 0;
}

#resourcelogo{
	float:right;
	margin:15px 0px 0 0;
}

/**** NAVIGATION ****/

#navigation{
	width:800px;
	height:44px;
	position:absolute;
	bottom:0; left:0;
	_bottom:-1px;
}

#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:44px;
	display:block;
	float:left;
}

.btn1bg, a.btn1{
	width:77px;
	background:url(../images/nav/home.jpg) no-repeat top left;
}
.btn2bg, a.btn2{
	width:114px;
	background:url(../images/nav/master.jpg) no-repeat top left;
}
.btn3bg, a.btn3{
	width:86px;
	background:url(../images/nav/phase1.jpg) no-repeat top left;
}
.btn4bg, a.btn4{
	width:77px;
	background:url(../images/nav/aerial.jpg) no-repeat top left;
}
.btn5bg, a.btn5{
	width:88px;
	background:url(../images/nav/location.jpg) no-repeat top left;
}
.btn6bg, a.btn6{
	width:167px;
	background:url(../images/nav/aboutthedev.jpg) no-repeat top left;
}
.btn7bg, a.btn7{
	width:95px;
	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:bottom left;
}

#adminnav{
	margin:10px 0 10px 0;
}

#adminnav a span{
	padding: 5px 8px;
	font-size:1.1em;
	background:#003C82;
	border:1px solid #fff;
	text-decoration:none;
	color:#fff;
}

#adminnav a:hover span{
	padding: 5px 8px;
	font-size:1.1em;
	background:#fff;
	border:1px solid #fff;
	color:#003C82;
}

.altRow{
	background:#D7D7D7;
}

body.overview #navigation a.btn1,
body.masterplan #navigation a.btn2,
body.phase1 #navigation a.btn3,
body.aerial #navigation a.btn4,
body.location #navigation a.btn5,
body.aboutthedeveloper #navigation a.btn6,
body.contact #navigation a.btn7{
	background-position:top right;
}

#aeriallarge{
	width:960px;
	height:600px;
	display:block;
	padding:4px;
	border:1px solid #8b8b8b;
}

#aerialsmall{
	width:385px;
	height:331px;
	display:block;
}

#locationswf{
	width:560px;
	height:378px;
	display:block;
}

.pdfbtn{
	background:url(../images/pdficon.gif) no-repeat #dbdbdb;
	background-position:4px 3px;
	border:1px solid #8b8b8b;
	color:#666;
	font-size:11px;
	text-decoration:none;
	float:right;
	padding:5px 5px 5px 24px;
	display:block;
	margin:-34px 0 0 0;
	_margin:-35px 0 0 0;
}

.pdfbtn:hover{
	background:url(../images/pdficon.gif) no-repeat #CCCCCC;
	border:1px solid #333;
	background-position:4px 3px;
	color:#333333;
	font-size:11px;
	text-decoration:none;
	float:right;
	display:block;
	padding:5px 5px 5px 24px;
}

#updatecon{
	background:#e0e0e0;
	border:1px solid #b8b8b8;
	display:block;
	position:relative;
	width:100%;
	height:35px;
}

#updatebox{
	border:none;
	background:#e0e0e0;
	font-size:12px;
	width:420px;
	padding:10px 10px 10px 10px;
}

#btnUpdateSubmit{
	width:80px;
	height:25px;
	background:url(../images/post.gif) no-repeat;
	border:none;
	display:block;
	cursor:pointer;
	position:absolute;
	top:5px; right:5px;
}

#updatedbox{
	border:1px solid #f3bc90;
	background:#fffed7;
	position:relative;
	padding:5px 10px;
	margin-top:7px;
	overflow:visible;
}

#updatearrow{
	position:absolute;
	top:-6px;
	left:6px;
}

a.addphoto{
   border-top:1px solid #fff;
   border-left:1px solid #fff;
   border-bottom:1px solid #555;
   border-right:1px solid #555;
   color:#333;
   text-decoration:none;
   display:block;
   padding:4px 10px 4px 10px;
   font-size:12px;
   background:#ddd;
   width:35%;
   text-align:center;
   margin-bottom:10px;
}

a.addphoto:hover{
   border-top:1px solid #555;
   border-left:1px solid #555;
   border-bottom:1px solid #fff;
   border-right:1px solid #fff;
   color:#333333;
   text-decoration:none;
   display:block;
   padding:4px 10px 4px 10px;
   font-size:12px;
   background:#ddd;
   margin-bottom:10px;
}



#rightbox1{
	display:block;
	width:382px;
	height:186px;
	background:#dbdbdb;
	border:1px solid #8b8b8b;
	padding:5px;
 	float:right;
	position:relative;
	margin:5px 0 0 0;
}
#rightboxcontent1{
	width:362px;
	display:block;
	position:absolute;
	background:#000;
	z-index:5000;
	left:5px;
	bottom:5px;
	opacity:0.7;
	filter:alpha(opacity=70);
	padding:5px 10px;
}

#rightboxcontent1 a.readmore{
 	float:right;
	bottom:10px;
	right:5px;
	color:#fff;
	opacity:1;
	filter:alpha(opacity=100);
}


#rightboxcontent1 a.readmore:hover{
	text-decoration:none;
}

#rightboxcontent1 p{
	color:#fff;
	font-size:11px;
	margin-bottom:5px;
	opacity:1;
	filter:alpha(opacity=100);
}

#rightbox1 img{
	position:absolute;
	top:5;
	left:5;
	z-index:5;
}

a.pictureboxholder{
	padding:4px;
	width:150px;
	background:#dbdbdb;
	border:1px solid #8b8b8b;
	height: 170px;
	display:block;
	float:left;
	margin:0 10px 10px 0;
	text-decoration:none;
}

a.pictureboxholder:hover{
	padding:4px;
	width:150px;
	background:#dbdbdb;
	border:1px solid #333333;
	display:block;
	text-decoration:none;
}

a.pictureboxholder .imgHolder {
	width: 150px;
	height: 150px;

}

a.pictureboxholder img{
	margin-bottom:5px;

}

a.pictureboxholder p{
	font-size:11px;
	margin-top: 5px;
	color:#333;
	border:none;
	text-decoration:none;
}

.maplink{
	padding:4px;
	background:#dbdbdb;
	border:1px solid #8b8b8b;
	width:94px;
	display:block;
}

.maplink:hover{
	padding:4px;
	background:#dbdbdb;
	border:1px solid #333333;
	display:block;
	width:94px;
}

.imgborder{
	background:#dbdbdb;
	border:1px solid #8b8b8b;
	padding:4px;
	display:block;
	float:right;
}