/************************************************************************/	
/************************** BASIC HTML ELEMENTS *************************/
/************************************************************************/	

* {/*all html elements default to no padding, borders, etc. */
	border-collapse:collapse;
	margin:0;
	padding:0;
	border:0;
	outline-style:none;
	outline-width:0px;
}
body {
	background-color:#3A434A; 
	background-image:url(/images/browser_bg.jpg); 
	background-repeat:repeat-x; 
	background-position:top;
}

a, a:visited, a:hover, a:active  {
	color:#B00000;
	text-decoration: none;
}
a:hover, a:active  {
	text-decoration: underline;
	color: #666;
}
p {
	margin-top:0px;
	margin-bottom:20px;
}
strong {
	font-weight:bold;
	color:#292929;
}
/* headlines - used as 'colored bars' in design, block elements that change color for each section */
h1, h2, h3, h4, h5, h6 {
	display:block;
	color:#B00000;
	font-weight:bold;
	text-transform:uppercase;
}
h1, h2 {
	font-size:14px;
	line-height:135%;
	margin-bottom:15px;
}
h3, h4, h5, h6 {
	font-size:12px;
	line-height:135%;
	letter-spacing:.6px;

}
h3, h4 {
	padding:3px 0 3px 0;
}
h4 {
	color:#000;
}
hr {
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	height:1px;
	background:#999;
}
/* img -'behavior" allows IE6 to properly display transparent .png files */
/* - requires 2 files in /css folder 'iepngfix.htc', and 'blank.gif'*/
img {
	border:none;
	padding:0;
	behavior:url('/css/iepngfix.htc'); 
} 
table {
	width:100%;
}
td {
	text-align:left;
	vertical-align:top;
}
th {
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
	background-color:#EBE9E6;
}
ul {
	margin:12px 0 10px 15px;
	padding:0;
	list-style-type: square;
}
ul ul {
	margin:3px 0 4px 35px;
	list-style-type:circle;
}
ol {
	margin:12px 0 10px 20px;
	padding:0;
	list-style-type:decimal;
	font-family:Arial, Helvetica, sans-serif;
}
ol ol {
	list-style-type:lower-alpha;
}
/*************************** FORM ELEMENTS  **********************************/
label {
	display:block;
	margin:0;
	font-weight:bold;
	color:#292929;
}
input {
	width:215px;
	height:17px;
	margin:0 0 8px 0;
	padding:2px 2px 0 2px;
	border:solid 1px #999;
	font-size:12px;
	line-height:135%;
	font-family:Arial, Helvetica, sans-serif;
}
select {
	width:220px; /*make 'select' 5px wider than 'input' to match */
	height:21px;
	border:solid 1px #999;
	margin:0 0 8px 0;
	padding:1px 0 0 2px;
	line-height:135%;
}
textarea {
	width:213px; /* if no scrolls - make 'textarea' 2px narrower than 'input' to match */
	height:150px;
	margin:0 0 8px 0;
	padding:1px 3px 1px 3px;
	border:solid 1px #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* hide scrollbars if text area desired (less than approx 200px x 200px) */
/*	overflow-x:hidden; */
/*	overflow-y:hidden;*/
}
.errorMessage {
	color:#F00;
	font-weight:bold;
	font-style:italic;
}
.fieldError {
	border-color:#F00;
	background:#F5FFFF;
}
.rightNote, label .rightNote { /* small notes on form - e.g. "*all fields required" */
	float:right;
	margin-top:-16px;
	text-align:right;
	font-size:11px;
	color:#888;
	font-weight:normal;
}


/* BUTTONS - NOTE! Rather than apply styles to buttons, wrap buttons in '<div class="buttonHolder"> [--button--] </div>' */

/* Crossbroswer Hack - Format "buttonHolder" rather than button, so hover works in IE - look, size, text alignment, etc. are consistent */
.buttonHolder {
	display: inline-block;
	height:18px;
	width:60px;
	margin:3px 5px 0 0;
	border:solid 1px #999;
	background: #CCC;
	padding:0; /*don't change padding - change in button css instead */
}
.buttonHolder:hover {
	background: #999;
}
/* actual button */
.buttonHolder button, .buttonHolder input {
	/* tweak all 3 of these to get consistent vertical place of text within button in all 3 browsers */
	height:18px;				/* use "holder" for appearance of button height - button may exceed height of holder to get text right, since overflow is hidden in holder */
	padding:1px 1px 5px 1px; 	/* Firefox/Safari bottom padding pushes text up */
	line-height:135%; 			/* IE more sensitive to line height - in Safari, label will probably ride a pixel higher */
	/* specify these to override browser defaults - more consistency */
	font-weight:bold;
	letter-spacing:.2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* don't edit these, edit "buttonHolder" instead */
	margin:0;
	width:100%;
	background:none;
	border:none;
	outline:none;
}

/* CHECKBOXES - NOTE! Rather than apply styles to checkboxes, wrapcheckboxesbuttons in '<div class="checkboxHolder"> [--checkboxHolder--] </div>' */
.checkboxHolder {
	display: inline-block;
	width:auto;
}
.checkboxHolder input {
	float:left;
	width:auto;
	border:none;
}


/* Styles Available in Admin Tool - must be copied into '/css/editorstyle.css' file */
.float_Image_Left {
	margin:0 10px 6px -1px;
	border:solid 1px #999;
	float:left;
}
.float_Image_Right {
	margin:0 -1px 6px 10px;
	border:solid 1px #999;
	float:right;
}
.float_Left_w_Border {
	margin:0 9px 6px 0px;
	border:none;
	float:left;
}
.float_Right_w_Border {
	margin:0 0 6px 9px;
	border:none;
	float:right;
}


/*************************************************************************/	
/*************************** BODY CONTENT/STRUCTURE **********************/
/*************************************************************************/


/* Note: Menu/Navigation & Footer Menu are styled in menu.css - not here */

#container {
	width:979px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style: normal;	
	line-height:200%;
	color:#000000;
	margin-top:15px;
	margin-right:auto; 
	margin-bottom:40px;
	margin-left:auto; 
	padding-top:11px;
	background-image: url(/images/container_bg.gif);
	background-position:left top;
	background-repeat: no-repeat;
	overflow:hidden;
}
#header {
	height:95px;
	border-bottom:solid 2px #000000;
	background-image: url(/images/header_bg.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#logo_link {
	float:left;
	margin:16px 0 0 40px
}
#logo_link a {
	display:block;
	width:55px;
	height:60px;
	text-decoration:none;
}
#main_nav {
	float:right;
	width:600px;
	margin:39px 30px 0 0 ;
}
#page_body {
	background-image: url(/images/page_body_bg.jpg);
	background-position:left top;
	background-repeat: repeat-y;
	/* cross-browser hack to set minimum height for page body */
	min-height:360px;
	height:auto !important;
	height:360px;
}

#content {
	float:left;
	width:604px; 
	margin:32px 0 35px 35px;
}
/* if splitting left content area into 2 columns */
.content_left {
	float:left;
	width:300px;
}
.content_right {
	float:right; 
	width:268px; 
	overflow:hidden;  
}
.content_top_right_photo {
	float:right; 
	border-left:solid 35px #FFFFFF; 
}
.content_top_right_photo img { 
	border:solid 1px #777; 
}

#right_column {
	float:right; 
	width:228px; 
	margin:32px 39px 35px 0 ;
	line-height:170%;
}
#right_column img {
	border:solid 1px #555;
}
#right_photo {
	width:226px;
	line-height:140%;
	overflow:hidden;
}
#right_photo h4 {
	margin-bottom:3px;
}
#right_photo.right_photo_edit {
	margin-top:15px; /* push "Featured Property" photo down, only when logged in, so "edit" links shows on top */
}
#right_photo img {
	width:224px;
	height:168px;
	margin-bottom:4px;
	display:block;
}
#right_photo h5 {
	text-transform:uppercase;
	color:#292929;
	letter-spacing:0;
	line-height:140%;
}
#divider_bar {
	height:23px;
	border-top:solid 2px #000000;
	border-bottom:solid 2px #000000;
	background-image: url(/images/divider_bg.jpg);
	background-position:top;
	background-repeat: repeat-y;
}
#page_bottom {
	height:99px;
	background-image: url(/images/page_bottom_bg.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#client_icons {
	position:absolute;
	float:left;
	width:365px;
	height:99px;
	margin:0 0 0 5px;
}
#client_icons #client_text {
	position:absolute;
	width:300px;
	margin:26px 0 0 33px;
	font-weight:bold;
	text-transform:uppercase;
}
#client_icons span.clients_link {
	position:absolute;
	display:block;
	margin-top:4px;
	width:293px; 
	font-weight:normal;
	text-transform:lowercase;
	text-align:right;
	line-height:135%;
}
#bottom_right {
	float:right; 
	position:absolute;
	height:55px;
	width:530px;
	margin:28px 50px 0 400px  ;
	overflow:hidden;
	line-height:37px;
}
#bottom_right h5 {
	display:inline;
	white-space:nowrap;
	padding-right:10px;
	background-image: url(/images/page_bottom_h5_bg.jpg);
	background-position:top;
	background-repeat: repeat-x;
}
.bottom_left_burb, .bottom_right_burb {
	display:inline-block;
	width:240px;
	vertical-align:top;
}
.bottom_left_burb {
	margin-right:40px;
}
/* **************************** FOOTER  ****************************** */

#footer {
	height:26px;
	background-image: url(/images/footer_bg.gif);
	background-position:top;
	background-repeat: no-repeat;
	line-height:10px;
	font-size:9px;
	letter-spacing:.2px;
}
#footer_copyright {
	float:left;
	width:400px;
	color:#586980;
	margin:8px 0 0 39px ;
	
}
#footer_menu {
	float:right;
	width:400px;
	margin:9px 30px  0 0;
	text-align:right;
}
#footer a, #footer a:visited, #footer a:hover  {
	color:#8899A2;
	padding:0 6px 0 6px;
	margin:0;
	border-left:solid 1px #485972;
	text-transform:uppercase;
}
#footer a.no_left_border  {
	border-left:none;
}
#footer a:hover  {
	color:#384962;
	text-decoration:none;
}




/************* Alternating Color Lists ************/
ul.alt_color_list  {
	list-style:none;
	margin-left:0;
	margin-top:7px;
}
ul.alt_color_list li {
	background:#E4E3DE;
	margin-bottom:1px;
}

ul.alt_color_list li.even {
	background:#E0E5E8;
}
ul.alt_color_list li a, ul.alt_color_list li a:link, ul.alt_color_list li a:visited  {
	display:block;
	padding:3px 3px 3px 15px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
ul.alt_color_list li a:hover {
	background:#DDD;
	text-decoration:none;
	color:#000000;
}



/*************************************************************************/	
/*************************** INDIVIDUAL PAGES ****************************/
/*************************************************************************/

/************* HOME PAGE ************/
#container.Home #page_body {
	background-image: url(/images/page_body_home_bg.jpg);
	background-position:left top;
	background-repeat: repeat-y;
	/* cross-browser hack to set minimum height for page body */
	min-height:360px;
	height:auto !important;
	height:360px;
}
#container.Home #content {
	float:left;
	position:absolute;
	width:979px;
	height:406px; 
	margin:0 0 0;
	padding:0;
	background-image: url(/images/page_body_home_bg.jpg);
	background-position:top;
	background-repeat: repeat-y;
	overflow:hidden;
	border-bottom:solid 2px #000;
}
#container.Home #right_column {
	position:absolute;
	float:right;
	margin:35px 0  0 622px;
	width:315px;
	height:316px;
	font-size:12px;
	text-align:justify;
	line-height:260%;
}
#container.Home #right_column h1 {
	display:inline;
	font-size:14px;
	line-height:200%;
}
#container.Home #divider_bar {
	display:none;
}
#container.Home #page_bottom {
	margin-top:47px;
	height:205px;
	background-image: /*url(/images/page_bottom_home_bg.jpg);*/url(/images/page_bottom_home_bg.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}
#container.Home #client_icons {/* see IE fix in inc_styles.cfm */
	width:365px;
	height:204px;
	margin:1px 0 0 5px;
}
#container.Home #client_icons #client_text {
	position:absolute;
	width:300px;
	margin:24px 0 0 33px;
	font-weight:bold;
	text-transform:uppercase;
}
#container.Home #client_icons span.clients_link {
	position:absolute;
	display:block;
	margin-top:3px;
	width:293px; 
	font-weight:normal;
	text-transform:lowercase;
	text-align:right;
	line-height:135%;
}
#container.Home #bottom_right {
	height:155px;
	margin:24px 40px 0 400px  ;
	line-height:221%;
}
#container.Home #bottom_right h5 {
	background-image: url(/images/page_bottom_home_h5_bg.jpg);
	background-position:top;
	line-height:210%;
}



/************* CLIENTS PAGE ************/
#container.Clients #page_body {
	background-image: url(/images/page_body_large_right_column_bg.jpg);
}
#container.Clients #content {
	width:520px;
}
#container.Clients #right_column {
	float:right; 
	width:392px; 
	margin:32px 0 35px 0 ;
	text-align:right;
}
#container.Clients #right_column img {
	margin:0 20px 15px 0  ;
	border:solid 1px #000;
}

/************* CLIENTS PAGE ************/
#container.Projects #content ul li a { /* since every property in ul is a link - red was too much, made black with underline instead */
	color:#000;
	text-decoration:underline;
}
#container.Projects #content ul li a:hover {
	color:#B00000;
}

/************* CONTACT PAGE ************/

#contactForm {			
	width:280px;
	line-height:normal;
	text-align:left;
}
#contactForm label {
	display:block; 
	margin:0;
	font-weight:bold;
	color:#353935;
}
#contactForm input {
	width:280px;
	height:17px;
	margin:0 0 8px 0;
	padding:2px 2px 0 2px;
	border:solid 1px #999;
	font-size:12px;
	line-height:135%;
	font-family:Arial, Helvetica, sans-serif;
}
#contactForm select	{
	width:280px; /*make 'select' 5px wider than 'input' to match */
	height:21px;
	border:solid 1px #999;
	margin:0 0 8px 0;
	padding:1px 0 0 2px;
	line-height:135%;
}
#contactForm textarea { 
	width:278px; /* if no scrolls - make 'textarea' 2px narrower than 'input' to match */
	height:150px;
	margin:0 0 8px 0;
	padding:1px 3px 1px 3px;
	border:solid 1px #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*needed to hide scrollbars if text area is less that approx 200x200px*/
	overflow-x: hidden; 
	overflow-y: hidden;
	
}
#contactForm .errorMessage { 
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
}
#contactForm .fieldError { 
	border-color:#F00;
	background: #FFFFEC;
}

/* Crossbroswer Hack - Format "buttonHolder" rather than button, so hover works in IE and look, size, text alignment, etc. are consistent */
#contactForm .buttonHolder { 
	height:18px;
	width:60px;
	margin:3px 0 0 0;
	border:solid 1px #999;
	background: #CCC;
	padding:0; /*don't change padding - change in button css instead */
} 
#contactForm .buttonHolder:hover { 
	background: #999;
	
} 
/* actual button */
#contactForm .buttonHolder button, #contactForm .buttonHolder input { 
	/* tweak all 3 of these to get consistent vertical place of text within button in all 3 browsers */
	height:18px;				/* use "holder" for appearance of button height - button may exceed height of holder to get text right, since overflow is hidden in holder */
	padding:1px 1px 5px 1px; 	/* Firefox/Safari bottom padding pushes text up */
	line-height:135%; 			/* IE more sensitive to line height - in Safari, label will probably ride a pixel higher */			
	/* specify these to override browser defaults - more consistency */
	font-weight:bold;
	letter-spacing:.6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* don't edit these, edit "buttonHolder" instead */
	margin:0;
	width:100%;
	background:none;
	border:none;
	outline:none;
} 





/************* LOGIN PAGE ************/
#editExample {
	border:dashed 1px #CCC;
	width:490px;
	padding:10px;
}
#loginFormTable { 
	margin:10px 0 10px 0;
}
#loginFormTable td { 
	padding:3px 3px 3px 0;
}

/************* EXECUTIVE TEAM PAGE ************/
#container.Executive-Team #page_body {
	background-image: url(/images/page_body_no_right_column_bg.jpg);
}
#container.Executive-Team #page_body #content {
	width:910px;
	margin-bottom:0;
}
.bio_container {
	border:solid 1px #999;
	margin-bottom:30px;
	background-image: url(/images/bio_container_bg.jpg);
	background-position:top center;
	background-repeat: repeat-y;
}
.bio_left {
	float:left;
	width:343px;
}
.bio_photo {
	float:left;
	margin-top:2px;
	padding:15px;	
}
.bio_photo img {
	border:solid 1px #777;
}

.bio_titles {
	width:170px;
	float:right;
	padding:14px 10px 10px 10px;
}
.bio_details {
	float:right;
	width:535px;
	padding:10px 12px 10px 12px;
	line-height:175%;
}

/************* FUND PAGE ************/

#content_detail {
	margin-left:15px;
}
#content_detail h3 {
	padding:6px 6px 6px 15px;
	margin:25px 0 15px -15px;
	background:#E8E7E3;
	color:#000;
}
#content_detail ul {
	margin:0 0 5px 15px;
}
#content_detail.no_list {
	margin-left:0;
}
#content_detail.no_list h3 {
	margin-left:-2px;
}


/************* PROJECTS ************/
#container.Projects-Detail #page_body {
	background-image: url(/images/page_body_projects_bg.jpg);
}
#container.Projects-Detail #page_body #content {
	width:390px;
}
#container.Projects-Detail #page_body #right_column {
	width:440px;
}

/************* ABOUT ************/


#about_page_brad_photo {
	float:left;
	margin:6px 10px 15px -2px;
	padding:15px 15px 8px 15px;
	background-image: url(/images/bio_container_bg.jpg);
	background-position:left;
	background-repeat: repeat-y;
	border:solid 1px #777;
	text-align:center;
}


/************* PRES GARDENS PHOTOS PAGE ************/
#container.Pres-Gardens-Photos #page_body {
	background-image: url(/images/page_body_no_right_column_bg.jpg);
}
#container.Pres-Gardens-Photos #page_body #content {
	width:940px;
	margin-right:-30px;
}
#container.Pres-Gardens-Photos #page_body #content IMG {
	border:solid 2px #555;
	margin:0 15px 15px 0;
}