body 
{
	min-width: 1017px; /*keeps that funny bar from showing up, this is the intended window size for this site minus the scrollbar width in firefox...*/
}


div#content { width: auto;  padding: 0px;}

a:link
{
	color: blue;
}

body
{
	color: black;
	background: #fffff;
}

h1
{
	color: black;
	font-size: 18pt;
	line-height: 1em;
	font-family: Times New Roman;
}

table
{
	border-collapse: collapse;
}

table.center
{
	margin-left: auto;
	margin-right: auto;
}

/* doesn't work unless the element has a width set */
.center
{
	margin-left: auto;
	margin-right: auto;
}

p.center
{
	text-align: center;
}


p.leftformat
{
	text-align: left;
}

table td
{
	padding: 10px;
}

/* bullet style */
.row-1 ul li {
background:transparent url(bullet.png) no-repeat scroll 0 0;
color:#015A9C;
font-size:10pt;
margin-bottom:10px;
padding:5px 0 0 30px;
text-align:left;
}

/* I don't know why this div is in the layout. */
.row-2
{
	display: none;
}

/* div-table styles */
.div-table{display:table; padding: 10px 0px 10px 0px;}

.div-table-caption{display:table-caption; background:#009999;}

.div-table-row{display:table-row;}

.div-table-col{display:table-cell; padding: 10px}

.tail-bottom
{
	background:url(bottombg.png) repeat;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mainContent
{
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}

/* header styles */

#header
{
	height: 148px;
	background: #73917F url(menubarbg.png) repeat-x scroll center bottom;
}

#header .logo
{
	padding-top:57px;
}

#header .menu a:hover, #header .menu .active{ background:url(menubarbg-hot.png) repeat-x;}

#header .menu a
{
	background: none;
	border-left:1px solid;
	border-right:1px solid;
	border-width:1px;
	width: 108px;
}

#header .menu a.first
{
	border-left: 2px solid;
}

#header .menu a.last
{
	border-right: 2px solid;
}

#header .menu li{ float:left; background:url(menubarbg.png) repeat;}

#header .menu li
{
	background-repeat: repeat-x;
	height:35px;
}

/* footer CSS */

#footer
{
	background:transparent url(bottom-border.png) repeat-x scroll center bottom;
	height: 86px;	
}

#footer img[alt='prudential-logo.png']
{
	float:right;
	padding-right:41px;
}

#footer p
{
	padding-top: 0;
}

/* info bar, which appears on every page. */

div.info_sidebar
{
	float:right;
	width:275px;
	margin-top:-20px; /*only because it makes it match the template...*/
}

div.info_sidebar img[alt='shepherdhill.png']
{
	margin-left:-20px;
}

div.info_sidebar #locationspan
{
	color:#015A9C;
	font-family:Arial;
	font-size:12pt;
}

div.info_sidebar #openhouseh1
{
	color:#035623;
	font-family:Arial;
	font-size:15pt;
	line-height:1.4em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	text-transform:uppercase;
}

div.info_sidebar a[href='http://www.adobe.com'] img
{
	margin: 0 auto;
	display: block;
}

div.info_sidebar p.blocktext
{
	text-align: left;
	font-weight:bold;
}

/* agent info sidebar, appears aon every page. */

div.agentinfowrapper
{
	float:right;
	padding-right:56px;
	padding-top:50px;
}

div.agentinfowrapper div.agentSummaryContent h2
{
	color:black;
	font-size:100%;
	line-height:1.5em;
	padding-bottom:0;
}	

div.agentinfowrapper h1
{
	color: black;
	font-size:16pt;
	font-weight:normal;
	padding-bottom:10px;
}

div.agentinfowrapper div.agentSummaryContent img.agentPhoto
{
	float: none;
}

div.agentinfowrapper div.agentSummaryContent p
{
	padding-top: 0;
}

/* Left content global style  - this is the main content area, not a sidebar.*/

div.leftcontent_global
{
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:680px;
}

div.leftcontent_global h1
{
	font-size:28pt;
	font-weight:normal;
	padding-bottom:20px;
	padding-top:35px;
	text-align:center;
	text-transform: uppercase;
	font-family: arial;
}


/* index page styles*/

/*index page needs to have different content in the footer so we're using a 'fake footer'. */
#clearwrapper
{
	margin-left:auto;
	margin-right:auto;
	width:967px;
	padding-bottom: 20px;
}

#fakefooter-index
{
	background: transparent url(bottom-border-index.png) repeat-x scroll center bottom;
	height:302px;
}

#fakefooter-nonindex
{
	background: transparent url(fakefooter-nonindex-bg.png) repeat-x scroll center bottom;
	height:78px;
}

#fakefooter-index img[alt='bottom-image-panels.png']
{
	padding-top:11px;
}

#leftcontent1 p
{
	text-align: left;
}

#leftcontent1 h1
{
	text-align: left;
	font-size:30pt;
}

/* Availability page styles */

#leftcontent3 table
{
	margin: 0 auto;
}

/** none **/

/* builder profile styles */

/* features and specs styles */
#leftcontent7
{
	font-size: 12pt;
}

#leftcontent7 h1
{
	text-transform: none;
}

#leftcontent7 > h1
{
	text-transform: uppercase;
}

#leftcontent7 table
{
	margin: 0 auto;
}

#leftcontent7 table td
{
	text-align: left;
}

#leftcontent7 #addendumdiv
{
	text-align: left;
}

#leftcontent7 strong
{
	color: black;
}

#leftcontent7 ul
{
	width: 365px;
	margin: 0 auto;
}

#leftcontent7 ul li
{
	float: left;
	background: none;
	list-style-image: none;
	font-size: 12pt;
}

/* home styles page */

#leftcontent8
{
	font-size: 12pt;
}

#leftcontent8 .div-table
{
	margin: 0 auto;
	display: inline-block;
}
	
#leftcontent8 img
{
	width: 300px;
}

/* directions */
#leftcontent6 ul
{
	padding-top: 50px;
	float: right;
}

#leftcontent6 ul li
{
	color: black;
	font-size: 12pt;
	background: none;
}
/* contact form formatting */

form
{
	width:380px;
	padding:20px;
	margin: 0 auto;
}

form div {
  width: auto;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  color: black;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

select, textarea {
  padding: 1px 3px;
  margin: 0 0 0 0;
}

textarea
{
	width: 166px;
	color: black;
	font-size: 9pt;
}

select
{
	width: 178px;
	height: auto;
}

input
{
	width: 172px;
	color: black;
}