/*
-----------------------------------------------
Perennial Properties CSS - Index
Author:  Paul Burton, 16toads Design (www.16toads.com)
Version:  October 1, 2006
----------------------------------------------- */

/* =structure
----------------------------------------------- */
#contentcontainIndex {
	width: 850px;
	background-color: #fefbf2;
	padding-bottom: 15px;
	padding: 0px;
}

#headerflash {
	width: 850px;
	height: 312px;
	padding: 0px;
	margin: 0px;
}

#subnav {
	width: 850px;
	background-color: #66401e;
	text-align: right;
	color: #ccc;
	border-top: 1px solid #b79b7a;
	border-bottom: 1px solid #ccc;	
	margin-bottom: 12px;
	margin-top: 0px;
	padding-top: 4px;	
	padding-bottom: 4px;		
}

#subnav ul {
	margin: 0px;
    padding-top: 0px;
	padding-right: 10px;
}

#subnav li {
	display: inline;
	margin: 0px;
	padding-right: 10px;
}

#subnav a:link, #subnav a:visited {
	color: #E7DAC3;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
#subnav a:hover, #subnav a:active {
	color: #dc783a;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;	
}

#col1index {
	float: left;
	width: 475px;
	padding-left: 15px;	
	
}

.col1txt {
	width: 455px;
	padding-bottom: 5px;
	text-align: left;	
}

#col2index {
	float: left;
	width: 345px;
}

#footercontain {
	clear: both;
	background-image: url(http://perennialproperties.net/images/interface/pp-footerbkgd.gif);
	background-repeat: no-repeat;
	width: 850px;
	height: 24px;
}

/* =featured
----------------------------------------------- */
#featuredbox {
	width: 345px;
	margin-top: 0px;
	margin-bottom: 15px;	
	background-color: #f0e6d7;	
	border: 1px solid #d5ae7c;
	clear: both;
}

#featured {
	float: left;
	width: 345px;
}

#featuredsubheader {
	float: left;
	width: 310px;
	border-top: 1px solid #D5AE7C;
	border-bottom: 1px solid #D5AE7C;
	background: #b79b7a;
	margin-top: 2px;
	margin-left: 7px;
	margin-bottom: 10px;	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;		
}

#featuredPictContainer{
	margin-top: 0px;
	margin-bottom: 12px;	
}

#featuredpict {
	float: left;
	width: 181px;
	height: 160px;
	margin-left: 10px;
	border: 1px solid #d5ae7c;	
}

#featuredthumbbox {
	float: left;
	width: 75px;
	margin-top: 0px;
	margin-left: 8px;		
}

.featuredthumb1{
	float: left;
	width: 133px;
	height: 75px;
	margin-bottom: 8px;
	border: 1px solid #d5ae7c;	
}

.featuredthumb2{
	float: left;
	width: 133px;
	height: 75px;
	border: 1px solid #d5ae7c;	
}

#featuredheader {
	float: left;
	width: 345px;
	padding-top: 2px;
}

#featuredtxt {
	width: 325px;
	padding-left: 10px;
}

#featuredbtnbox {
	width: 340px;
	height: 26px;
	margin-bottom: 12px;
	
}

.featuredbtn1 {
	float: left;
	padding-left: 15px;
	text-align: center;
}

.featuredbtn1 a:link, .featuredbtn1 a:visited {
	width: 151px;
	height: 26px;
	background-image: url(http://perennialproperties.net/images/interface/btn-visitproperty.gif);
	background-repeat: no-repeat;
	display: block;	
}

.featuredbtn1 a:hover, .featuredbtn1 a:active {
	background-image: url(http://perennialproperties.net/images/interface/btn-visitproperty-f2.gif);
	background-repeat: no-repeat;
}

.featuredbtn2 {
	float: left;
	padding-left: 15px;
	text-align: center;
}

.featuredbtn2 a:link, .featuredbtn2 a:visited {
	width: 151px;
	height: 26px;
	background-image: url(http://perennialproperties.net/images/interface/btn-ourcommunities.gif);
	background-repeat: no-repeat;
	display: block;	
}

.featuredbtn2 a:hover, .featuredbtn2 a:active {
	background-image: url(http://perennialproperties.net/images/interface/btn-ourcommunities-f2.gif);
	background-repeat: no-repeat;
}

.quote {
	float: left;
	width: 31px;
	height: 28px;
	padding-right: 8px;
	padding-bottom: 0px;
}

.quote2 {
	float: right;
	width: 31px;
	height: 28px;
	padding-left: 8px;
	padding-bottom: 0px;
}

/* =mailing list
----------------------------------------------- */
.mailList_index {
	width: 345px;
	background-color: #f0e6d7;	
	border: 1px solid #d5ae7c;
	margin-bottom: 15px;
	padding-left: 1px;
	padding-right: 0px;
	padding-top: 1px;	
	clear: both;
}

.mailList_index h2 {
	font-weight: bold;
	color: #663300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 4px;
}

.mailList_index p {	
	padding-top: 0px;
	padding-bottom: 0px;
}

.joinHeader {
	width: 244px;
	height: 49px;
	margin-bottom: 0px;
}

.mailList_index .padding {
	padding-left: 10px;
	padding-right: 10px;	
}

.mailList_index input {
	width: 317px;
}

.mailList_index .submit button.body {
	margin-right: 10px;	
	margin-top: 8px;		
	width: 150px;
	margin-bottom: 10px;	
	border: 1px solid #d5ae7c;
	background-color: #66401e;	
	color: #f0e6d7;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* =search
----------------------------------------------- */


/* =headings
----------------------------------------------- */
.col1header h1,
#col1index h3  {
	width: 460px;
	font-weight: bold;
	color: #1c4570;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	border-top: 1px solid #efd7b9;
	border-bottom: 1px solid #efd7b9;
	margin-left: -5px;
	margin-top: 0px;
	margin-bottom: 15px;	
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 4px;	
}

#featuredheader h2 {
	font-weight: bold;
	color: #663300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 4px;
}

#featuredsubheader h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	padding: 0px;
	margin: 0px;
	letter-spacing: .105em;
	text-transform: uppercase;
	text-align: left;		
}

#mailinglist_form h2 {
	font-weight: bold;
	color: #663300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	margin-top: 8px;	
	margin-bottom: 4px;
	padding-left: 10px;	
}


/* =lists
----------------------------------------------- */
.menuContainer {
	width: 460px;
	clear: both;
	}

.menuBoxLeft {
	float: left;
	width: 218px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.menuBoxRight {
	float: left;
	width: 218px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;	
}

.menus h2 {
	/* width: 222px; */
	font-weight: bold;
	color: #630;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	border-top: 1px solid #efd7b9;
	border-bottom: 1px solid #efd7b9;
	margin-left: -5px;
	margin-top: 0px;
	margin-bottom: 5px;	
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.menus .lcontent {
	margin-top: 5px;
	padding-right: 0px;
}

.menus .lcontent ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6C5B4B;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px;
	padding-left: 16px;	
	padding-right: 8px;	
}

.menus .lcontent li {
	text-decoration: none;
	margin-top: 0px;	
	line-height: 20px;	
}


.menus .lcontent p {
	padding: 0px;
}

.sidebarmenu {
	width:  340px;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 15px;
}


/* =SEO List
----------------------------------------------- */
.seoBlock {
	overflow: hidden;
	margin: 0 0 12px -5px;
	border: 1px solid #efd7b9;
	padding: 10px;
	width: 445px;
}
.seoImage {
	width: 100px;
	height: 92px;
	float: left;
	margin: 0 18px 3px 0;
}
.seoImage img {
	margin: 0;
	padding: 0;
	border: 3px solid #e2e2e2;
}

.seoText {
	width: 325px;
	float: left;
}

.seoBlock h2 {	
	margin: 0 0 4px 0;
}

.seoBlock h2 a {
	font-weight: bold;
	color: #1c4570;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-decoration: none;
}

.seoBlock h2 a:hover {
	color: #c60;
}

#col1index h4 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	margin: 0 0 10px -5px;
	padding: 3px 0 3px 10px;
	background-color: #1b4570;
	width: 457px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;		
}