/*************************************
 ** NAI Puget Sound Properties
 ** Global Styles
 ** 10/28/2007 Sunil Karve
 ** contracted to Popular Forces, Inc.
 *************************************/

@import url(/css/pagetypes.css); /* Defines header photos and layouts for different sections */

body {
	font-family:Arial,Helvetica,sans-serif;
	background-color:#8F8F8F;
	margin:0;
	padding:0;
}
#siteWrapper {
/* Container for page area */
	background:#FFF url(/images/bkg_sitewrapper.gif) repeat-y;
	width:754px;
	margin:0 auto 32px;
	padding:3px 14px 7px;
}
#topArea {
	padding-bottom:168px;
	/*background:url(/images/bkg_aboutus.jpg) no-repeat bottom left;*/
	background-repeat:no-repeat;
	background-position:bottom left;
	position:relative; /* Fix for IE6 peek-a-boo bug - caused background to vanish when scrolled */
	min-width:0; /* Fixes for IE7 peek-a-boo bug */
}
#homeFlashArea {
/* Container for Flash movie/placeholder graphic on home page */
	height:279px;
	background:#FFF url(/images/bkg_home.jpg) no-repeat bottom left;
/*	margin-top:-17px; */
}
#contentArea {
	border-top:7px solid #FFF;
	border-bottom:1px solid #FFF;
	min-height:450px; /* Min height for standards-compliant browsers */
	margin-bottom:50px;
}
.pagetypeHome #contentArea {
/* Disable min-height on home page only */
	min-height:0 !important;
	background:#DDD url(/images/bkg_worldmap.gif) no-repeat 95% 15px; 
	/*position:relative;  Allow bottom alignment of Featured Properties table 
	min-width:0;*/
}
#homeLayout {
/* Layout table for home page, required due to complex design dependencies and spacings */
	margin:10px 0 0;
	clear:both;
	width:100%;
}
.homeLayoutCol2 {
	padding-left:8px;
}
.homeLayoutCol1 {
	width:287px;
}
#headlineNews {
/* Table cell containing home page Headline News item */
	padding-right:15px;
}
#contentCol1 {
/* Left column, floats left to let #contentCol2 expand to fill remaining space. Width specified in other class */
	float:left;
	position:relative; /* Allow absolute positioning within the container */
}
.pagetypeHome #contentCol1 {
/*	height:277px; */
/*	position:static; */
}
#contentCol2 {
/* Right column, expands to fill space not taken by #contentCol1 */
	float:left;
	padding-right:90px; /* For spacing on right side */
}

.successStoriesCol2 {
/* extra top margin for contentCol2 in success stories */
margin-top:17px;
}

#peopleContactArea {
/* Container for photo and contact info in People section */
	background-image:url(/images/bkg_pagetitle.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:1px;
	margin-bottom:1em;
}
.pagetypePeople .twoBlock #contentCol2 {
/* Remove all top padding for "People" detail pages */
	padding-top:0;
}
#footerArea {
	clear:both;
	background:url(/images/bkg_navsection.gif) repeat-x;
	border-left:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	padding:3px 0;
}
/********* ELEMENTS *********/

#siteLogo {
/* Main site logo */
/*	float:left; */
}
#navGlobal {
/* Global navigation menu at page top */
	font-size:0.7em;
	list-style-type:none;
	margin:5px 0 0;
	padding:0;
	float:right;
/*	position:relative;
	top:5px; */
}
#navGlobal li {
	border-right:1px solid #004E61;
	margin:2px;
	padding-right:4px;
	text-align:right;
	line-height:0.95;
}
#navSectionLvl1 {
/* Section navigation bar */
	background:#EDEDED url(/images/bkg_navsection.gif) repeat-x bottom left;
	clear:both;
	font-size:0.75em;
	font-weight:700;
	list-style-type:none;
/*	margin:25px 0; */
	margin:10px 0 25px;
	padding:2px 0;
	border-left:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	border-top:1px solid #F1F1F1;
}
#navSectionLvl1 li {
	display:inline;
}
#navSectionLvl2 {
	font-size:0.75em;
	font-weight:700;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:10px;
	left:105px;
}
.aboutPeople {
/* Modifier class to #navSectionLvl2 to display block - exceptional case just for People index in About Us section */
	position:static !important;
	padding-left:10px !important;
}
#navSectionLvl2 li {
	margin-bottom:0.3em;
	padding:0 0 0 8px;
	background:url(/images/bullet_navsectionlvl2.gif) no-repeat 0 5px;
}
#contentCol2 ul {
	margin:1em 0;
	padding:0;
	list-style-type:none; 

}
#contentCol2 p,
#contentCol2 li,
#contentCol2 dt,
#contentCol2 dd,
#homeLayout p {
/* Default copy font for main content column */
	font-size:0.75em;
	color:#474747;
/*	margin-top:0.5em; */
}
#contentCol2 p,
#homeLayout p {
/* Default paragraph styles in main content area */
	margin:0 0 1em;
/*	color:#474747; */
}
#contentCol2 li {
/* Add custom bullet to all unordered lists in content column 2 */
	padding:0 0 0 10px;
	background:url(/images/bullet_contentcol2.gif) no-repeat 0 6px; 
	margin-bottom:0.1em;
}
#contentCol2 li li {
/* Adjust to prevent compounded font reduction */
	font-size:1em;
}
#contentCol2 dt,
#contentCol2 dd {
	margin-bottom:0.75em;
}
.contentCol2divide {
/* Containers for two row columns within contentCol2 */
	width:45%;
	float:left;
	margin-right:10px;
}

#contentCol1 h1 {
/* Section title (text and graphic).  Repositioned to appear flush with photo area */
	margin:0;
	padding:0;
	position:relative;
	top:-7px;
}
#contentCol1 h1 span {
/* Text portion of section title, positioned out of viewable area to allow image replacement */
	display:none;
}
#contentCol2 h3,
#homeLayout h3 {
/* Page title - default treatment for column 2 header/title, and column 1 on home page */
	margin:0 0 0.5em;
	padding:0 0 0.66em;
	text-transform:uppercase;
	font-size:0.75em;
	color:#FF0000;
	background-image:url(/images/bkg_pagetitle.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}
.pagetypeHome #contentCol1 h3,
.pagetypeHome #contentCol2 h3,
#homeLayout h3 {
/* Alternate dotted line treatment on home page */
	background-image:url(/images/bkg_pagetitle_white.gif);
}
.pagetypeSuccessStories #contentCol2 h3 {
/* Special treatment for headers in Success Stories section */
	padding:0.5em 0 0;
	margin:0 0 1em;
	color:#474747;
	background-position:top left;
}
.pagetypeProperties h2 {
/* Title element for Featured Properties page */
	margin:0 12px 5px 5px;
	padding:0;
/*	float:left; */
	display:inline;
	vertical-align:baseline;
	font-size:1em;
}
.pagetypeProperties h4 {
/* Title elements for "Featured Properties" */
	margin:0;
	padding:0;
	color:#474747;
	font-size:0.9em;
}
.pagetypeNews h4,
.pagetypeOurServices h4,
.pagetypeSuccessStories h4 {
/* News article, Our Services and Success Stories headers */
	color:#474747;
	font-size:0.85em;
	margin-bottom:0.75em;
}
.pagetypeSuccessStories h4 {
/* No top margin on Success Stories property titles */
	margin-top:0;
}
.pagetypeAboutUs h5,
.pagetypeSuccessStories h5 {
/* Headers in About Us section */
	color:#474747;
}
.pagetypeSuccessStories h5 {
/* Clear floated property photo on Success Stories detail pages */
	clear:both;
	margin-bottom:0.5em;
}
.pagetypePeople h4,
.pagetypeAboutUs h4 {
/* Biography page title (person's name) */
	color:#474747;
	margin:0 0 0.15em;
	padding-top:7px;
	font-size:0.8em;
}
.pagetypePeople h5,
.pagetypeAboutUs h5 {
/* Section headers for People section and people listings in About Us*/
	color:#474747;
	margin-bottom:0 !important;
}
.pagetypePeople #contentArea ul,
.pagetypeAboutUs #contentArea ul {
/* Adjustments to unordered lists in "People" section only */
	margin-top:0 !important;
}
.propertyAddress {
/* Contains street address for "Featured Properties" */
	margin:0;
	padding:0;
/*	float:left; */
	vertical-align:baseline;
	display:inline;
}
#sectionTitle {
/* Page title graphic - adding shadow background */
	display:block;
	padding:0 5px 5px 0;
	background-image:url(/images/bkg_sectiontitle.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.tblPeople {
	margin-top:5px;
}
.tblPeople th,
.tblPeople td {
/* Formatting for "People" table listing */
	font-size:0.7em;
	padding:0 30px 20px 0;
	vertical-align:top;
}
.tblPeople th {
	font-weight:normal;
	text-align:left;
}
.tblSuccess {
/* Formatting for "Success Stories" index table */
}
.tblSuccess td {
	vertical-align:top;
}
.tblSuccess td.tblSuccessCol2 {
	width:354px;
}
.tblSuccess img {
	margin:0 25px 15px 0;
	border-style:none;
}
#tblClientLogos td {
	padding:10px 0;
	text-align:center;
}
.tblFeaturedProperties {
/* Table for Featured Properties index listing */
	width:100%;
}
.tblFeaturedProperties td {
	vertical-align:top;
	padding:10px;
	text-align:center;
	font-size:0.75em;
}
.tblFeaturedProperties img {
/* Set spacing under thumbnail images on Featured Properties index page */
	margin-bottom:4px;
}
.successPhoto {
/* Container for large photo image in "Success Stories" */
	border-right:12px solid #FFF;
/*	border-bottom:8px solid #FFF; */
	float:left;
}
.bulletExpand {
/* "Expand" icon placement for dynamic content areas (i.e. Tenant Representation ) */
	padding-left:15px;
	background:url(/images/bullet_expand.gif) no-repeat 0 3px;
}
.bulletCollapse {
/* "Collapse" icon placement for dynamic content areas (i.e. Tenant Representation ) */
	padding-left:15px;
	background:url(/images/bullet_collapse.gif) no-repeat 0 3px;
}
#peopleContactArea img {
/* Photo treatment in People section */
	float:left;
	margin-right:10px;
}
#featuredProperties {
/* Featured properties info on home page */
/*	position:absolute;
	bottom:0%;  Align to bottom of content area */
/*	margin-top:45px; */
}
#featuredProperties h3 {
/* Position alignment */
	margin-left:10px !important;

}
#featuredProperties table {
	background-color:#FFF;
	width:100%;
}
#featuredProperties td {
	vertical-align:top;
	padding:4px 4px 4px 0;
	font-size:0.6em;
	color:#474747;
	background-color:#FFF;
}
#tblFeaturedProperties2 {
/* Table contining Featured Properties detail on home page */
	background-color:#FFF;
}
#setWhite {
	background-color:#FFF;
}
#tblFeaturedProperties2 td {
	font-size:0.7em;
	color:#474747;
	width:88px;
}
.featPropCopy {
	padding:4px !important;
}	
#tblFeaturedProperties td strong {
	text-transform:uppercase;
}
#featuredBrokers {
	background-color:#FFF;
	padding:10px 0 0 0 !important;
/*	width:460px;
	float:right;
	text-align:right;
	margin-bottom:20px; */
}
#featuredBrokers div {
/* Container for image photos */
	float:right;
}
#featuredBrokers h3 {
	color:#FF0000;
	font-size:0.75em;
	text-transform:uppercase;
	margin:0 0 0 7px;
	/* this next line is a hack for ie6 */
	_margin:0 0 0 4px;
	padding:0 !important;
	float:left;
	text-align:left;
	background-image:none !important;
}
#featuredBrokers img {
/*	border-left:5px solid #FFF; */
		border-left:4px solid #FFF;
}
#homeLayout td {
	vertical-align:top;
}
#navFooter {
/* Nav links in footer, also serves as background bar */
	list-style-type:none;
	margin:0;
	padding:0 0 0 30px !important;
	background:url(/images/bluesquare.gif) no-repeat 5px 2px;
	width:350px;
	float:left;
}
#navFooter li {
	float:left;
	font-size:0.7em;
	padding:0 0.4em 0 0.33em;
	margin:0;
	border-left:1px solid #47475A;
	white-space:nowrap;
}
#footerContact,
#footerPhone {
/* Firm contact & phone info in footer */
	margin:0;
	padding:0;
	color:#004E61;
	font-size:0.7em;
	float:left;
}
#footerContact {
	width:177px;
	text-align:center;

}
#footerPhone {
	width:160px;
	padding-right:30px;
	background:url(/images/bluesquare.gif) no-repeat center right;
	text-align:right;
	color:#47475A;
}
.hideElement {
	display:none;
}
.clearB {
	clear:both;
}
.noBorder {
	border-style:none !important;
}
	
/********* LINKS *********/
#navGlobal a,
#navGlobal a:link,
#navGlobal a:visited,
#navGlobal a:active {
	text-decoration:none;
	color:#004E61;
}
#navGlobal a:hover {
	text-decoration:underline;
}
#navSectionLvl1 a,
#navSectionLvl1 a:link,
#navSectionLvl1 a:visited,
#navSectionLvl1 a:active {
	padding:2px 20px;
	border-right:1px solid #D6D6D6;
	text-decoration:none;
	color:#00475D;
}
#navSectionLvl1 a:hover {
	color:#DF162B;
}
#navSectionLvl1 a,
#navSectionLvl2 a:link,
#navSectionLvl2 a:visited,
#navSectionLvl2 a:active {
	text-decoration:none;
	color:#666;
}
#navSectionLvl2 a:hover {
	color:#DF162B;
}
#navSectionLvl2 a#selected {
/* "Selected" link color for */
	color:#DF162B !important;
}

#navFooter a,
#navFooter a:link,
#navFooter a:visited,
#navFooter a:active {
	color:#47475A;
}
#navFooter a:hover {
	color:#DF162B;
}
#contentCol2 a,
#contentCol2 a:link,
#contentCol2 a:visited,
#contentCol2 a:active,
#homeLayout a,
#homeLayout a:link,
#homeLayout a:visited,
#homeLayout a:active {
/* Main content column link styles */
	font-weight:bold;
	text-decoration:none;
/*	color:#474747; */
	color:#004e61;
}
#contentCol2 a:hover,
#homeLayout a:hover {
	text-decoration:underline;
}

#propertyLinks ul ul a {
/* Set normal weight on links within nested unordered lists */
	font-weight:normal !important;
}

#propertyLinks ul li {
font-weight:bold;
}

#backtonews,
#backtonews a {
float:right;
font-size:.8em;
font-weight:normal !important;
text-transform:uppercase;
white-space:nowrap;
width:100px;
text-align:right;
}