@charset "UTF-8";
/* CSS Document */

/* Start Generic Styles */

body {background:#4b585a; font:100% Arial, Helvetica, sans-serif; text-align:center;}

body#home a#homenav, body#property a#propertynav, body#team a#teamnav, body#profile a#profilenav, body#client a#clientnav, body#contact a#contactnav {
	color: #f5822c;
}

ul{
	list-style:inside;
}

a {text-decoration:none; color:#4b585a;}

a:hover {text-decoration:underline}

.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
}



/* Start Structure */

#container {
	width:947px; height:570px; text-align:left; margin:auto;
}
#header{
	height:86px;
}
	#header h1{
		background:url(../images/logo.gif) no-repeat; width:320px; height:38px; text-indent:-5000px; margin-top:20px; float:left;
	}

#content{
	background:#546162; height:448px; overflow:hidden; 
}		
	#content h2{
		color:#f5822c; padding:30px 0 12px 30px; font-weight:bold;
	}
	
/* Home Specific */	
	
body#home #content{
	background:#e4e6e6;
}
body#home #left-col{
	width:351px; float:left; display:inline;
}
	body#home #left-col h2{
		color:#f5822c; background:white; padding:40px 30px; font-weight:bold;
	}
	body#home #left-col p, body#home #left-col ul{
		color:#4b585a; font-size:0.8em; padding:34px 30px 0 30px;
	}
	body#home #left-col ul{
		list-style:inside; list-style-type:disc;
	}
body#home #right-col{
	float:right; display:inline;
}	

/* Profile Specific */
body#profile #content{
	background: #e4e6e6;
}	
body#profile #left-col{
	width:351px; float:left; display:inline; 
}
	body#profile #left-col #pull{
		background:white; height:149px; margin-bottom:20px;
	}
body#profile #left-col p{
	color:#4b585a; font-size:0.7em; padding:0 30px 1.3em 30px;
}
body#profile #right-col{
	width:596px; float:right; display:inline;
}

/* Team Specific */
	#content .teammember{
		width:315px; float:left; margin-bottom:28px;
	}
		#content .teammember img{
			margin: 0 20px 0 30px; border:solid 1px #9cb3b5; padding:1px; float: left;
		}
		#content .teammember h3{
			padding:7px 0 0 30px; color:white; font-size:0.9em; 
		}
		#content .teammember .jobtitle{
			padding-left:30px; color:#f5822c; font-size:0.7em;
		}
		#content .teammember .email a{
			 color:#9cb3b5; font-size:0.7em;
		}
		
/* Client Specific */
	#content #clientmov{
		margin-top:30px;
	}
	#content .clientholder{
		width:225px; float:left; margin-bottom:12px;
	}
		#content .clientholder img{
			margin: 0 0 0 30px; 
		}
		#content .clientholder h3{
			padding:7px 0 0 30px; color:white; font-size:0.8em;
		}
			#content .clientholder .email a{
				padding-left:30px; color:#9cb3b5; font-size:0.7em;
			}

		
/* Properties Specific */
	
	#content #fullscrollholder{
		height:390px; overflow: auto;
	}
	#content #halfscrollholder{
		height:390px; overflow: auto; width: 351px; float: left;
		}
	
	#content #halfscrollholder .property{
		width:301px; margin:0; padding-left:30px; 
	}
	#content #highright{
		float:right; width: 596px;
	}
	
	
	#content .controller{
		padding:0 0 18px 30px; 
	}
	#content .property{
		width:415px; margin-bottom:40px; padding-left:30px; min-height:190px;
	}
	#content .property2{
		width:305px; margin-bottom:40px; padding-left:30px; 
	}
	
	#content .property .pimage{
		width: 140px; float: left; 
	}
	#content .property .ptext{
		width: 270px; float: left; 
	}	
		#content .property h3, #content .propertylist h3, #content .propertylist h3 a, #content .property h3 a, #content .property2 h3,  #content .property2 h3 a{
			color:white; font-size:1.1em;
		}
		
		#content #halfscrollholder .property h3{
			padding: 10px 0 20px 0;
		}
	
		#content .property h3 a:hover{
			color:#f5822c; text-decoration:none;
		}
		#content .property .address{
			color:#a7c1c3; font-size:0.8em; padding-bottom:1em;
		}
		#content .property .description{
			color:#FFF; font-size:0.7em; padding-bottom:1em;
		}
		
			#content .property .link a, #content .property .pdf a{
				color:#a7c1c3; font-size:0.7em;
			}
.propnav{
	color:#a7c1c3; font-size:0.8em; list-style:none; 
}	
	.propnav li{
		float:left;
	}
		.propnav li a{
			color:#a7c1c3;
		}
.paging{
	font-size:0.7em;
}	
	.paging li{
		float:left; padding:0 2px;
	}
		.paging li a{
			color:#a7c1c3;
		}
		
	
		
/* Contact Specific */

body#contact #content{
	background:#e4e6e6;
}

body#contact #left-col{
	width:351px; float:left; display:inline;
}
	body#contact #left-col h2{
		color:#f5822c; background:white; padding:40px 30px;
	}
	body#contact #left-col p{
		color:#4b585a; font-size:0.8em; padding:34px 30px 0 30px;
	}
body#contact #right-col{
	float:right; display:inline;
}
body#contact #right-col #map{
	width:596px;
	height:448px;
}

/* Begin Footer */	
	
#footer{
	height:16px; padding:10px; text-align:center
}
	#footer p{
		font-size:0.6em; color:#a5acad;
	}



#nav{
	font-size:1em; float:right; margin-top:40px;
}	
	#nav ul{
		list-style:none;
	}
		#nav li{
			float:left; color:#a7c1c3; padding-left: 25px;
		}
			#nav li a{
				color:#FFF; 
			}
			#nav li a:hover {
				color:#f5822c; text-decoration:none;
			}	
	
	
/* DROPDOWN NAV */


.prodrop8 {padding:0; margin:40px 0 0 0; list-style:none; height:36px; position:relative; z-index:500; float:right}
.prodrop8 li.top {display:block; float:left;}
.prodrop8 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#fff; text-decoration:none; font-size:1em; font-weight:bold; padding:0 0 0 30px; cursor:pointer;}
.prodrop8 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;}
.prodrop8 li a.top_link:hover {color:#f5822c; line-height:27px;}


.prodrop8 li:hover > a.top_link {color:#f5822c; line-height:27px;}



.prodrop8 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop8 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop8 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop8 ul, .prodrop8 iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


.prodrop8 ul.sub2 {width:180px;}


.prodrop8 :hover iframe.one {left:0; top:35px; width:150px; height:100px;}
.prodrop8 :hover iframe.two {left:0; top:35px; width:100px; height:65px;}

.prodrop8 :hover ul {left:0; top:35px; background: #333; padding:3px;  white-space:nowrap; height:auto; z-index:300;}
.prodrop8 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop8 :hover ul li a {display:block; font-size:0.8em; height:20px; line-height:20px; width:auto; padding:0 10px; color:#fff; text-decoration:none;}
.prodrop8 :hover ul li a:hover {background:#f5822c; color:#fff;}