/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* part 1 of 4 - making the page container stretch to fit the screen when content is shorter than the screen size... see div page container for rest of the steps */
}


body {
	background: url(../images/background.jpg) repeat-x;
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	}

	.strip-formatting {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	}
	
	h3 {
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	}
	
	.float-right {
	float: right; 
	margin-left: 10px;
	}

#page-container {
	width: 820px;
	margin: auto;
	
	border-right: solid 1px #999999;
	border-left: solid 1px  #999999;
	height:auto !important; /* part 2 of 4 - make container stretch to fit full screen and get around firefox bug of cutting off at the screen size. see body tag for part 1 of 4 */
	height:100%; /* part 3 of 4 - IE6: treaded as min-height*/
	min-height:100%; /* part 4 of 4 - all browsers except IE */
	background-color: #FFFFFF;
}

#page-container .padding {
	padding: 10px;
	padding-top: 0px;
	}
	
#logo {
	min-height: 60px;
	}

#navbar { /* this is the container for the company navbar only. the actual CSS navigation bar is under the nav div. */
	height: 20px;
	background-color: #FF6600;
	}

#image-banner { /* image banner with flash animation */
	height: 150px;
	border-bottom: 4px solid #FF6600;
	}

#content {
	min-height: 350px; /* min-height doesn't work with IE 6 */
	}
	
	#content p { /*strips extra padding from paragraphs */
		padding: 0;
		margin: 0;
		}

	!important /*  content area for index page only */
	#content #index-image {
	height: 200px;
	}

	
	#index-bkg {
		background:url(../images/background-index.jpg) repeat-x;
	}

	#content #index-left {
	width: 548px;
	margin-right: 248px;
	background:url(../images/background-index.jpg) repeat-x;
	}

		#content #index-left p {
		padding-top: 8px;
		padding-bottom: 8px;
		}

		#content #index-left .padding {
		padding: 30px;
		padding-top: 20px;
		}
		
		#content #index-left h3	{
		padding: 0;
		margin: 0;
		font-size: 24px;
		font-family:"Times New Roman", Times, serif;
		color: #FF9966;
		}

	#content #index-right {
	font-size: 80%;
	line-height: 14px;
	float: right;
	width: 248px;
	background:url(../images/background-index.jpg) repeat-x;
	}
		
		#content #index-right .padding {
		padding-right: 10px;
		padding-top: 56px;
		}

		#content #index-right a{
		color: #666666;
		text-decoration: underline;
		}

		#content #index-right a:hover {
		color: #FF6600;
		text-decoration: none;
		}
	/* END content area for index page only */
	

	#content #left {
	width: 235px;
	min-height: 300px;
	background: url(../images/left-column.jpg) repeat-x;
	clear: none;
	}
		#content #left .padding {
		padding: 8px;
		padding-top: 55px;
		padding-right: 5px;
		}
		
		#content #left h3	{
		padding: 0;
		margin: 0;
		font-size: 24px;
		font-family:"Times New Roman", Times, serif;
		color: #FF9966;
		}

	#content #right {
	float: right;
	width: 560px;
	}

		#content #right .padding {
		padding: 15px;
		padding-top: 0px;
		padding-right: 0px;
		}

		#content #right .extra-padding { /* extra right-hand padding for pages with simple text and no additional images */
		padding-right: 15px;
		}

		#content #right a {
		color:#666666;
		text-decoration: underline;
		}

		#content #right a:hover {
		color: #FF6600;
		text-decoration: none;
		}
	
		#content #right .next-page {
		float: right;
		background: #FFDA9A;
		color: #666666;
		border: 1px solid #EFEFEF;
		padding: 3px;
		}

			#content #right .next-page a {
			color: #666666;
			text-decoration: none;
			}

			#content #right .next-page a:visited {
			color: #666666;
			text-decoration: none;
			}

			#content #right .next-page a:hover {
			color: #FFFFFF;
			text-decoration: none;
			background-color:#FF6600;
			padding: 3px;
			}

			#content #right #ccdg p {
			padding-bottom: 7px;
			line-height: 16px;
			size: 12px
			}


#menu a{
	color: #666666;
	text-decoration:none;
	line-height: 19px;
	}

	#menu a:hover {
	color: #FF6600;
	text-decoration:none;
	}
	
	#menu .current {
	color: #FF6600;
	}

	#menu .sub-menu {
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
	#menu .sub-menu .indiv a{
	font-size: 11px;
	line-height: 17px;
	}


#page-title {
	font-size: 16px;
	color:#FF6600;
	margin-top: 20px;
	margin-bottom: 15px;
	}

	#devgroup-pagetitle {
	height: 60px;
	background-image:url(../images/devgroup-name.jpg);
	}

/*Reusable div ID tags go here*/

.hidden {
	display: none;
	}

.float-right {
	float: right;
	margin-left: 10px;
	width: 240px;
	}


.float-right-contact-map {
	float: right;
	margin-left: 10px;
	width: 300px;
	text-align:right;
	}

.orange-link a {
	color:#FF6600;
	text-decoration:none;
	}
	
	.orange-link a:hover {
	color:#666666;
	text-decoration:underline;
	}

.small-font { /*for small font descriptions*/
	font-size: 90%;
	color: #999999;
	}

.orange-text { color: #FF6600;}		

#prop-location {
	height: 25px;
	border-top: solid 1px #FF6600;
	border-bottom: solid 1px #FF6600;	
	padding-top: 5px;
	}

#prop-image {
	float: right;
	width: 225px;
	clear: none;
	margin-top: 5px;
	font-size: 11px;
	line-height: 16px;
	}

#prop-data {
	margin-top: 0px;
	width: 195px;
	margin-left: 105px;
	border-left: #FF6600 solid 1px;
	clear: none;
	font-size: 11px;
	}
#prop-data .small-padding {
	padding-top: 5px;
	padding-left: 5px;
	}
#prop-data-categories {
	margin-top: 5px;
	width: 100px;
	clear: none;
	font-size: 11px;
	color:#FF6600;
	text-align: right;
	float: left;
	}

#prop-description {
	border-top: 1px solid #FF6600;
	padding-top: 5px;
	width: 300px;
	clear: left;
	font-size: 11px;
	text-align: left;
	float: left;
	}	

/*for use with pop-up windows with team descriptions only*/
#team-body {
	background:#FFFFFF
	}

#team-body .padding {
	padding: 20px;
	}

#team-text { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #666666;
	}

#team-name {
	font-size: 12px;
	font-weight: bold;
	}

/*END for use with pop-up windows with team descriptions only*/

#securebottom {
	clear: both;
	height: 25px;
	line-height: 13px;
	padding-bottom: 10px;
	}
	#securebottom a {
		color: #FF6600;
		text-decoration: none;
		}		
#footer {
	clear: both;
	border-top: solid 1px #999999;
	height: 30px;
	font-size: 90%;
	color: #999999;
	background-color:#FFFFFF;
	line-height: 13px;
	}
	
	#footer .padding {
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	}
	
	#footer a {
		color: #999999;
		text-decoration: none;
		}
	
	#footer a:hover {
		color: #FF9900;
		text-decoration: none;
		}
	
	#footer a:active {
		color: #999999;
		text-decoration: none;
		}	
		
	#footer #alt-nav {
	float: right; 
	width: 250px;
	text-align: right;
	}
	
/* ================== CSS Navigation Bar for INDEX ONLY */

#index-nav-container {
	height: 38px;
	background-color: #FF6600;
	}

#index-nav, #index-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 800px;
	float: right;
	text-align:center;
	}

#index-nav a {
	display: block;
	width: auto;
	padding-top: 8px;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 14px;
		height: 30px;
}

#index-nav a:link {
	color: #FFFFFF;
	text-decoration: none;
	}

#index-nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/index-only/index-nav-background.jpg) repeat-x;
	}

#index-nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

#index-nav a:active {
	color: #EFEFEF;
	}

#index-nav li { /* all list items - nav bar items*/
	float: left;
	width: 155px; /* width needed or else Opera goes nuts - to be compatible with Opera, width should be a specific value, not auto */ /*this width should be changed to 110px when the case studies section is unhidden from the nav bar*/
	padding: 0;
	padding-left: 4px;
	}



/* ================== CSS Company Navigation Bar */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 433px;
	float: right;
	line-height:1; /* line-height needed for fly-out second level drop-down menu */
}

#nav a {
	display: block;
	width: auto;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 7px;
	padding-right: 7px;
	line-height: 10px;
}

#nav a:link {
	color: #FFFFFF;
	text-decoration: none;
	}

#nav a:hover {
	color: #333333;
	text-decoration: none;
	background: url(../images/nav-background.jpg);
	}

#nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

#nav a:active {
	color: #EFEFEF;
	}

#nav li { /* all list items - nav bar items*/
	float: left;
	width: auto; /* width needed or else Opera goes nuts - to be compatible with Opera, width should be a specific value, not auto */
	padding: 0;
}


			/*menu items highlight on current page*/
			/*i found out the links don't work if there are numbers in the bodyID and linkID tag, so the individual property page names have been shortened to one word, no dashes or numbers. note: the XHTML page and linkID/bodyID tag names don't match up. */
			body#index a#link-index,
			body#history a#link-history,
			body#contact a#link-contact,
			body#financial a#link-financial,
			body#team a#link-team {
			background: url(../images/nav-background.jpg);
			color: #FFFFFF;
			}
			
			body#devgroup a#link-devgroup,
			body#investments a#link-investments,
			body#developments a#link-developments,
			body#sold a#link-sold,
			body#investment-strategy a#link-investment-strategy, 
			body#acquisition-criteria a#link-acquisition-criteria, 
			body#financial a#link-financial2,
			body#case-studies a#link-case-studies
			{
			color: #FF6600;
			}
			
			/*investment retails properties*/
			body#serramonte a#serramonte,
			body#willows a#willows,
			body#escuela a#escuela,
			body#marketplace a#marketplace,
			body#orchard a#orchard
			{ color: #FF6600;}			

			/*investment office properties*/
			body#third a#third,
			body#pacific a#pacific,
			body#colorado a#colorado,
			body#senator a#senator,
			body#parkplaza a#parkplaza,
			body#parnassus a#parnassus,
			body#danville a#danville
			{ color: #FF6600;}			

			/*investment mixed-use properties*/
			body#sutter a#sutter,
			body#trio a#trio,
			body#redondo a#redondo
			{ color: #FF6600;}	

			/*developments*/
			body#devorchard a#devorchard,
			body#devfigueroa a#devfigueroa,
			body#devredondo a#devredondo
			{ color: #FF6600;}

			/*acquisition criteria*/
			body#acquisition-corporate a#acquisition-corporate,
			body#acquisition-private a#acquisition-private,
			body#acquisition-broker a#acquisition-broker
			{ color: #FF6600;}	

			/*case studies*/
			body#cs-jacksonsquare a#cs-jacksonsquare,
			body#cs-serramonte a#cs-serramonte,
			body#cs-trio a#cs-trio,
			body#cs-missionvillage a#cs-missionvillage
			{ color: #FF6600;}		

			/*dev-group*/
			body#devcontact a#devcontact,
			body#devteam a#devteam,
			body#devpress a#devpress
			{ color: #FF6600;}		


			/*investment categories*/
			body#catretail a#retail,
			body#catoffice a#office, 
			body#catmixed a#mixedused
			{ color: #FF6600;}	
.errs {
	color:#FF0000;
}
#secureleft {
	width: 180px;
	min-height: 300px;
	background: url(../images/left-column.jpg) repeat-x;
	clear: none;
	padding: 8px;
	padding-top: 10px;
	padding-right: 5px;
}
#secureright {
	float: right;
	width: 560px;
	min-height: 560px;
	padding-top: 15px;
	font-size: 10px;
	
}
#secureright a {
	color:#666666;
	text-decoration: underline;
}

#secureright a:hover {
	color: #FF6600;
	text-decoration: none;
}
.submit {
	font-size: 10px;
	color:#FF6600;
	background-color: #CCCCCC;
}
#secureright textarea, input, select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}