/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset */

/*===============================IMAGE REPLACEMENT==============================*/

.no { letter-spacing : -10000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

h1.header { width:961px; height:335px; float:left; background:url(/images/index/header.jpg) top left no-repeat; }

/* Page Structure, ID's */

body { text-align:center; background-color:#0b1b34; }

/*================================================= INDEX PAGE =================================================*/
	
	#main_wrapper { width:961px; margin:0 auto; }
		#header { width:961px; height:335px; float:left; background:url(/images/index/header.jpg) top left no-repeat; }
			#email_container { float:right; margin:-36px 15px 0 0; display:inline; }
		#text_bg { width:961px; height:185px; float:left; background:url(/images/index/text-bg.jpg) top left no-repeat; }
			#index_text { width:901px; float:left; margin:10px 30px; display:inline; }
		#btns_bg { width:961px; height:528px; float:left; background:url(/images/index/btns-bg.jpg) top left no-repeat; } 
			#btn_list { width:871px; float:left; margin:70px 45px 0 45px; display:inline; }
				.btn_container { width:184px; height:184px; float:left; }
		#footer { width:961px; height:73px; float:left; padding:0 0 30px 0;  background:url(/images/index/footer.jpg) top left no-repeat; }
		
/*================================================= NAVIGATION =================================================*/
#btn_list a { display:block; }
#btn_list li { float:left; width:184px; height:184px; }

#properties a { width:184px; height:184px; float:left; background:url(/images/btns/dial-property.jpg) top left no-repeat; }
#realty a { width:184px; height:184px; float:left; background:url(/images/btns/realty.jpg) top left no-repeat; }
#land_development a { width:184px; height:184px; float:left; background:url(/images/btns/land-development.jpg) top left no-repeat; }
#family_resorts a { width:184px; height:184px; float:left; background:url(/images/btns/family-resorts.jpg) top left no-repeat; }
#senior_mgmt a { width:184px; height:184px; float:left; background:url(/images/btns/senior-management.jpg) top left no-repeat; }
#brasil a { width:184px; height:184px; float:left; background:url(/images/btns/brasil.jpg) top left no-repeat; }
#communities a { width:184px; height:184px; float:left; background:url(/images/btns/communities.jpg) top left no-repeat; }
#portfolio a { width:184px; height:184px; float:left; background:url(/images/btns/portfolio.jpg) top left no-repeat; }

#properties a:hover, 
#realty a:hover, 
#land_development a:hover, 
#family_resorts a:hover, 
#senior_mgmt a:hover, 
#brasil a:hover, 
#communities a:hover, 
#portfolio a:hover { background-position:bottom; }

/*

#top_navigation { width:383px; height:14px; float:right; z-index: 1; cursor:pointer; }
#top_navigation li { margin:0 20px 0 0; }
#top_navigation a { display:block; }
#top_navigation li { float:left; }
#top_navigation li a { height:14px; }

#home a { background: url(/images/nav/home.jpg) top center no-repeat; width:51px; height:14px; }
#our_work a { background: url(/images/nav/work.jpg) top center no-repeat; width:81px; height:14px; }
#about_us a { background: url(/images/nav/about.jpg) top center no-repeat; width:78px; height:14px; }
#contact_us a { background: url(/images/nav/contact.jpg) top center no-repeat; width:93px; height:14px; }

#home a:hover, #our_work a:hover, #about_us a:hover, #contact_us a:hover { background-position:bottom; }

*/

/*================================================= LINKS ======================================================*/

a:link { font-family:verdana, arial, helvetica; font-size:12px; color:#FFF; text-decoration:none; font-weight:bold;}
a:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#FFF; text-decoration:none; font-weight:bold;}
a:hover{font-family:verdana, arial, helvetica; font-size:12px; color:#FFF; text-decoration:underline; font-weight:bold;}

/*================================================= TEXT =======================================================*/

p { font-family:verdana, arial, helvetica; font-size:14px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; text-align:center; }
.white_12_b { font-family:verdana, arial, helvetica; font-size:14px; color:#fff; text-decoration:none; font-weight:bold; line-height:150%; }

/*================================================= MARGINS =======================================================*/

.btn_margin { margin:0 45px 45px 0; display:inline; }
.btn_margin_last { margin:0 0 45px 0; display:inline; }
/*================================================= FLOATS =======================================================*/

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

/*================================================= BEGIN CLEARFIX FOR FLOAT STYLES ============================*/

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;_height: 1%;}
.clearfix {display:block;}