body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
background: #997f62 url("img/column_bg2.gif") top left repeat-y;
font-size:10px;
}

a {text-decoration: underline;}
a img {border: none;}
a:link, a:visited {color: #997f62;}
html body a:hover {color: #7a8e94;}

.clear {
clear:both;
}

#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 140px; /*Height of frame div*/
border-left: none;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: url(img/bg_header.jpg) no-repeat;
background-color: #304E3F;
color: white;
}

#header_info {
float: right;
margin: 0 17px 0 0;
}

.portrait_thmb {
float:left;
margin: 27px 18px 0 0;
padding:3px;
border:1px solid #fff;
}

.portrait_thmb2 {
float:left;
margin: 0 20px 20px 0;
padding:3px;
border:1px solid #304E3F;
}

#maincontent{
position: fixed; 
top: 140px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
min-width: 940px;
}



/*
position: fixed;  
top: 140px; /*Set top value to HeightOfFrameDiv*/ /*
left: 0;
right: 0;
bottom: 0;
height: 100%;
min-width: 970px;
*/

#leftcolumn {
float:left;
width:160px;
height:100%;
padding:0;
margin:0;
}

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 153px; /* width of menu (don't forget to add border with below!) */
border-left: none; /* thick left border of menu */
}

.slidedoormenu li{
border-bottom: 1px solid #aaa; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: transparent url(img/vstrip2.jpg) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: #fff;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: #fff;
}

.slidedoormenu li a:hover{
background-position: -388px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #cfe0e5;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

#columnphoto {
width:153px;
height:500px;
border-left: none;
}

#home-page #columnphoto { background: transparent url("img/photo7.jpg") top left no-repeat; }
#about-page #columnphoto { background: transparent url("img/photo1.jpg") top left no-repeat; }
#privacy-page #columnphoto { background: transparent url("img/photo10.jpg") top left no-repeat; }
#contact-page #columnphoto { background: transparent url("img/photo15.jpg") top left no-repeat; }
#brokers-page #columnphoto { background: transparent url("img/photo2.jpg") top left no-repeat; }
#forsale-page #columnphoto { background: transparent url("img/photo16.jpg") top left no-repeat; }
#forlease-page #columnphoto { background: transparent url("img/photo14.jpg") top left no-repeat; }
#portfolio-page #columnphoto { background: transparent url("img/photo6.jpg") top left no-repeat; }
#services-page #columnphoto { background: transparent url("img/photo17.jpg") top left no-repeat; }
#company-page #columnphoto { background: transparent url("img/photo18.jpg") top left no-repeat; }

#content {
position:relative;
float:left;
font-family: Arial, Verdana, sans-serif;
font-size: 1.4em;
margin:22px 20px 20px 15px;
padding:0 0 60px 0;
width:60%;
height:auto;
background:#fff;
}

#content h2, #content h3, #content h4 {
margin: 20px 0 0 20px;
color:#304E3F;
}

#content p {
padding: 2px 20px 0 20px;
}

#content2 {
	position:absolute;
float:left;
font-family: Arial, Verdana, sans-serif;
font-size: 1.4em;
margin:22px 20px 20px 175px;
padding:10px 0 60px 0;
width: 740px;
background:#fff;
}

/*
position:absolute;
float:left;
font-family: Arial, Verdana, sans-serif;
font-size: 1.4em;
margin:15px 20px 20px 15px;
padding:10px 0 60px 0;
width: 740px;
height:auto;
background:#fff;
*/

#content2 h1, #content h2, #content h3, #content h4 {
margin: 20px 0 0 20px;
color:#304E3F;
}

#content2 p {
padding: 2px 20px 0 20px;
}

.emailaddress {
padding:0 0 5px 20px;
}

#breadcrumbs {
font-size: 11px;
margin: 10px 0 0 20px;
color:#304E3F;
}

#breadcrumbs a{
color: #997f62;
}

#random_image {
width: 700px;
height: 385px;
float: left;
margin: 5px 20px 15px 20px;
border: none; /*2px solid #304e3f;*/
}

#broker_img {
	background:url(img/DSC00477_resize.jpg);
	margin: 23px 33px 0 0;
	padding:0;
	width: 370px;
	height: 253px;
	float: right;
}

.separator {
	margin: 2px auto 10px 20px;
	padding: 0 0 5px 0;
	border-bottom: 2px #304E3F solid;
	width: 90%;
	clear:left;
}

.pagecolumn {
float:left;
width:47%;
margin:10px 0 0 20px;
}

.callout {
margin: 0 0 10px 0;
padding: 0px 0px 2px 0px;
float:left;
width:350px;
clear: both;
}

.callout img {
width: 150px;
float:left;
border:2px solid #304E3F;
margin:0 0 10px 0;
}

.callout a {
width: auto;
float:none;
padding-bottom: 0px;
}	

.callout h3 {
margin:0;
padding:0;
}

.callout h3 a {
text-decoration: underline;
color: #6840b9;
}

.calltext {
width:180px;
float:left;
margin:0;
font-size:12px;
padding:0;
}

.calltext h3 {
margin:0;
padding:0;
}
	
.promotionbox_divider {
clear: both;
width: 100%;
height: 2px;
border-bottom: 1px dashed #333;
padding: 0px 0px 0px 0px;
margin-bottom: 3px;
}	

#footer {
position:absolute;
clear:both;
left:0;
bottom:0;
width:100%;
margin:40px 0 0 0;
padding:0;
background-color:#304E3F;
text-align:right;
font-size:0.8em;
color:#ccc;
}

#footer a {text-decoration: underline;}
#footer a img {border: none;}
#footer a:link, #footer a:visited {color: #ccc;}
#footer a:hover {color: #fff;}

#footer p {
margin:0;
padding:10px 10px 15px 0;
}

* html body{ /*IE6 hack*/
padding: 130px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>
