body {
	color: #22231D;
	background: #fafafa;
	/*width:98%;*/
	margin:auto;
	padding:3px;
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:88%;
	text-align: center;
	width:948px;
}

h2 {
	color:#33336A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	}
	
h3 {
	color:#33336A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	}
	
h4 {
	color:#33336A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	padding:0px;
	padding-bottom:3px;
	margin:0px;
	}

/***** Various tags *****/
a {
text-decoration:none;
font-weight:bold;
color:#45458F;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#39488E;
background-color:inherit;
}

#wrapper {
    margin: 12px auto 0 auto;
    padding: 1px;
    text-align: left;
    background: #ffffff;
    border: solid 1px #cdcdef;
	/*width:100%;*/
	}

#headline {
	width:840px;
	margin: 0px auto -8px auto;
	font-weight: normal;
text-align:right;
	font-size: 90%;
	padding:0px;
	letter-spacing: 2px;
}
	
#top {
	margin:0px;
height:140px;
}


#top img {
	border:0px;
	float:left;
	}
	

#topmenu {
	padding:3px;
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:90%;
	background-color:#f0f0f0;
	-moz-opacity: 0.70; 
	opacity: 0.70;
	margin-top:0px;
	filter:alpha(opacity=70);
	zoom:1; /* makes filter:opacity work in IE win */
}

#topmenu a {
	padding:3px 6px 3px 5px;
	text-decoration:none;
	color:#222;
}

#topmenu a:hover {
	text-decoration:underline;
	color:#ffffff;
	background-color:#333;
}

#rightdiv {
	float:left;
	margin: 0px;
	margin-left:6px;
	padding:3px;
	width: 190px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 86%;
	text-align:left;
}


	
#content {
	padding:0px;
	padding-top:5px;
	}
	
#leftbar {
	float:left;
	width: 160px;
	margin:0px;
border-right:1px solid #E7E8D7;
	}

.logo img{
border-bottom:1px solid #E7E8D7;
}

#navleft {
	margin:0px;
	padding:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:88%;
	color: #252927; 
	font-weight: normal;
	background-color:#45458F;
}

#navleft A{
	color: #2D3935;
	text-decoration: none;
}

#navleft A:hover{
	/*display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#E0E9E0;*/
	text-decoration: underline; 
}

#navleft img a:hover {
	text-decoration:none;
	margin:0px;
	}

#navleft ul {
	margin:2px 2px 0px 23px;
	padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:88%;
}
	
#navleft ul li {
	padding:2px 2px 3px 0px;
	list-style-image: url("http://www.highlandestateagents.com/graphics/hpsmountains15.gif");
list-style-position: outside;
line-height: 110%;	
}



#navleft table {
	font-size:85%;
	}
	
#navleft form {
	padding:2px;
	margin:0px;
	}
	
#navleft select {
margin:1px 0px 5px 0px;
font-size:10px;
}

#navleft h3 {
margin:0px;
margin-top:2px;
padding:2px 0px 0px 0px;
font-size:90%;
color:#f0f0f0;
}

.searchbox {
background-color:#EEEDF1;
}

.subscribe {
border:1px solid #999;
padding: 2px;
margin-top:8px;
line-height:110%;
/* background-color:#EEEDF1; */
background-color:#FCFCE9;
}

#navleft .subscribe h3 {
color:#45458F;
}

.subscribe form {
	padding:2px;
	margin:0px;
	}

.subscribe input {
font-size:11px;
}

table {
font-size:100%;
margin:0px;
}

#main {
	margin-left:168px;
	margin-top:0px;
	margin-right:0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 94%;
	font-style:normal;
	line-height:140%;
	padding: 0px 5px 5px 5px;
	color:#333333;
}

#main h2 {
font-size:138%;
letter-spacing: 0px;
font-family:Arial, Helvetica, sans-serif;
color:#33336A;
}

#main h3 {
font-size:108%;
padding-bottom:0px;
margin-bottom:0px;
}

#main p {
margin-top:3px;
padding-top:0px;
}

#main ul {
margin-top:3px;
padding-top:0px;
}

#main ul li {
padding-bottom:2px;
}

#main a {
	color: #33336A;
	font-style:normal;
	padding: 0px;
	text-decoration:none;
}

#main a img {
	border:0px;
	padding:0px;
	}

#main a:hover{
	color: #2E365C;
	background-color:#F0EFDD;
	text-decoration:underline;
}

#topright {
	width:170px;
	float:right;
	padding:4px;
	margin-left:8px;
border-left:1px dotted #cccccc;
}

#propmain {
padding:0px;
margin:0px;
}

#propmonth {
margin:2px 0px 2px 0px;
background-color:#FAF9FB;
/* border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;*/
padding-top:0px;
}

#propmonthtext {
margin-left:0px;
margin-top:0px;
}


#propmonth h3 {
font-size:130%;
text-align:center;
padding:1px;
margin:2px 0px 4px 0px;
}

#propmonth h2 {
font-size:116%;
text-align:center;
padding:1px;
margin:2px 0px 3px 0px;
color:#786436;
}

#propmonth p {
padding: 2px 4px 4px 6px;
}

#propmonth a img {
	text-decoration:none;
padding:0px 0px 3px 6px;
	margin:0px;
}

#imageviewer {
padding:0px;
margin:0px;

}

#mainimage {
	width:408px;
	padding:0px 0px 4px 1px;
	text-align:center;
	margin:0px -6px 3px 0px;
float:right;
	}
	
#propertyimages {
	height:300px;
	overflow:auto;
	white-space: no-wrap; /*Don't let the images wrap to the next line*/
	width:188px;
/*border:1px solid #eee;*/
}

#imagebox {
float:left;
height:68px;
width:88px;
padding:0px;
text-align:center;
}

#textbox {
 	font-size: 100%;
	padding: 0px 8px 6px 10px;
	margin: 0px;
margin-top:14px;
border-top:1px solid #E7E8D7;
border-bottom:1px solid #E7E8D7;

	}

#bottomadvert {
	background-color:#F1F0E7;
	border-color: #AEB58C;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px 0px 1px 0px;
	padding:0px 4px 3px 6px;
	}
	
#bottomadvert h2 {
	padding:5px 5px 10px 5px;
	margin:0px;
}

#bottomadvert ul {
	margin:0px 0px 4px 30px;
	padding:4px;
	}

#office {
	clear: both;
	font-size:80%;
	padding:5px 10px 5px 10px;
	background-color:#EFEFE4;
	text-align:center;
	line-height:140%;
}	

#copyright {
	margin:2px 0px 0px 0px;
	padding:1px;
	clear: both;
	background-color:#45458F;
	font:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#eee;
	}
	
#copyright A {
	text-decoration:underline;
	color:#ddd;
	/*background-color:#333333;*/
	}
	
#copyright A:hover {
	text-decoration:underline;
	color:#333333;
	background-color:#eeeeee;
	}
	
.tiny {
	font-size:85%;
	}

.description {
border: 1px solid #88866a;
}

.rowleft {
float:left;width:300px;margin-left:20px;
}

.rowright {
float:right;
width:300px;
margin-right:20px;
text-align:right;
}

.rowright {
float:right;
width:300px;
margin-right:20px;
text-align:right;
padding:3px; 
background-color:#DBE1EE;
}

#rowright {
margin-right:10px;
text-align:right;
padding:3px; 
background-color:#DBE1EE;
}
	
.status {
	color:#821B17;
	font-weight:bold;
	}
	
#spacer {
	clear:both;
	height:1px;
	}
	
#toolbar {
	/*float:right;
	width:124px;
clear:left;
*/
	margin-left:8px;
	margin-top:10px;
margin-bottom:4px;
	text-align:center;
	
float:right;
width:200px;
	}
	
#toolbaritem {
float:left;
	padding:5px;
	background-color: #D8DCED;
	margin:1px;
width:84px;
height:80px;
	border:1px solid #999;
	font-size:86%;
	line-height:115%;
	}

#toolbaritem img {
	margin-bottom:3px;
	border:1px solid #D8DCED;
	}

#toolbaritem a img {
	margin-bottom:3px;
	border:1px solid #D8DCED;
	}
	
#toolbaritem a:hover {
	background-color:#D8DCED;
	}

#toolbaritem a:hover img {
	border:1px solid #bbb;
	}

#toolbaritem h3 {
	font-size:96%;
	margin:0px;
	}
	
.png {
	margin-bottom:3px;
	border:1px solid #D8DCED;
	}
.png a {
	margin-bottom:3px;
	border:1px solid #D8DCED;
	}
.png a:hover {
	border:1px solid #bbb;
	}
	
.greyedout {
	color:#666666;
	}
	
#contactform {
margin-bottom:20px;
overflow:auto;
}

#contactform form {
	padding:0px;
	margin:0px;
	margin-bottom:0px;
overflow:auto;
	}
	
.formleft {
float:left;
width:150px;
text-align:right;
margin-left:20px;
padding:2px 0px 2px 0px;
}

.formright {
float:left;
width:350px;
margin-left:20px;
padding:2px 0px 2px 0px;
text-align:left;
}

#serviceswrapper {
	text-align:center;
	margin:0px 0px 8px 45px;
position:relative;
float:left;
	}
	
	
#downloadwrap {
	text-align:left;
	margin:8px 50px 8px 45px;
padding-top:8px;
width:490px;
	border-top:1px solid #999;
float:left;
	}
	
#downloadwrap ul li {
	list-style-type:none;
	padding:3px;
	}
	
#services {
	width:153px;
	margin:3px;
	float:left;
	height:172px;
	border:1px solid #ddd;
	padding:3px;
	}
	
#services img {
	text-align:center;
	padding-bottom:3px;
}

#quotes {
padding:3px;
margin-bottom:6px;
}

#quoteswrap {
background-color:#e7e4eB;
/*width:770px;
float:left;
margin-bottom:1px;*/
}

#quotesmain {
background-color:#e7e4eB;
padding:1px;
margin: 3px 15px 10px 15px;
}

#quotesmain .leftquote {
float:left;
padding:2px 6px 2px 2px;
margin-left:0px;
}

#quotesmain .rightquote {
float:right;
padding:2px 2px 0px 6px;
margin-top:-40px;
margin-right:0px;
}

#quotesmain p {
margin:0px 50px 8px 60px;
font-size:110%;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
}

#quotes .leftquote {
float:left;
padding:2px 6px 2px 2px;
margin-left:-60px;
}

#quotes .rightquote {
float:right;
padding:2px 2px 2px 6px;
margin-top:0px;
margin-right:-30px;
}

#quotes p {
margin:0px 30px 0px 55px;
font-size:135%;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
}

.intro {
font-size:115%;
line-height:130%;
padding:3px;
font-family:verdana;
}

.widebox {
color:#eeeeee;
margin:0px;
text-align:center;
letter-spacing:2px;
}

#features {
	
	padding:2px 10px 5px 2px;

}

#saleitem {
	width:250px;
	float:left;
	margin:3px;
	padding:3px;
	border:1px solid #cccccc;
	}

#specialwrap {
margin:0px;
padding:0px;
width:530px;
background-color:#F4E8EA;
}

#special {
font-weight:bold;
padding:6px;
margin:1px;
background-color:#F4E8EA;

}

#special h3 {
padding-top:0px;
margin-top:0px;
}

#news {

margin-top:2px;
padding:0px 4px 6px 2px;
/*background-color:#F9FADE;
border:1px solid #ccc;*/
}

#news h3 {
margin-top:2px;
color:#33336A;
text-align:left;
font-size:105%;
padding-top:0px;
}

#news p {
margin:2px;
}

#news img {
padding:1px 6px 3px 0px;
}

#towns {
float:left;
}

#towns img {
padding:8px 16px 6px 0px;
float:left;
}

#towns hr {
clear:left;
}

#towns h3 {
margin-bottom:4px;
}

#towns p {
margin-left:220px;
margin-right:20px;
line-height:140%;
}


#towndescriptions {
width:710px;
}

#townindex {
border:1px solid #ccc;
padding:5px;
text-align:center;
background-color:#F9FADE;
font-size:90%;
}

#arrow {
	margin-top:-10px;
	padding:3px;
width:420px;
margin-bottom:8px;
	border:1px solid #cccccc;
	background-color:#F9FADE;
}

#arrow h3 {
font-size:136%;
margin-top:3px;
}

#main table img {
padding:4px 8px 3px 0px;
}

.blueband {
	 padding:3px; 
text-align:center;
	 background-color:#DBE1EE;
}

#contactrightcol {
	float:right; 
	width:350px; 
margin:0px 0px 0px 20px;
}

#pleasenote {

	padding:8px; 
	margin-bottom:6px;
	background-color:#F9FADE;
	border:1px solid #cccccc;
}

#leftcol {
	width:48%;
	margin:0px 3px 3px 0px;
	padding:3px; 
	padding-right:9px;
	float:left; 
	border-right:1px dotted #cccccc;
}

#rightcol {
	width:48%;
	margin:0px 0px 3px 3px;
	padding:3px 3px 3px 3px;
	float:left;
}


.image1 {
	padding:0px 10px 3px 0px;
	}