/* global classes ------------------------------------------------------------------------------- */
body {
	background-color: #CED3AD;
	margin: 17px 0px 17px 0px;
	font-family:Arial;
	font-size: 14px;
	color: #333333;
}
hr {
	height:1px;
	color: #818895;
	border:0px;
	margin:15px 15px;
}
h1 {
	color:#333333;
	font-size: 28px;
	font-weight: normal;
	line-height: 28px;
	margin: 0px 0px 15px 20px;
	padding:0px 0px 0px 130px;
	border-bottom: solid 1px #333333;
}
button {font-size:14px;}
select {font-size:14px;}
input {font-size:14px;}
input[type="text"], textarea {background-color: #FFFFCE; border: #004080 solid 1px;}
a:link,a:visited{color:#0033aa; text-decoration:none;}
a:hover{color:#0033aa; text-decoration:underline;}

/* page classes ------------------------------------------------------------------------------- */
#identity {visibility:hidden; position:absolute; top:0; left:0;}

#wrapper {
	position:relative;
	margin: auto;
	width:893px;
	height:100%;
	background-color: #ffffff;
	border: 1px solid #003300;
	}
.logo {
	position:absolute;
	top:10px;
	left:40px;
	z-index:9;
	border:none;
	}
#addr {
	position:absolute;
	top:20px;
	right:20px;
	z-index:10;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	background-color:#003300;
	padding:6px 6px 6px 6px;
	border:#FFFFFF solid 1px;
	}
#content{
	position:relative;
	background-color: #ffffff;
	clear: both;
	overflow: hidden;
	height:100%;
	margin:0px 0px 0px 0px;
	padding: 350px 18px 20px 18px;
	background-repeat:no-repeat;	
	}
#footer {
	position:relative;
	clear: both;
	border-top: 10px solid #003300;
	text-align: center;
	font-size: 10px;
	padding: 10px 0px 10px 0px;
	color: #333333;
	}
#counter {
	text-align:center;
	color: #666666;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	padding:2px 0px 10px 0px;
	}
#left {
	float: left;
	width: 180px;
	height: 100%;
	}
#center {
	padding-left: 8px;
	padding-top:8px;
	padding-right:8px;
	padding-bottom:8px;
	margin-top:0px;
	float: left;
	width:600px;
	height: 100%;
	}
#right {
	height: 100%;
}
	
/* navbar classes ------------------------------------------------------------------------------- */
#bar {
	position:absolute;
	top: 118px;
	left:0px;
	z-index:-1;
	width:100%;
	background-color:#003300;
	text-align:right;
	padding: 3px 0px 3px 0px;
	font-family:Arial;
	font-size:14px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	display:none;
}
#navbar {
	position:absolute;
	top: 100px;
	left:0px;
	z-index:1;
	width:100%;
	background-color: #003300;
	text-align:right;
	padding: 4px 0px 4px 0px;
	font-family:Arial;
	font-size:14px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#navbar ul {
	list-style: none;
	border: none;
	display: inline;
} 
#navbar li {
	list-style: none;
	display: inline;
	padding: 4px 10px 4px 10px;
	border-left: 1px solid #ffffff;
}
#navbar li a {
	display: inline;
	color: #ffffff;
	text-decoration: none;
}
html>body #navbar li a {
	width: auto;
}
#navbar li:hover {
	background-color: #469720;
}
.selectedTab {
	background-color: #990000;
}
	
/* map classes ------------------------------------------------------------------------------- */
#map {
	visibility:hidden;
	background-color:#FFFFFF;
	position:absolute;
	top:400px;
	left:20px;
	padding:10px 10px 10px 10px;
	border:#000000 solid 1px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135);
}

/* blurb classes ------------------------------------------------------------------------------- */

.blurb {position:absolute;}
.blurb p:first-letter {
	color: #003300;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:xx-large;
}

.divtxt{position:absolute}

.photo {
	position:absolute;
	background-color:#FFFFFF;
	padding: 8px 8px 8px 8px;
	border-top:#666666 solid 1px;
	border-right:#666666 solid 1px;
	border-bottom:#666666 solid 1px;
	border-left:#666666 solid 1px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135);
}

.lotphoto {
	background-color:#FFFFFF;
	padding: 8px 8px 8px 8px;
	border-top:#666666 solid 1px;
	border-right:#666666 solid 1px;
	border-bottom:#666666 solid 1px;
	border-left:#666666 solid 1px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135);
}

.red{color:#f00}
th{padding:0 8px 0 8px;border:#ccc solid 0px; background:#006;color:#fff}
td{padding:0 8px 0 8px;border:#ccc solid 1px}
table{}

/* photo classes ------------------------------------------------------------------------------- */
#home {height:740px;}
#home #blurb1 {top:350px; left:20px; width:430px;}
#home #blurb2 {top:490px; right:20px; width:340px;}
#home #blurb3 {top:844px; left:20px; width:489px;}
#home #photo1 {top:200px; right:20px;}
#home #photo2 {top:484px; left:20px;}
#home #photo3 {top:590px; right:20px;}
#home #photo4 {top:839px; left:70px;}

#cranepoint {height:2420px;}
#cranepoint #blurb1 {top:350px; left:20px; width:430px;}
#cranepoint #blurb2 {top:490px; right:20px; width:340px;}
#cranepoint #blurb3 {top:844px; left:20px; width:489px;}
#cranepoint #blurb4 {top:1140px; right:20px; width:338px;}
#cranepoint #blurb5 {top:1310px; left:20px; width:345px;}
#cranepoint #photo1 {top:200px; right:20px;}
#cranepoint #photo2 {top:484px; left:20px;}
#cranepoint #photo3 {top:641px; right:20px;}
#cranepoint #photo4 {top:970px; left:20px;}
#cranepoint #photo5 {top:1250px; right:20px;}
#cranepoint #photo6 {top:1610px; left:15px;}
#cranepoint #lotsmap {top:1930px; left:60px;}
#cranepoint #waterlots {top:2470px; left:90px;}
#cranepoint #insidelots {top:2470px; right:90px;}

#laurel {height:1120px;}
#laurel #blurb1 {top:350px; left:20px; width:430px;}
#laurel #blurb2 {top:490px; right:20px; width:340px;}
#laurel #blurb3 {top:860px; left:20px; width:489px;}
#laurel #blurb4 {top:1280px; left:20px; width:338px;}
#laurel #photo1 {top:200px; right:20px;}
#laurel #photo2 {top:530px; left:20px;}
#laurel #photo3 {top:670px; right:20px;}
#laurel #photo4 {top:950px; left:20px;}
#laurel #photo5 {top:1195px; right:20px;}

#lingle {height:1630px;}
#lingle #blurb1 {top:330px; left:20px; width:430px;}
#lingle #blurb2 {top:490px; right:20px; width:340px;}
#lingle #blurb3 {top:840px; left:20px; width:489px;}
#lingle #blurb4 {top:1100px; right:20px; width:338px;}
#lingle #blurb5 {top:1290px; left:20px; width:345px;}
#lingle #blurb6 {top:1850px; left:20px; width:800px;}
#lingle #photo1 {top:200px; right:20px;}
#lingle #photo2 {top:490px; left:20px;}
#lingle #photo3 {top:596px; right:20px;}
#lingle #photo4 {top:914px; left:20px;}
#lingle #photo5 {top:1190px; right:20px;}
#lingle #photo6 {top:1550px; left:20px;}

#residential {height:1200px;}
#residential #blurb1 {top:350px; left:20px; width:430px;}
#residential #blurb2 {top:490px; right:20px; width:340px;}
#residential #blurb3 {top:1080px; right:20px; width:338px;}
#residential #blurb4 {top:1350px; left:20px; width:345px;}
#residential #photo1 {top:200px; right:20px;}
#residential #photo2 {top:484px; left:20px;}
#residential #photo3 {top:750px; right:20px;}
#residential #photo4 {top:1000px; left:20px;}
#residential #photo5 {top:1200px; right:20px;}
#residential #photo6 {top:1550px; left:20px;}

#commercial {height:980px;}
#commercial #blurb1 {top:330px; left:20px; width:430px;}
#commercial #blurb2 {top:490px; right:20px; width:340px;}
#commercial #blurb3 {top:1200px; left:20px; width:820px;}
#commercial #photo1 {top:200px; right:20px;}
#commercial #photo2 {top:508px; left:20px;}
#commercial #photo3 {top:674px; right:20px;}
#commercial #photo4 {top:870px; left:20px;}

#bio {height:870px;}
#bio #blurb1 {top:350px; left:20px; width:430px;}
#bio #blurb2 {top:490px; right:20px; width:340px;}
#bio #blurb3 {top:844px; left:20px; width:489px;}
#bio #photo1 {top:200px; right:20px;}
#bio #photo2 {top:510px; left:20px;}
#bio #photo3 {top:700px; right:20px;}


#hrla1 {top:200px; right:20px;}
#hrla2 {top:484px; left:20px;}
#hrla3 {top:611px; right:20px;}
#hrla4 {top:839px; left:70px;}
#hrla5 {top:1130px; right:20px;}







