html,body {
	margin:0;
	padding:0
	}
	
body {
	font: 76% arial,sans-serif;
	text-align:center;
	background-color:#f0f0f0;
	}
	
p {
	margin:0 10px 10px;
padding-left: 15px;

	}
a {
	display:block;
	color: #687819;
	}

ul {
        list-style: square;
	top:379px;
	width:260px;
	padding-left:2em;
	font-size:11px;
	font-family:'Trebuchet MS';
	text-align: left;
	color: #45555f;
	line-height: 166.66666666666669%;
	padding-top:1px;
	padding-bottom:2px;
	list-style-position: inside;
margin-left:0px;
}

li.list {
margin-left: 18px;
text-indent: 14px;
list-style-position: inside;
	text-indent: -14px;



}
	
div#header h1 {
	height:80px;
	line-height:80px;
	margin:0;
  padding-left:10px;
  background: #EEE;
  color: #79B30B
  }
  
div#container {
	text-align:center;
	}
	
div#content p{}

div#navigation {
	background:#B9CAFF
	} 
	
div#extra{
	background:#FF8539
	}
	
div#footer {
	background: #f0f0f0;
	color: #999999
	}
	
div#footer p{
	margin:0;
	padding:5px 10px
	}

div#container {
	width:800px;
	margin:0 auto;  
	padding-top:10px
	}
	
div#wrapper {
	float:left;
	width:100%;
	background-color:#ffffff; 
	padding-bottom:20px;
border: 1px solid #999999;
	}
	
div#content {
	margin: 28px; 
	padding-bottom:50px
	}
	
div#top {
	margin: 0
	}

div#photoarea {
	margin: 0;
	float:left;
	width:492px; 
	margin-top:60px;
	}

div#photoarea_large {
	margin: 0;
	float:left;
	width:447px; 
        height:349px;
	margin-top:60px;
left:45px;
	}

div#photoarea_residential {
	margin: 0;
	float:left;
	margin-top:20px;
margin-left:45px;
	}

div#photoarea_principal {
	margin: 0;
	float:left;
	width:263px; 
	margin-top:-360px;
margin-left:460px;

	}

div#photoarea_koval{
	margin: 0;
	float:left;
	width:263px; 
	margin-top:-400px;
margin-left:460px;

	}


div#blogarea {
	margin: 0;
	float:left;
	width:392px; 
	margin-top:60px

	}

div#blogarea_community {
	margin: 0;
	float:left;
	width:500px; 
	margin-top:25px;
margin-left: 150px;
	}
	
div#bodyarea {
	float:left;
	width:266px;
	margin-left:-150px; 
	margin-top:160px
	}
	
div#bodyarea_principal {
	float:left;
	width:700px;
	}

div#extra {
	float:left;
	width:150px;
	margin-left:-150px
	} 
	
div#footer {
	clear:left;
	width:100%
	}


.footertext 	{
	margin-bottom:0px;
	font-size:10px;
	font-family:Times New Roman, Times, serif;
	text-align: center;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:4px;
	padding-bottom:4px;
        text-transform: uppercase; 

}

.clickhere 	{
	left:91px;
	top:400px;
width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:63px;
	padding-bottom:0px;

}


.clickhere_horizon {
	left:91px;
	top:300px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:4px;
	padding-bottom:0px;

}

.clickhere_pitchfork 	{
	left:91px;
	top:400px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:4px;
	padding-bottom:0px;

}

.clickhere_pearlstreetcove {
	left:91px;
	top:400px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:40px;
	padding-bottom:0px;

}

.clickhere_northstar {
	left:91px;
	top:400px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:23px;
	padding-bottom:0px;

}

.clickhere_1505 {
	left:91px;
	top:380px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:13px;
	padding-bottom:0px;

}

.clickhere_pennyflats {
	left:91px;
	top:400px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:43px;
	padding-bottom:0px;

}

.clickhere_12maples {
	left:91px;
	top:400px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:23px;
	padding-bottom:0px;

}

.clickhere_sterling {
	left:91px;
	top:400px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:90px;
	padding-bottom:0px;

}

.clickhere_century {
	left:91px;
	top:400px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:70px;
	padding-bottom:0px;

}

.clickhere_redoak {
	left:91px;
	top:400px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:11px;
	padding-bottom:0px;

}

.clickhere_grr{
	left:91px;
	top:400px;
       width:303px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:43px;
	padding-bottom:0px;

}

.back{
	left:500px;
	top:40px;
	width:437px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: right;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:20px;
	padding-bottom:0px;

}

a.back{
	left:500px;
	top:40px;
	width:80px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: right;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:20px;
	padding-bottom:0px;
float:right;

}

a.previous{
	left:450px;
	top:40px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: right;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:20px;
	padding-bottom:0px;
float:left;

}

a.back_principals {
	left:750px;
	top:10px;
	width:80px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Times New Roman, Times, serif;
	text-align: right;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:20px;
	padding-bottom:0px;
float: right;

}


.titletextsm 	{
	left:91px;
	top:350px;
	width:265px;
	margin-bottom:0px;
	font-size:16px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:0px;
	padding-bottom:2px;

}


.titletext2 	{
	left:91px;
	top:350px;
	width:265px;
	margin-bottom:0px;
	font-size:16px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:1px;
	padding-bottom:1px;
        text-transform: uppercase; 

}

.titletext 	{
	left:91px;
	top:350px;
	width:365px;
	margin-bottom:0px;
	font-size:16px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:1px;
	padding-bottom:4px;
        text-transform: uppercase; 

}
.Txt_Coburn {
	left:91px;
	top:379px;
	width:280px;
	margin-bottom:0px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: justify;
	color: #45555f;
	line-height: 166.66666666666669%;
	padding-top:1px;
	padding-bottom:2px;

}

div#credit {
	
	font-size:10px;
	font-family:'Trebuchet MS';
	text-align: justify;
	color: #45555f;

}

.community_intro {
	left:11px;
	top:379px;
	width:750px;
	margin-bottom:0px;
	font-size:11px;
	font-family:'Trebuchet MS';
	text-align: justify;
	color: #45555f;
	line-height: 166.66666666666669%;
	padding-top:1px;
	padding-bottom:10px;

}


.directory {
	left:91px;
	top:379px;
	width:680px;
	margin-bottom:0px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: left;
	color: #45555f;
	padding-left:22px;

	padding-right:60px;

}

.titletextwide 	{
	left:91px;
	top:350px;
	width:665px;
	margin-bottom:0px;
	font-size:16px;
	font-family:Times New Roman, Times, serif;
	text-align: left;
	color: #677718;
	line-height: 163.63636363636365%;
	padding-top:1px;
	padding-bottom:4px;
        text-transform: uppercase; 

}
.Txt_Coburnwide_principal {
	left:91px;
	top:379px;
	width:440px;
	margin-bottom:0px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: justify;
	color: #45555f;
	line-height: 166.66666666666669%;
	padding-top:1px;
	padding-bottom:2px;

}

.Txt_Coburnwide {
	left:91px;
	top:379px;
	width:800px;
	margin-bottom:0px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: left;
	color: #45555f;
	line-height: 166.66666666666669%;
	padding-top:1px;
	padding-bottom:2px;

}

#logo {
	left:92px;
	top:169px;
	width:125px;
	height:111px;
	margin-bottom:0px;
	float:left;
padding-top:10px;
}
#nav {
	top:169px;
	width:322px;
	height:111px;
	margin-bottom:0px;
	float:right;
       padding-top:10px;
}
#photo_box {
	left:374px;
	top:351px;
	width:437px;
	height:348px;
	margin-bottom:0px;
	float:right;

}

#photo_thumb {
	padding-right:3px;
padding-bottom:2px;
	float:left;

}


#photo_large {
	left:374px;
	padding-top:10px;
	width:437px;
	height:348px;
	margin-bottom:0px;
	float:right;


}


#credit_area {
	left:380px;
	padding-top:50px;
	width:437px;
	height:10px;
	margin-bottom:0px;
	float:right;


}


#portfolio_large {
	left:374px;
	top:401px;
	width:447px;
	height:349px;
	margin-bottom:0px;
	float:right;

}

#photo_box_principal {
	left:456px;
	width:263px;
	height:321px;
	margin-bottom:0px;
	float:right;

}

#rotator {
	width:751px;
	margin-bottom:0px;
	margin-left:11px;
	text-align:center;

}

.leftnavtxt {
	margin-bottom:0px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: left;
	color: #45555f;
	padding-left:16px;
	padding-bottom:2px;

}

.leftnavtxtover {
	margin-bottom:0px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: left;
	color: #677718;
	padding-top:1px;
	padding-bottom:2px;

}

.greentext {
	margin-bottom:0px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: left;
	color: #677718;
}

.newsgreen {
	margin-bottom:0px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: left;
	color: #677718;
	padding-top:1px;
	padding-bottom:2px;

}

.newsgray {
	margin-bottom:0px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: left;
	color: #45555f;
	padding-top:1px;
	padding-bottom:2px;

}

.blogleft {
	width:85px;
	text-align: left;
	float:left;

}

.blogleft_community {
	width:185px;
	text-align: center;
	float:left;

}


.blogright {
	width:280px;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align: left;
	color: #45555f;
	float:right;
       padding-bottom: 30px;

}

#principals_main {
	width:725px;
       padding-top:10px;
	margin-left:20px;
	border: 0px solid #f0f0f0;

}
#william_coburn {
	margin-left:3px;
	margin-top:6px;
	width:132px;
	height:161px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

#william_coburn_text {
	margin-left:3px;
	margin-top:6px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

#john_koval {
	margin-left:59px;
	margin-top:7px;
	width:131px;
	height:160px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#james_appel {
	margin-left:59px;
	margin-top:7px;
	width:133px;
	height:160px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#peter_weber {
	margin-right:23px;
	margin-top:7px;
	width:132px;
	height:160px;
	margin-bottom:0px;
	float:right;
	display:inline;

}
.William_Coburn_President {
	margin-left:13px;
	margin-top:8px;
	width:114px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:12px;
        font-family:"Times New Roman", Times, serif;
	text-align: center;
	color: #677718;
	line-height: 166.66666666666669%;
	padding-top:1px;
	padding-bottom:2px;

}
.John_Koval_Director_of_Development {
	margin-left:55px;
	margin-top:8px;
	width:130px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:12px;
        font-family:"Times New Roman", Times, serif;
	text-align: center;
	color: #677718;
	line-height: 166.66666666666669%;
	padding-top:1px;
	padding-bottom:2px;

}
.James_Appel_Director_of_Construction {
	margin-left:46px;
	margin-top:8px;
	width:136px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	text-align: center;
	color: #677718;
	line-height: 166.66666666666669%;
	padding-top:1px;
	padding-bottom:2px;

}
.Peter_Weber_Creative_Director {
	margin-right:31px;
	margin-top:8px;
	width:114px;
	margin-bottom:0px;
	float:right;
	display:inline;
	font-size:12px;
        font-family:"Times New Roman", Times, serif;
	text-align: center;
	color: #677718;
	line-height: 166.66666666666669%;
	padding-top:1px;
	padding-bottom:2px;

}
.newscontainer {
clear: both;
width: 100%;
}
/* news page pagination */
.paginate {
clear: both;
padding-top: 45px;
text-align: left;
	font-size:10px;
	font-family:'Trebuchet MS';
	color: #45555f;
padding-left:80px;
float:left;
}

/* ### Content Slider ### */

.sliderwrapper {
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width:751px;
margin-bottom:0px;
margin-left:20px;
text-align:center;
height: 403px;
padding: 0px;
clear: both;
}
.sliderwrapper p{
	margin: 4px 0px 5px 0px;
}
.sliderwrapper .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 751px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
padding: 0;
/*text-align: justify;*/
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/
-moz-opacity: 1;
opacity: 1;
}
.sliderwrapper .contentdiv img {
/*float: left; */
border: 0;
/*margin-right: 10px; */
}
.sliderwrapper .contentdiv h3 {
margin: 0;
padding: 0;
font-size: 16px;
font-weight: bold;
color: #cc0000;
text-align: center;
}
.sliderwrapper2 {
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 575px;
height: 230px;
padding: 0px;
clear: both;
}
.sliderwrapper2 .contentdiv {
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 565px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
/*padding: 15px 5px;*/
font-size: 11px;
font-weight: bold;
color: #4f2682;
/*line-height: 1.4;*/
/*text-align: justify;*/
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/
}
.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
display: none;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}


/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font-size: 11px;
margin: 0;
padding-left: 15px;
position: absolute;
left: 0px;
top: 0;
list-style-type: none;
background: white;
visibility: hidden;
width: 52px;
}

.ddsubmenustyle li {
display: block;
width: 60px; /*width of menu (not including side paddings)*/
text-align: left;
margin: 0;
padding: 1px;
padding-left: 1px;
}
.ddsubmenustyle li a {
display: block;
width: 60x;
text-align: left;
margin: 0;
padding: 1px 0;
text-decoration: none;
color: #455562;
}
.ddsubmenustyle li.selected {
text-align: left;
margin: 0;
padding: 2px 0;
color: #859147;
}
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
color: #455562;
 /*width: 140px;width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
color: #859147;
/*background-color: #dad4e7;*/
/*color: white;*/
}

/*#ddtopmenubar {
padding-top: 70px;
padding-left: 220px;
height: 31px;
}*/
/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin-left: 8px;
padding-right: 10px;
font-size: 11px;
list-style-type: none;
overflow: hidden;
width: 100%;
}
.mattblackmenu img {
border: 0;
}
.mattblackmenu li{
display: inline;
padding: 0;
/*width: 1000px;*/
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0 19px; /*padding inside each tab*/
/*border-right: 0px solid white; */
color: #455562;
}
.mattblackmenu li a:visited{
color: #455562;
}

.mattblackmenu li a:hover{
/*background: black; background of tabs for hover state */
}

.mattblackmenu a.selected{
/*background: black; background of tab with "selected" class assigned to its LI */
}