html {
height: 100%;
}

body {
	background: url(../../images/portland-bg.gif) repeat-x top #f9f8f4;
	font-size: 76%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

#wrapper {
	width: 776px;
	margin: 0 auto;
	margin-top: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	min-height: 100%;
}

* html #wrapper
{
height: 100%;
overflow: visible;
}

/* Header  --------------------------------------------------------------------------- */

#header {height: 153px; width: 776px; overflow: hidden; padding: 0; margin: 0;}

#logo a {
	display: block; 
	background:url(../../images/harper-lee-collins.jpg) no-repeat top; 
	width: 335px; 
	height: 140px; 
	padding: 0; 
	margin: 0; 
	position: absolute; 
	top: 0;
}

.portland {display: none;}

#topnav {
	text-align: center;	
	width: 215px;
	height: 24px;
	position: absolute;
	top: 0;
	margin-left: 545px;
	
}

#topnav ul {
	padding: 0;
	margin: 0 0 0 4px;
	height: 24px;
}
#topnav ul li {
	display: inline;
	float: left;
}

#topnav ul li a{
	padding: 0;
	margin: 0;
	height: 24px;
	display: block;
}

#navhome a{
	display: block;
	width:88px;
	background: url(../../images/menu-home.gif) no-repeat;
	background-position: 0 0;
}

#navhome a:hover{
	width:88px;
	background: url(../../images/menu-home.gif) no-repeat;
	background-position: -88px 0;
}

#navcontact a{
	display: block;
	width:117px;
	background: url(../../images/menu-contact.gif) no-repeat;
	background-position: 0 0;
}

#navcontact a:hover{
	width:117px;
	background: url(../../images/menu-contact.gif) no-repeat;
	background-position: -117px 0;
}

#banner {
	width: 412px;
	height: 117px;
	position: absolute;
	top: 36px;
	margin-left: 345px;
}

/* Main Navigation -------------------------------------------------------------------- */

#mainnav {
	position: relative;
	left: 192px;
	/*width: 215px;*/
	height: 51px;
	width: 559px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#mainnav ul {
	padding: 0;
	margin: 0 0 0 4px;
	height: 51px;
}
#mainnav ul li {
	display: inline;
	float: left;
}

#mainnav ul li a{
	padding: 0;
	margin: 0;
	height: 51px;
	display: block;
}

#navbuyers a{
	display: block;
	width:126px;
	background: url(../../images/menu-buyers.gif) no-repeat;
	background-position: 0 0;
}

#navbuyers a:hover{
	width:126px;
	background: url(../../images/menu-buyers.gif) no-repeat;
	background-position: -126px 0;
}

#navsellers a{
	display: block;
	width:122px;
	background: url(../../images/menu-sellers.gif) no-repeat;
	background-position: 0 0;
}

#navsellers a:hover{
	width:122px;
	background: url(../../images/menu-sellers.gif) no-repeat;
	background-position: -122px 0;
}

#navmortgages a{
	display: block;
	width:155px;
	background: url(../../images/menu-mortgages.gif) no-repeat;
	background-position: 0 0;
}

#navmortgages a:hover{
	width:155px;
	background: url(../../images/menu-mortgages.gif) no-repeat;
	background-position: -155px 0;
}

#navteam a{
	display: block;
	width:152px;
	background: url(../../images/menu-team.gif) no-repeat;
	background-position: 0 0;
}

#navteam a:hover{
	width:152px;
	background: url(../../images/menu-team.gif) no-repeat;
	background-position: -152px 0;
}

/* Left Column ------------------------------------------------------------------------ */

#maincontent {margin: 0; padding: 0;}

#leftcolumn {float: left; width: 194px; position: relative; top: -64px; left: 5px;}

/* Free Consultation */

h3#fcheader {background: url(../../images/hdr-free-consultation.gif) no-repeat top; width: 189px; height: 41px; display: block; margin: 0;}

#fccontent {background: url(../../images/form-bg.gif) repeat-y top; width: 189px; margin: 0;}

#fcback {background: url(../../images/form-fade.gif) no-repeat top; width: 189px; padding-top: 5px;}

#fccontent p {text-align: left; font-size: 0.9em; padding: 0 5px; margin: 0;}

#fccontent p.phone {padding: 5px 0; text-align: center; margin: 0 auto; font-size: 1.1em;}

label {font-size: 0.8em; width: 50px; float: left; margin-bottom: 5px; text-align: right; padding-right: 5px; position: relative; top: 4px;}

input.cftop, select {width: 100px; height: 15px; font-size: 0.9em; margin-bottom: 3px;}

select {width: 110px; height: 20px;}

input.csubmit {position: relative; left: 60px; margin-top: 10px;}

.star {font-size: 0.8em; color: #890314;}

#fcfooter {background: url(../../images/form-footer.gif) no-repeat  top; width: 189px; height: 7px;}

/* Sub Nav */

h3#community {background: url(../../images/hdr-community-profiles.gif) no-repeat top; display: block; width: 189px; height: 41px; padding: 0; margin: 7px 0 0 0;}

#subnav{
	width: 189px;
	text-align: left;
	margin: 0;
	background: url(../../images/subnav-bg.gif) repeat-y top;
}

#subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	width: 187px;
	padding-left: 2px;
}

#subnav li { margin: 0px 0 0 0; }

#subnav a {
	display: block;
	padding: 6px 0 6px 19px;
	width: 160px;
	font-size: 0.9em;
	text-align: left;
	border-bottom: 1px solid #f3f0e9;
	border-top: 1px solid #ddd9d0;
}

#subnav a:link, #subnav a:visited {
	color: #00274b;
	text-decoration: none;
	background: url(../../images/subnav-bullet.gif) no-repeat 7px 10px;
}

#subnav a:hover {
	color: #024786;
	text-decoration: underline;
	background: url(../../images/subnav-bullet.gif) no-repeat 9px 10px;
}

#snbottom {background: url(../../images/snbottom.gif) no-repeat top; width: 189px; height: 8px; margin-bottom: 40px;}







#content, #content2 {width: 380px; float: left; padding: 10px; font-size: 1em; color: #2a2a2a; position: relative; left: 7px; top: 10px; padding-bottom: 115px; line-height: 1.4em;}

#content2 {width: 540px; margin: 0; position: relative; top: 0px; padding: 0; padding-bottom: 115px;}

#content2 img {margin: 0 5px 5px 0;}

#content ul li {list-style: none; background: url(../../images/bullet.gif) no-repeat 0 5px; padding-left: 10px; margin-bottom: 7px;}

#content2 p, #content2 h1 {padding-left: 10px;}

#content2 h1 {padding-top: 20px;}

#content:first-child p{background: url(../../images/header-bg.gif) no-repeat bottom; padding-bottom: 20px; border: 1px solid #000;}

h1 {color: #0057a4; font-size: 1.2em;}

h2 {color: #993333; font-size: 1.1em;}

a:link {color: #024786;}

a:visited {color: #035bac;}

a:hover {color: #5d0310;}

#rightcolumn {float: right; width: 160px; position: relative; right: 10px; top: 32px;}

#contactinfo {background: url(../../images/cfinfo-bg.gif) repeat-y top;}

#cifade {background: url(../../images/cinfo-fade.gif) no-repeat top; width: 150px; padding: 5px; font-size: 0.9em; color: #00274b;}

#cifade ul {width: 146px; padding: 0; margin: 0;}

#cifade li {list-style: none; border-bottom: 1px solid #fdfefe; border-top: 1px solid #b0c9dd; width: 141px; display: block; padding: 5px 0 5px 5px;}

#cifade li.cif{border-top: none;}

#cifade li.cil {border-bottom: none;}

.red {color: #5d0310;}

#cifooter {background: url(../../images/cfinfo-footer.gif) no-repeat top; height: 7px; width: 160px;}

#coldwell, #coldwell2 {width: 160px; margin: 0 auto; text-align: center; padding-top: 20px;}

#eho {width: 160px; margin: 0 auto; text-align: center; padding-top: 15px;}

#coldwell2 {width: 196px; padding-top: 10px; padding-bottom: 40px;}

#secmenu {background: url(../../images/secmenu-bg.gif) no-repeat top; width: 530px; height: 30px; text-align: left; color: #c7bca8; margin: 0; padding: 0; display: block; border-top: 1px solid #c7bca8; position: relative; left: 7px; /*padding-bottom: 20px;*/}

#secmenu p {padding: 0; margin: 0;padding-top: 5px; margin-left: 10px;}

#secmenu img {position: relative; top: 4px; left: 6px;}

#secmenu a:link {font-weight: bold; color: #004a90; text-decoration: none;}

#secmenu a:visited {font-weight: bold; color: #004a90; text-decoration: none;}

#secmenu a:hover {font-weight: bold; color: #73020f; text-decoration: underline;}

.clear {clear: both; overflow: hidden; height: 0;}

/* Footer ---------------------------------------------------------------------------*/

#footer
{
position: relative;
margin-top: -95px;
background: url(../../images/footer-bg.gif) repeat-x top;
height: 95px;

} 

#footcontent {width: 778px; margin: 0 auto; padding: 21px 0 0 0; text-align: left; color: #fff; font-size: 0.8em; clear: both;}

#footcontent a:link, #footcontent a:visited {color: #fff; text-decoration: none;}

#footcontent a:hover {color: #f6f6f5; text-decoration: underline;}

#footmenu {background: url(../../images/footer-nav-bg.gif) no-repeat top; width: 262px; height: 23px; float: right; padding: 9px 0 0 23px; position: relative; right: 25px;}

#footinfo {float: left; position: relative; top: 17px; padding: 0; margin: 0;}

#footinfo p {padding: 0; margin: 0;}

hr {border-top: 1px dashed #ccc; border-bottom: none; border-left: none; border-right: none; padding: 0; margin: 5px;}

label.mcform {font-size: 1em; float: left; width: 200px; padding: 3px 5px;}

.required {color: #993333; float: left; padding: 6px 5px;}

input.mform, select.mform, textarea.mform {float: left; width: 200px; margin: 5px 0; font-size: 1.1em;}

textarea.mform {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em;}

select.mform {width: 115px;}

select.mformsmall {width: 70px;}

.btwn {float: left;  padding: 5px 10px;}

br {clear: both;}

#submit {position: relative; left: 210px; margin-top: 10px;}