/* *************************************
General Stylesheet

This stylesheet is linked to every page throoughout the site. 
This is used to set the overarching styles that are constant throughout the site.

Coded by Bill Hanff (bill@deorganic.com)

************************************* */
		*				{
						margin: 0;
						padding: 0;
						}
		
		body			{
						font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
						color:#333;
						}

/* ****************************
Overall Layout
--------------
These are the divs that define the general page layouts.
It outlines the blocks used to shape the overall page.

**************************** */
		#pagehead		{
						z-index:200;
						position:absolute;
						left:50%;
						margin-left:-445px;
						width:890px;
						border:0px solid #F00;
						}
		
		#wrapper		{
						z-index:190;
						position:absolute;
						top:80px;/* 221px; */
						left:50%;
						margin-left:-445px;
						width:890px;
						border:0px solid #F00;
						padding:60px 0 0 0;
						}
		
		.terms #wrapper, .privacy #wrapper, .sitemap #wrapper	{
						padding:12px 0 0 0;
						}
		
		#header			{
						margin:0 0 0 53px;
						width:800px;
						float:left;
						}

		#singlecontent	{
						margin:0 0 0 53px;
						width:700px;
						float:left;
						}
		
		#topstrip		{
						margin:0 20px 0 40px !important;
						margin:0 20px 0 20px;
						float:left;
						border:0px solid #0F0;
						}

		#maincontent	{
						margin:0 20px 0 53px !important;
						margin:0 20px 0 26px;
						width:550px;
						float:left;
						border:0px solid #0F0;
						}

		.contact #wrapper #pageBodyLayer #maincontent
						{
						margin:0 20px 0 53px !important;
						margin:0 10px 0 26px;
						}
		
		.contact #wrapper #pageBodyLayer #subcontent
						{
						margin:20px 0 0 0;
						}
		
		
		#subcontent		{
						float:left;
						width:250px;
						}
		.services #subcontent		
						{
						float:left;
						width:200px;
						}

		#col1			{
						width:192px;
						float:left;
						margin:16px 0 0 0;
						}
		
		#col2			{
						width:330px;
						float:left;
						margin:0 0 0 20px;
						}
		
		
		#pagefooter		{
						float:left;
						width:890px;
						font-size:10px;
						margin-top:20px;
						border-top:1px solid #CCC; /* 84294e; */
						}
		
		#pagefooter a:hover
						{
						text-decoration:underline;
						}
					
/* ****************************

Header and Navigation Styles

**************************** */
		/* Title & Title link Home */
		#pagehead h2	{
						}
		
		#pagehead h2 a	{
						display:block;
						background:url('../assets_img/corporate_title.gif') no-repeat;
						width:237px;
						height:37px;
						margin:18px 0 18px 6px;
						}
						
		#pagehead h2 a span
						{
						display:none;
						}
		
		/* Main Nav */
		
		#pagehead ul#mainnav
						{
						width:890px;
						padding:0;
						border-bottom:1px solid #bfbfbf;
						float:left;
						}

		#pagehead ul li	{
						position: relative;
						display:block !important;
						display:inline;
						float: left !important;
						float: none;
						list-style:none;
						cursor:default;
						margin:0 12px 0 0;
						padding:0;
						}

		#pagehead ul li span, #pagehead ul li a
						{
						display:block !important;
						display:inline;
						font-size:13px;
						text-decoration:none;
						color:#464546;
						padding:3px 6px 0 6px;
						margin:0;
						}

		*:first-child+html #pagehead ul li span { display:inline; }
		*:first-child+html #pagehead ul li a 	{ display:inline; }

		#pagehead ul li a:hover,
		.home #pagehead ul li a#navlink_home,
		.careers #pagehead ul li a#navlink_careers,
		.services #pagehead ul li#navlink_services span,
		.execs #pagehead ul li a#navlink_execs,
		.hr #pagehead ul li a#navlink_hr,
		.contact #pagehead ul li a#navlink_contact,
		.casestudies #pagehead ul li a#navlink_cs
						{
						border-bottom:2px solid #bfbfbf;
						}
		
		#pagehead ul li ul
						{
						display: none;
						position: absolute;
						z-index:200;
						background:#f6f6f6;
						border-top:1px solid #bfbfbf;
						border-left:1px solid #EEE;
						border-right:1px solid #999;
						border-bottom:1px solid #999;
						width:170px;
						margin:0 0 0 -6px;
						padding:6px 0 13px 8px !important;
						padding:18px 0 13px 14px;
						left:0;
						top:21px;
						}
		
		/* lists nested under hovered list items */
		#pagehead ul li:hover ul, #pagehead ul li.over ul
						{ 
						display: block;
						}
		
		/* to override top and left in browsers other than IE, 
		which will position to the top right of the containing
		li, rather than bottom left */
		li>ul 			{
						top: auto;
						left: auto;
						}
						
		#pagehead ul li ul li
						{
						margin:0;
						padding:0;
						width:200px;
						}
						
		#pagehead ul li ul li a
						{
						display: block;
						color:#1e1206;
						font-weight:normal;
						font-size:11px;
						line-height:12px;
						border:0;
						text-transform:none;
						margin:6px 0;
						padding:0 0 0 5px;
						width:150px;
						}
					
		#pagehead ul li ul li a:hover
						{
						border:0;
						color:#7e0d38;
						text-decoration:underline;
						}
								
		strong {font-weight:normal;}
		
		#rentalsLink	{
						position:absolute;
						top:21px;
						left:50%;
						background:#fff url('../assets_img/button_salesrentals.gif') no-repeat 0 0;
						width:166px;
						height:28px;
						margin-left:270px;
						display:block;
						z-index:5000;
						}
		
		#rentalsLink span { display:none; }
		
/* ****************************

Page Footer Styles.
All the styles for styling the content inide the footer div

**************************** */
		
		#footercolumnOne
						{
						list-style:none;
						margin:10px 0 0 54px !important;
						margin:10px 0 0 27px;
						width:192px;
						float:left;
						}
		#footercolumnOne li
						{
						margin-left:0;
						margin-bottom:0px;
						}
						
		#footercolumnOne li a
						{
						color:#333; /* 521830; */
						font-size:11px;
						font-weight:bold;
						}
						
		#footercolumnTwo
						{
						margin:10px 0 0 0;
						width:425px;
						float:left;
						}
		
		#footercolumnTwo h2, #footercolumnTwo strong
						{
						font-size:11px;
						line-height:12px;
						}
		#footercolumnTwo p
						{
						margin:0 0 10px 0;
						font-size:10px;
						line-height:12px;
						}
		
		#footercolumnThree
						{
						margin:10px 0 0 0;
						width:168px;
						float:left;
						}
		
		#footercolumnThree a
						{ 
						display:block;
						width:168px;
						height:28px;
						margin:0 0 14px 0;
						}
		
		#footercolumnThree a span
						{ display:none; }
		
		#equalHousing	{
						background:url('../assets_img/equalhousing.gif');
						}
						
		#adobeacrobat	{
						background:url('../assets_img/adobeacrobat.gif');
						}

/* ****************************

**************************** */
		/*
		#header h1		{
						font-size:24px;
						font-weight:normal;
						color:#85294e;
						margin:0 0 3px 0;
						}
		*/
		
		#maincontent h1, #header h1, #topstrip h1, .revlayout h1, #header h1
						{
						font-size:22px;
						font-weight:normal;
						color:#3184ba;
						margin:30px 0 5px 12px;
						}
		
		#maincontent .hr { margin-left:12px; }
		
		#header h1		{
						margin-left:45px;
						}
		
		.revlayout h1	{
						font-size:16px;
						font-weight:normal;
						color:#85294e;
						margin:0 0 3px 0;
						}
		
		a				{
						color:#555;
						text-decoration:none;
						}
		
		
		#maincontent a:hover, #subcontent a:hover, #singlecontent a:hover
						{
						color:#85294e;
						text-decoration:underline;
						}
		
		#maincontent #col2 ul
						{
						margin:0 0 18px 0;
						}
		
		#maincontent #col2 ul li
						{
						font-size:12px;
						line-height:18px;
						color:#61726a;
						margin:0 0 0 12px;
						}
						
		p				{
						font-size:12px;
						line-height:18px;
						color:#61726a;
						margin:0 0 15px 0;
						}
		
		p.headtest 		{
						color:#3184ba;
						font-size:14px;
						line-height:22px;
						margin-top:10px;
						}

		
		ul				{
						margin:0 0 15px 0;
						}
		
		ul li			{
						font-size:12px;
						line-height:18px;
						color:#61726a;
						margin:0 0 5px 16px;
						}
		
		p em			{
						font-weight:bold;
						}
		
		.quoteText		{
						float:left;
						font-size:14px;
						line-height:30px;
						font-style:italic;
						color:#a0355e;
						margin:0;
						}
		
		.quoteSig		{
						float:right;
						font-size:12px;
						line-height:30px;
						font-style:italic;
						color:#a0355e;
						margin:0;
						padding:0 20px 0 0;
						}
		
		a img			{ border:0px; }
						
		hr				{ display:none; }

		#col1  h4		{
						font-size:12px;
						font-weight:bold;
						line-height:20px;
						color:#85294e;
						}
						
		#col2 h1		{
						margin:0;
						padding:0;
						font-size:12px;
						color:#a0355e;
						text-transform:uppercase;
						}
		
		#pageTopLayer .columnTwo img
						{
						margin:0 0 6px 2px;
						padding:0 10px 10px 10px;
						background-color:#FFF;
						}
		
		#pageTopLayer h2
						{
						color:#1e1206;
						font-size:26px;
						letter-spacing:-1px;
						margin:21px 0;
						}
		
		#pageTopLayer .columnOne p
						{
						width:300px;
						font-size:12px;
						font-weight:bold;
						line-height:18px;
						}
		
		#pageBottomLayer .columnTwo
						{ background:url('../assets_img/dotted_line.gif') repeat-y left top; }

		.roseContact	{
						display:block;
						margin:13px 0 0 0;
						}

		.roseContact h3	{ font-size:12px; }

		.roseContact p
						{
						font-size:11px;
						line-height:13px;
						}

						
/* ****************************

General Form Styles

**************************** */

		form, #contactThanks
						{
						display:block;
						float:left;
						background-color:#FFF;
						border-top:1px solid #DDD;
						border-left:1px solid #DDD;
						border-bottom:2px solid #BBB;
						border-right:2px solid #BBB;
						padding:25px 0 0 14px;
						width:530px;
						margin:0 12px 45px 0;
						}
		
		#contactThanks	{
						padding:80px 0 80px 0;
						text-align:center;
						}
		
		fieldset		{
						float:left;
						border:0px solid #DDD;
						margin:0 0 12px 0;
						padding:4px 0 0 0;
						width:320px;
						}

		fieldset.formTextInfo
						{
						float:left;
						
						width:210px;
						}

		fieldset.submitButton
						{
						width:530px;
						margin:30px 0 0 0;
						padding:0 0 20px 0;
						}


		label, input, legend
						{
						display:block;
						margin:4px 2px;
						}

		#formPropertyList
						{
						width:320px;
						float:left;
						margin:0 0 15px 0;
						}
						
		#formPropertyList span, #formPropertyList span label, #formPropertyList span input
						{
						float:left;
						border:0 solid #AAA;
						}
		
		#formPropertyList span label
						{ margin:0 0 0 4px; }
		
		#formPropertyList span
						{
						width:155px;
						margin:10px 0 0 0;
						}
			
		.formSingleLine, .formSingleLine label, .formSingleLine input
						{
						float:left;
						border:0 solid #AAA;
						}
		
		.formSingleLine	{
						width:320px;
						margin:12px 0 0 0;
						}
		
		label			{
						margin:4px 0 0 0;
						padding:0;
						font-size:11px;
						}
		
		input, textarea, select
						{
						background-color:#FFF;
						border:1px solid #AAA;
						font-size:11px;
						padding:2px;
						margin:0;
						}
		
		.search_property
						{
						display:block;
						width:200px;
						float:left;
						margin:5px 0;
						}
		
		.checkboxSet	{
						display:block;
						width:400px;
						float:left;
						margin:5px 0;
						}
		
		.search_property label, .search_property input, .checkboxSet label, .checkboxSet input
						{ float:left; }
		

		fieldset.submitButton input
						{
						float:none;
						padding:4px 8px;
						margin:0 auto;
						background-color:#666;
						color:#FFF;
						border-top:0px;
						border-left:0px;
						border-right:1px solid #333;
						border-bottom:1px solid #333;
						}

		.hidden			{
						display:none;
						}
