html { font-size: 100%; /* IE hack (http://www.clagnut.com/blog/348/#c790) */ }
	body, div { margin:0; padding:0;}
	body {	height: 100%;
			font-size: 85%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
				/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
			/** font-size:62.5%;  take all text down to 10px **/
			background: #000000 url(/images/lay_bg.gif) repeat top left; color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			/*font-family: "trebuchet MS", "Lucida Console", Arial, sans-serif;*/
	}
	a { color: #cfb53b;}
	a:hover { text-decoration:none;}
	a img {border:0;}
	.highlight {color: #cfb53b; border-color: #cfb53b;}
	
	#container { margin:0; padding:0;}
	#banner { background: url(/images/lay_top_bg.gif) repeat-x top left; height:100px; width:100%;}
	#title { background: url(/images/jdg_logo.gif) no-repeat center left; height:100px; width:824px; margin: 0 auto;}
	#phone_number {z-index:50; position:absolute; background: url(/images/phone_number.gif) no-repeat top right; width:154px; height:33px; right:30px; top:0;}
	
	#main { background: url(/images/lay_top_shadow.gif) repeat-x top left;}
	#content_container {margin: 0 auto; background: url(/images/lay_content_bg.gif) repeat-y top left; width:824px;}
	#content_container_right {margin: 0 auto; background: url(/images/lay_content_bg_right.gif) repeat-y top left; width:824px;}
	#content {background: url(/images/lay_content_top.gif) no-repeat top left; padding:0 12px 12px 12px;}
	#content_right {background: url(/images/lay_content_top_bg_right.gif) no-repeat top left; padding:0 12px 12px 12px;}
	#content_bottom {margin: 100px auto 0 auto; padding:0; background: url(/images/lay_content_bottom.gif) no-repeat top left; height:26px; clear:both;}
	#copyright {margin: 0 auto; padding-bottom: 25px; width:824px; text-align:center;}
	
	#breadcrumbs { font-size:.9em; margin-bottom:12px; color:#999999;}
	#breadcrumbs a { color:#CCCCCC;}

	#nav { width:172px; padding-bottom: 50px; float:left;}
	#nav div.btn { width: 172px; height: 40px; margin: 0; }
	#nav div.btn a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; }
	#nav div.btn span { display: none; }
	
	#nav .sub_btn {
		background: url('/images/sub_btn_bg.gif') 0 0 no-repeat;
		margin:0 0 0 0; padding:8px 3px 20px 35px;
	}
	#nav .sub_btn li {margin:0; padding:0;}
	
		/* Nav buttons */
		div.btn#home a { background: url( '/images/btn/btn_home.gif' ) 0 0 no-repeat; }
		div.btn#home a:hover { background: url( '/images/btn_on/btn_home.gif' ) 0 0 no-repeat; }
		div.btn#home_on a{ background: url( '/images/btn_on/btn_home.gif' ) 0 0 no-repeat; }
		
		div.btn#about_us a { background: url( '/images/btn/btn_about_us.gif' ) 0 0 no-repeat; }
		div.btn#about_us a:hover { background: url( '/images/btn_on/btn_about_us.gif' ) 0 0 no-repeat; }
		div.btn#about_us_on a{ background: url( '/images/btn_on/btn_about_us.gif' ) 0 0 no-repeat; }
		
		div.btn#properties a { background: url( '/images/btn/btn_properties.gif' ) 0 0 no-repeat; }
		div.btn#properties a:hover { background: url( '/images/btn_on/btn_properties.gif' ) 0 0 no-repeat; }
		div.btn#properties_on a{ background: url( '/images/btn_on/btn_properties.gif' ) 0 0 no-repeat; }
		
		div.btn#contact_us a { background: url( '/images/btn/btn_contact_us.gif' ) 0 0 no-repeat; }
		div.btn#contact_us a:hover { background: url( '/images/btn_on/btn_contact_us.gif' ) 0 0 no-repeat; }
		div.btn#contact_us_on a{ background: url( '/images/btn_on/btn_contact_us.gif' ) 0 0 no-repeat; }
		
		div.btn#news a { background: url( '/images/btn/btn_news.gif' ) 0 0 no-repeat; }
		div.btn#news a:hover { background: url( '/images/btn_on/btn_news.gif' ) 0 0 no-repeat; }
		div.btn#news_on a{ background: url( '/images/btn_on/btn_news.gif' ) 0 0 no-repeat; }
		
	#nav .news { padding: 10px 8px 50px 12px; }
	#nav .news h2 { font-size:.95em; padding:0; margin:8px 0 0 0; color:#cfb53b; }
	#nav .news p { font-size:.95em; padding:0; margin:5px 0 0 0;}
	#nav .news ul { margin: 0 15px 15px 15px; padding:0; }
	#nav .news li { font-size:.95em;}

	.copy { padding: 12px 20px 20px 20px; float:left; }
	.copy_1_col { width:350px; }
	.copy_full {width:545px;}

		.copy p {font-size: 1.0em;}
		.copy ol, ul, li {
			font-size: 1.0em;
			margin-top: 0.2em;
			margin-bottom: 0.1em;
		}
		.prop_list {
			line-height: 1.75em;
		}
		
		.copy h1{ 
			font-family: times, georgia, serif;
			color: #cfb53b;
			margin: 0;
			padding: 5px 0px 6px 0px;
			font-size: 2.59em;
			line-height: 30px;
			letter-spacing: -1px;
			font-weight: bold;
		}
		#bio_photo {
			margin:0 0 30px 25px;
		}
		
	#photos {
		float:left;
		width: 220px;
	}
	#photos img {
		border-top: 1px solid #9e7f33;
		border-right: 1px solid #9e7f33;
		border-bottom: 1px solid #776026;
		border-left: 1px solid #776026;
	}
	
	
	
/* Property styles */

	.copy_575 {width:575px;}
	
	.prop_thumbs {
		margin: 25px;
		width:500px;
	}
	.prop_thumbs a img {border:4px solid #000000;}
	.prop_thumbs a:hover img {border:4px solid #FFFFFF;}

	#property_detail { width:152px; padding: 35px 8px 50px 12px; float:right; font-size:.95em;}
	#property_detail h3 { font-size:.95em; padding:0; margin:8px 0 0 0; color:#cfb53b; }
	#property_detail p { padding:0; margin:5px 0 0 0;}
	#property_detail ul {margin:0; padding-left:1em;}
	#property_detail ul li { margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0%; line-height:1.25em;}