/** 
	MAIN CSS STYLES 
	JOE SOUCHERAY
	AUGUST 8, 2009
	
	ORDER OF CSS DEFINITIONS:
		1. YUI RESET
		2. LAYOUT STYLES
		3. TYPOGRAPHY
		4. Left Navigation	
**/


/**
	YUI RESET
**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ul {
	list-style: none;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a {
	outline: none;
	}

/**
	LAYOUT STYLES
**/
body {
	background: #e8e0cd;
	color: #fff;
}
.center {
	width: 900px;
	margin: 16px auto 0;
}
.leftnav {
	width: 200px;
	float: left;
}
.content {
	width: 700px;
	float: left;
	height: 520px;
}
.content .top {
	width: 700px;
	height: 12px;
	background: url(/images/common/right_top.jpg) no-repeat;
	float: left;
	clear: both;
}
.content .copy {
	width: 650px;
	background: url(/images/common/right_repeat.jpg) repeat-y;
	float: left;
	clear: both;
	padding: 0 25px;
}
.content .bottom {
	width: 700px;
	height: 24px;
	background: url(/images/common/right_bottom.jpg) no-repeat;
	float: left;
	clear: both;
}
.content .prop_back {
	width: 700px;
	height: 520px;
	background: url(/images/common/prop_back.jpg) no-repeat;
}
.copyright {
	float: left;
	clear: both;
	color: #000;
	font-size: 9px;
	width: 300px;
	margin: 0 0 0 205px;
}
#home_slideshow {  
    width:  690px; 
    height: 510px; 
    padding: 0;
    top: 3px;
    left: 4px;  
    margin:  0;  
} 
 
#home_slideshow img {  
    width:  690px; 
    height: 510px; 
    top:  0; 
    left: 0 
} 
.home_overlay_content {
	width: 220px;
	height: 480px;
	position: absolute;
	background: url(/images/common/photo_num.png);
	padding: 15px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 100;
	margin: 3px 0 0 445px;
	}
.home_featured_label {
	text-align: center;
	padding: 5px 12px;
	font-size: 14px;
	background: url(/images/common/photo_num.png);
	color: #fff;
	position: absolute;
	font-family: "Arial", Verdana, sans;
	font-style: italic;
	z-index: 500;
	margin: 487px 0 0 4px;
}
.overlay_content {
	width: 220px;
	height: 480px;
	position: relative;
	background: url(/images/common/photo_num.png);
	left: 440px;
	padding: 15px;
	overflow-y: auto;
	overflow-x: hidden;
	}
.overlay_content ul {
	clear: both;
	margin: 20px 0 0 0;
}
.overlay_content ul li a {
	display: block;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}
.overlay_content ul li a:hover {
	background: url(/images/common/photo_num.png);
}
.about {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/aboutus.jpg) no-repeat;
	}
.contact {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/contactus.jpg) no-repeat;
	}
.contact ul {
	list-style: none;
	font-size: 12px;	
}
.contact ul li {
	padding: 3px 0;
	border: 0px;
}
#contact_form_holder {
	position: absolute;
	background: transparent url(/images/common/photo_num.png) repeat scroll 0 0;
	margin: 35px 0 0 38px;
	width: 360px;
}
#contact_form_holder .close {
	color: #fff;
	padding: 6px;
	float: right;
	font-size: 12px;
	padding: 5px;
	border: 1px #fff solid;
	font-weight: bold;
	margin: 8px 8px 0 0;
	cursor: pointer;
}
#contact_form_holder .message {
	padding: 6px 20px 20px 20px;
}
.contact_btn a {
	color: #fff;
	padding: 6px;
	float: right;
	font-size: 12px;
	padding: 5px;
	border: 1px #fff solid;
	font-weight: bold;
	margin: 3px 0 0 0;
	text-decoration: none;
}
.contact .contact_btn a, .services .contact_btn a, .realty .contact_btn a, .appraisal .contact_btn a, .management .contact_btn a, .mortgage .contact_btn a {
	margin: 30px 0 0 0;
}
.property_agent .contact_btn a {
	margin: -30px 0 0 0;
}
.services {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/services.jpg) no-repeat;
	}
.people {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/people.jpg) no-repeat;
	}
.people img {
	float: left;
}
.people .agent_left {
	width: 153px;
	float: left;
	margin: 20px 20px 8px 0;
}
.people .agent_photo {
	border: 1px #34270B solid;
	width: 151px;
	height: 165px;
	}
.people .agent_right {
	float: left;
	width: 227px;
	margin: 5px 0 0 0;
}
.people .agent_left ul {
	float: left;
	clear: both;
	margin: 0 0 0 0;
	width: 153px;
}
.people .agent_left ul li {
	font-size: 12px;
	margin: 5px 0 0 0;
	color: #34270B;
	float: left;
	clear: both;
}
.people .agent_left ul li a {
	color: #34270B;
	padding: 6px;
	float: right;
	font-size: 13px;
	padding: 5px;
	border: 1px #34270B solid;
	font-weight: bold;
	margin: 3px 0 0 0;
	text-decoration: none;
}
.media {
	width: 650px;
	height: 470px;
	position: relative;
	top: 3px;
	left: 4px;
	padding: 20px;
	background: url(/images/common/headers/people.jpg) no-repeat;
	}
.media ul {
	float: left;
	width: 100%;
	height: 425px;
	overflow-y: auto;
	overflow-x: hidden;
	}
.media ul li {
	padding: 15px;
	margin: 0;
	border-bottom: 1px #34270B solid;
	cursor: pointer;
	}
.media ul li:hover {
	background: #fff;
}
.article {
	overflow-y: auto;
	}
.realty {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/realty.jpg) no-repeat;
	}
.management {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/management.jpg) no-repeat;
	}
.appraisal {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/appraisal.jpg) no-repeat;
	}
#history_slideshow {
	position: absolute;
	z-index: 200;
}
.history #prevBtn a, .history #nextBtn a {
	width: 69px;
	height: 24px;
}
.history #prevBtn, .history #nextBtn {
	float: left;
	width: 69px;
	display:block;
	height:24px;
	left:541px;
	position:relative;
	top:480px;
	z-index:1000;
	margin-right: 5px;
}
.history {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	}
.history1{
	width: 690px;
	height: 510px;
	background: url(/images/history/1.jpg) no-repeat;
}
.history2{
	width: 690px;
	height: 510px;
	background: url(/images/history/2.jpg) no-repeat;
}
.history3{
	width: 690px;
	height: 510px;
	background: url(/images/history/3.jpg) no-repeat;
}
.history4{
	width: 690px;
	height: 510px;
	background: url(/images/history/4.jpg) no-repeat;
}
.history5{
	width: 690px;
	height: 510px;
	background: url(/images/history/5.jpg) no-repeat;
}
.history .controls {
	width: 230px;
	position: relative;
	float: right;
	padding: 10px;
	top: -50px;
}
.history .controls a {
	color: #fff;
	padding: 6px;
	float: right;
	font-size: 12px;
	padding: 5px;
	border: 1px #fff solid;
	font-weight: bold;
	margin: 3px 0 0 0;
	text-decoration: none;
}
.history .controls .next {
	float: right;
}
.history .controls .previous {
	float: left;
}
.slide_controls {
	width: 150px;
	position: relative;
	z-index: 300;
	top: -28px;
	left: 4px;
}
.slide_controls a {
	margin-right: 2px;
}
.latin {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/latin.jpg) no-repeat;
	}
.properties {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/properties.jpg) no-repeat;
	}
.testimonials {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/testimonials.jpg) no-repeat;
	}
.testimonials ul {
	list-style: none;
	font-size: 12px;	
}
.testimonials ul li {
	padding: 10px;
	border-top: 1px #ccc solid;
}
.testimonials ul li .sig {
	margin: 8px 0 8px 8px;
	font-size: 12px;
	font-style: italic;
}
.philosophy {
	width: 690px;
	height: 510px;
	position: relative;
	top: 3px;
	left: 4px;
	background: url(/images/common/headers/philosophy.jpg) no-repeat;
	}
.philosophy ol {
	font-size: 12px;
	margin: 12px 12px 12px 25px;
}
.philosophy ol li {
	margin: 5px 0 0 0;
	font-style: italic;
}
.popeye-stage {
	position: relative;
	top: 3px;
	left: 4px;
}
.popeye-enlarge {
	display: none;
}
.popeye-tools a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.popeye-tools {
	width: 212px !important;
	float: right;
}
.popeye-tools-wrap {
	position: relative;
	top: -25px;
	left: 514px;
	z-index: 200;
	clear: both;
	color: #fff;
	width: 212px;
	font-family: "Arial", Verdana, sans;
}
.popeye-count {
	padding: 7px 12px;
	font-size: 12px;
	background: url(/images/common/photo_num.png);
	float: left;
	text-align: center;
	margin: 0 2px;
	width: 90px;
}
.popeye-next, .popeye-prev {
	float: left;
	text-align: center;
	padding: 7px 12px;
	font-size: 12px;
	background: url(/images/common/photo_num.png);
}
.address {
	float: left;
	text-align: center;
	padding: 5px 12px;
	font-size: 14px;
	background: url(/images/common/photo_num.png);
	color: #fff;
	position: relative;
	top: -3.7em;
	left: .3em;
	font-family: "Arial", Verdana, sans;
	font-style: italic;
}
#propertyinfo_holder {
	width: 250px;
	height: 430px;
	position: absolute;
	top: 0px;
	background: url(/images/common/photo_num.png);
	padding: 15px;
	margin: 19px 0 0 414px;
	display: none;
}
#propertyinfo_holder .property_specs {
	color: #fff;
}
.price {
	font-weight: bold;
	font-size: 14px;
}
#propertyinfo_holder ul {
	font-size: 12px;
	list-style: none;
}
#propertyinfo_holder ul li {
	margin: 3px 0 0 0;
}
#propertyinfo_holder .property_desc {
	color: #fff;
	padding: 0 10px 15px 0;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	margin: 10px 0;
	height: 220px;
	overflow-y: auto;
	overflow-x: hidden;
}
#propertyinfo_holder .property_agent {
	color: #fff;
}
#propertyinfo_holder .close {
	color: #fff;
	padding: 6px;
	float: right;
	font-size: 12px;
	padding: 5px;
	border: 1px #fff solid;
	font-weight: bold;
	margin: 3px 0 0 0;
	}
#propertyinfo_holder .close:hover {
	cursor: pointer;
	}
#property_details {
	float: left;
	text-align: center;
	padding: 5px 12px;
	font-size: 12px;
	background: url(/images/common/photo_num.png);
	color: #fff;
	position: absolute;
	z-index: 200;
	margin: 3px 0 0 580px;
	font-family: "Arial", Helvetica, sans;
	width: 90px;
	}
#property_details:hover {
	cursor: pointer;
	}
.browserWarning {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #fff;
	padding: 6px 20px 20px 20px;
	width: 250px;
	border: 5px #a59a84 solid;
	z-index: 10000;
}
.browserWarning .browser_download {
	border-top: 1px #000 solid;
	margin: 12px 0 0 0;
}
.browserWarning .browser_download li {
	border-bottom: 1px #000 solid;
}
.browserWarning .browser_download li a {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 5px;
	color: #000;
	text-decoration: none;
}
.browserWarning .browser_download li a:hover {
	background: #f4f4f4;
}
/**
	TYPOGRAPHY STYLES
**/
body {
	font-family: "Arial", Helvetica, sans;
	color: #fff;
}
h1 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px #ccc solid;
	padding: 0 0 5px;
	margin: 0 0 12px;
	text-transform: capitalize;
}
h2 {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	}
h3 {
	color: #34270b;
	font-size: 18px;
	padding: 0 0 3px;
	font-weight: bold;
	border-bottom: 1px #34270b solid;
}
h4 {
	color: #34270b;
	font-size: 15px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	}
p {
	font-size: 13px;
	line-height: 16px;
	margin: 10px 0 0 0;
}
.people p, .media p, .browserWarning p {
	color: #34270b;
}
small {
	color: #34270b;
	font-size: 9px;
	padding: 0;
	margin: 0;
	line-height: 9px;
	}
.overlay_content h3 {
	border-bottom: 1px #fff solid;
}
.home_overlay_content p {
	line-height: 16px;
}
.overlay_content h3, .overlay_content ol, .overlay_content p {
	color: #fff;
}
ol {
	font-size: 13px;
	margin: 0px 12px 12px 20px;
	color: #34270b;
	}
ol li {
	margin: 5px 0 0 0;
	}
ol li ol {
	list-style-type: lower-alpha;
	}

/**
	LEFT NAVIGATION STYLES
**/
.leftnav ul {
	width: 192px;
	font-family: "Arial", Verdana, sans;
	border-right: 1px #9e947e solid;
	padding: 0 0 1px;
	background: url(/images/common/nav_li_break.jpg) no-repeat bottom right;
	list-style: none;
}
.leftnav li {
	background: url(/images/common/nav_li_break.jpg) no-repeat top right;
	padding: 1px 0 0 0;
}
.leftnav ul li a {
	display: block;
	text-align: right;
	font-size: 12px;
	color: #34270b;
	background: url(/images/common/nav_back.jpg) repeat-y right;
	text-decoration: none;
	padding: 8px 6px;
}
.leftnav ul li a:hover {
	background: url(/images/common/nav_over.jpg) repeat-y right;
	color: #fff;
}
.leftnav ul li:hover ul {
	display: block;
	margin: -31px 0 0 192px;
}
.leftnav ul li ul {
	display: none;
	background: url(/images/common/sub_nav_back.png);
	border: 0px;
	position: absolute;
	z-index: 900;
	padding: 0;
}
.leftnav ul li ul li {
	background-image: none;
	border-bottom: 1px #241905 solid;
}
.leftnav ul li ul li a {
	display: block;
	text-align: left;
	font-size: 12px;
	color: #fff;
	background-image: none;
	text-decoration: none;
	padding: 5px;
	opacity: .8;
}
.leftnav ul li ul li a:hover {
	background: url(/images/common/sub_nav_over.jpg) no-repeat top;
}

/* Easy Slider */
#slider {
	position: relative;
	top: 3px;
	left: 4px;
}
#slider {
	height: 510px;
	}
#slider ul li {
	float: left;
	cursor: pointer;
	}
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	overflow: hidden;
}
#slider2{
	margin-top:1em;
}
#slider li, #slider2 li{ 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
	width:690px;
	height:510px;
	overflow:hidden; 
}	
#slider li.slideOne {
	background: url(/images/homes/deanCourt/2.jpg) no-repeat;
}
#slider li.slideTwo {
	background: url(/images/homes/salem/3.jpg) no-repeat;
}
#slider li.slideThree {
	background: url(/images/homes/riverWest/3.jpg) no-repeat;
}
#slider li.slideFour {
	background: url(/images/homes/bookmenStacks/2.jpg) no-repeat;
}
#slider li.slideFive {
	background: url(/images/homes/franklin/8.jpg) no-repeat;
}
#slider li.slideSix {
	background: url(/images/homes/woodlawn/3.jpg) no-repeat;
}
#slider li.slideSeven {
	background: url(/images/homes/puertoVallarta/1.jpg) no-repeat;
}
#prevBtn, #nextBtn,	#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
}	
#nextBtn, #slider1next{ 
	left:696px;
}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
}

/** CUSTOM FORM STYLES **/
.error_over {
	position: absolute;
	font-size: 12px;
	background: #000;
	width: 200px;
	padding: 30px;
	margin: 42px 0 0 320px;
	z-index: 200;
}
.required_line {
	font-size: 12px;
	color: #FF0000;
	float: left;
	clear: both;
	margin: -53px 0 0 108px;
}