/**
 * PCS screen styles
 * $Date: 19/07/2008$
 */

/* =Clean slate */
html { 
	min-height: 100%; 
	margin-bottom: 1px;
	padding: 0;
	background: #FFF;
	color: #333;
	font: 100%/100% Tahoma, Arial, sans-serif;
}

body, form, fieldset {
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #333;
	font: 100%/100% Tahoma, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, table {
	margin: 1em 0;
	padding: 0;
}
li, blockquote { margin-left: 1em; }
blockquote { font-style: italic; }
input, select, textarea { font-size: 100%; }
acronym, abbr { cursor: help; }
address { font-style: normal; }


/* =Page structure */

html {
	background: #fff;
}

body {
	background: #fff;
	color: #3F4040;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 76%;
	line-height: 2.5em;
}

h1 span,
#nav ul,
#content,
#intro .aux,
#header .aux,
#footer .aux {
	width: 900px;
	margin: 0 auto;
}


/* =Links */

a {

}

a:hover, a:focus, a:active {

}

a:visited {

}

a img {
	border: none; /* kill border on linked images */
}


/* =Headings */

h1, h2, h3, h4 {
}

h1 {
	margin: 0;
	background: #82826d;
	clear: both;
	font-size: 2.5em;
}

h1 span {
	display: block;
	width: 657px; /* recalculate width due to padding */
	padding-right: 173px;
	background: url(../images/heading-generic.png) no-repeat right center;
}

h1 strong {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 55px;
	text-indent: -5000em;
	background-repeat: no-repeat;
	background-position: center right;
}

#intro h1 {
	clear: none;
	background: transparent;
}

#intro h1 span {
	width: auto;
	padding: 0;
	background: transparent;
}

h2 {
	margin-bottom: 0;
	font-size: 2.5em;
	font-weight: normal;
}

h3 {
	font-size: 1em;
}


/* Fancy headings */

#heading-our-vision { background-image: url(../images/heading-our-vision.png); }
#heading-pcs-history { background-image: url(../images/heading-pcs-history.png); }
#heading-commitment-to-deliver { background-image: url(../images/heading-commitment-to-deliver.png); }
#heading-pcs-story { background-image: url(../images/heading-pcs-story.png); }
#heading-about-us { background-image: url(../images/heading-about-us.png); }
#heading-management-profiles { background-image: url(../images/heading-management-profiles.png); }
#heading-contact-us { background-image: url(../images/heading-contact-us.png); }
#heading-values { background-image: url(../images/heading-our-values.png); }
#heading-mission { background-image: url(../images/heading-our-mission.png); }
#heading-past-projects { background-image: url(../images/heading-past-projects.png); }
#heading-historical-timeline { background-image: url(../images/heading-historical-timeline.png); }
#heading-references { background-image: url(../images/heading-references.png); }
#heading-bahia-de-los-suenos { background-image: url(../images/heading-bahia-de-los-suenos.png); }
#heading-bella-vita-site { background-image: url(../images/heading-bella-vita-site.png); }
#heading-calabas-site { background-image: url(../images/heading-calabas-site.png); }
#heading-portfolio { background-image: url(../images/heading-portfolio.png); }
#heading-mesa { background-image: url(../images/heading-mesa.png); }
#heading-three-estate-project { background-image: url(../images/heading-three-estate.png); }


/* =Header */

#header {
	background: #FFF;
}

#header #logo {
	margin: 0;
	padding: 22px;
}

#header #logo a {
	overflow: hidden;
	display: block;
	width: 310px;
	height: 101px;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -5000em;
}


/* =Navigation */

#nav {
	height: 28px;
	background: #FFF;
}

#nav ul {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

/***
#nav li ul {
	display: none;
	width: auto;
	position: absolute;
	top: 1em;
	left: 0;
	margin: 0;
	padding-bottom: .4em;
	background: url(../images/nav-dropdown.png) repeat-x bottom;
	z-index: 1000;
}

#nav li ul,
#nav li li,
#nav li li a {
	width: 20em;
}

#nav li li a {
	width: 18em;
	padding: .4em 1em;
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}
***/


/* Makeup for drop-down menu */
/***
#nav li li a {
	display: block;
	color: #C2C2C2;
}

#nav li li a:hover,
#nav li li a:active,
#nav li li a:focus {
	background: #4771A0;
	color: #FFF;
}

***/

#nav a {
	display: block;
	height: 28px;
	margin-right: 1px;
	border-top: 1px solid #909191;
	border-left: 1px solid #6B6C6C;
	border-right: 1px solid #313131;
	background-color: #6c6955;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -5000em;
	text-decoration: none;
}

/* Hover & current state: */
#nav a.current, #nav a:hover, #nav a:active, #nav a:focus {	color: #cdc944; background-color: #85826D !important; }






/* Fancy horizontal links */

#nav-home { width: 103px; background-image: url(../images/nav-home.png) ; }
#nav-home:hover { width: 103px; background-image: url(../images/nav-home-hover.png) ; }
#nav-home-here { width: 103px; background-image: url(../images/nav-home-hover.png); background-color: #85826D !important; }
#nav-about-us { width: 119px; background-image: url(../images/nav-about-us.png); }
#nav-about-us:hover { width: 119px; background-image: url(../images/nav-about-us-hover.png) ; }
#nav-about-here { width: 119px; background-image: url(../images/nav-about-us-hover.png); background-color: #85826D !important; }
#nav-pcs-history { width: 141px; background-image: url(../images/nav-pcs-history.png); }
#nav-pcs-history:hover { width: 141px; background-image: url(../images/nav-pcs-history-hover.png) ; }
#nav-history-here { width: 141px; background-image: url(../images/nav-pcs-history-hover.png); background-color: #85826D !important; }
#nav-our-vision { width: 141px; background-image: url(../images/nav-our-vision.png); }
#nav-our-vision:hover { width: 141px; background-image: url(../images/nav-our-vision-hover.png) ; }
#nav-vision-here { width: 141px; background-image: url(../images/nav-our-vision-hover.png); background-color: #85826D !important; }
#nav-portfolio { width: 126px; background-image: url(../images/nav-portfolio.png); }
#nav-portfolio:hover { width: 126px; background-image: url(../images/nav-portfolio-hover.png) ; }
#nav-portfolio-here { width: 126px; background-image: url(../images/nav-portfolio-hover.png); background-color: #85826D !important; }
#nav-references { width: 125px; background-image: url(../images/nav-references.png); }
#nav-references:hover { width: 125px; background-image: url(../images/nav-references-hover.png) ; }
#nav-references-here { width: 125px; background-image: url(../images/nav-references-hover.png); background-color: #85826D !important; }
#nav-contact-us { width: 124px; background-image: url(../images/nav-contact-us.png); }
#nav-contact-us:hover { width: 124px; background-image: url(../images/nav-contact-us-hover.png) ; }
#nav-contact-here { width: 124px; background-image: url(../images/nav-contact-us-hover.png); background-color: #85826D !important; }


/* =Content */

#content {
	width: 847px; /* recalculate content width due to padding */
	padding: 0 32px 0 21px;
}

/* Homepage specifics */

#homepage {
	padding-bottom: 8px;
}

#homepage,
#homepage body,
#homepage #footer {
	background: #FFF !important;
}

#homepage #footer .aux {
	width: 838px !important;
	height: 35px;
	background: #6c6955 !important;
}

#intro {
	background: url(../images/bg-intro.gif) repeat-x;
}

#intro .aux {
	width: 840px; /* recalculate content width due to padding */
	height: 416px;
	padding: 10px 30px 0;
}

#intro #welcome {
	float: right;
	width: 219px;
	padding: 0 4px 4px;
	background: #6c6955;
}

#intro #welcome h1 {
	overflow: hidden;
	margin: 0;
	width: 220px;
	height: 33px;
	background: url(../images/heading-welcome.gif) no-repeat;
	text-indent: -5000em;
}

#intro #welcome p {
	height: 124px;
	margin: 0;
	padding: 6px 10px;
	border: 3px solid #9F9FA0;
	background: #FFF;
	font-size: 92%;
	line-height: 1.5em;
}

#intro #welcome a {
	
	color:#666666;
	text-decoration:underline;
	
}
#intro #welcome a:hover {
	
	text-decoration:none;
	
}

#intro #flash-intro {
	float: left;
	width: 594px;
	height: 404px;
	border: 3px solid #9F9FA0;
}

#intro img {
	float: right;
	margin-top: 7px;
	border: 3px solid #9F9FA0;
}

/* Additional homepage content */

#additional {
	overflow: hidden;
	width: 820px;
	margin: 5px auto 8px;
	padding: 10px;
	background: #A0A747;
}

#additional blockquote {
	float: left;
	width: 180px;
	height: 205px;
	margin: 0;
	padding: 40px 25px 20px;
	border: 4px solid #D3D5C9;
	background: #FFF url(../images/bg-quote.gif) no-repeat;
	color: #665;
	font-style: normal;
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: center;
	font-variant: small-caps;
}

#additional blockquote #author {
	display: block;
	margin-top: 2em;
	font-size: 50%;
	line-height: 1.2em!important;
}

#additional #flash-projects {
	float: right;
	width: 573px;
	height: 272px;
	background: url(../images/additional-flash-placeholder.jpg) no-repeat;
}
#additional #flash-projects a{
	display:block;
	width:573px;
	height:272px;
}


/* Main content */

#main {
	overflow: hidden;
	float: right;
	width: 603px;
	margin: 22px 0 30px;
	padding: 5px 15px;
	border: 3px solid #797C7D;
	background: #FFF;
}

/* Single column setup */
#main-wide {
	overflow: hidden;
	margin: 22px 0 30px;
	padding: 30px 40px;
	border: 3px solid #797C7D;
	background: #FFF;
	line-height: 2.4em;
}

/* Three column setup */
#main-narrow {
	overflow: hidden;
	float: left;
	width: 389px;
	margin: 22px 0 30px 35px;
	padding: 5px 15px 10px;
	border: 3px solid #797C7D;
	background: #FFF;
	line-height: 2.4em;
}

#main p {
	margin: 2em 0;
}

#main a {
	color:#666666;
	text-decoration:underline;
}
#main a:hover {
	text-decoration:none;
}
p span a {
	color: #cdc944;
}
.firstword {
	font-size: 2em;
	color:#a0a747;
}

#list-values {
	margin: 3em 0;
	padding: 0;
}

#list-values li {
	margin: 2em 1em;
	padding: 0 0 0 25px;
	list-style: none;
	background: url(../images/bullet-arrow.gif) no-repeat 0 .5em;
}

/* Portfolio gallery */

#gallery {
	overflow: hidden;
	float: right;
	width: 639px;
	margin: 22px 0 0;
}

#gallery #large {
	float: left;
	border: 3px solid #A1A2A2;
}

#gallery #thumbs {
	float: right;
	margin: 0;
	padding: 0;
}

#gallery #thumbs li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#gallery #thumbs img {
	margin: 0 0 15px;
	border: 3px solid #A1A2A2;
}

/* Contact info */

address {
	width:300px;
}

address p {
	overflow: hidden;
}

address strong {
	float: left;
	width: 6.5em;
	margin-right: 1em;
	text-align: right;
}

address span {
	float: left;
}

#map {
	float: right;
	width: 477px;

}

/* Listings */

.listing {
	float: left;
	width: 49%;
	margin: 1.5em 0 3em;
	line-height: 1.5em;
}

.listing h3 {
	margin: 2.5em 0 .25em;
	padding: 0 80px;
}

.listing ul {
	margin: 0;
	padding: 0 90px;
}

.listing li {
	margin: .75em 0;
	padding: 0 0 0 2em;
	list-style: square;
}

/* Sidebar */

#side {
	float: left;
	width: 172px;
	margin: -2em 0 30px;
}

#side #projects {
	margin: 4px 0;
}

#side #projects img {
	margin: 4px 0;
}

/* Sub navigation */

#nav-sub {
	margin: 0;
	padding: 15px 0;
	border: 3px solid #A2A2A3;
	background: #FFF;
}

#nav-sub li {
	margin: 10px 0;
	padding: 0 10px;
	padding: 0;
	list-style: none;
}

#nav-sub a {
	padding: 4px 0;
	display: block;
	height: 21px;
}

#nav-sub a.current, #nav-sub a:hover, #nav-sub a:active, #nav-sub a:focus {
	background: url(../images/nav-sub-active.gif) repeat;
}



#nav-sub a span {
	display: block;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: -5000em;
}

/* Fancy links for sub navigation  */

#nav-sub-vision { background-image: url(../images/nav-sub-vision.png); }
#nav-sub-mission { background-image: url(../images/nav-sub-mission.png); }
#nav-sub-values { background-image: url(../images/nav-sub-values.png); }

#nav-sub-historical-timeline { background-image: url(../images/nav-sub-historical-timeline.png); }
#nav-sub-our-history { background-image: url(../images/nav-sub-history.png); }

#nav-sub-about-pcs { background-image: url(../images/nav-sub-about-pcs.png); }
#nav-sub-the-pcs-story { background-image: url(../images/nav-sub-the-pcs-story.png); }
#nav-sub-commitment-to-deliver { background-image: url(../images/nav-sub-commitment-to-deliver.png); }
#nav-sub-management-profiles { background-image: url(../images/nav-sub-management-profiles.png); }

#nav-sub-bahia-de-los-suenos { background-image: url(../images/nav-sub-bahia-de-los-suenos.png); }
#nav-sub-bella-vita-site { background-image: url(../images/nav-sub-bella-vita-site.png); }
#nav-sub-calabasas-site { background-image: url(../images/nav-sub-calabasas-site.png); }
#nav-sub-mesa-arizona-site { background-image: url(../images/nav-sub-mesa-arizona-site.png); }
#nav-sub-three-estate-project { background-image: url(../images/nav-sub-three-estate-project.png); }
#nav-sub-past-projects { background-image: url(../images/nav-sub-past-projects.png); }

/* Management */

#management {
	float: right;
	width: 178px;
	margin: 22px 0 30px;
}

#management-photo {
	border: 3px solid #A2A2A3;
}

/* Management navigation */

#nav-management {
	margin: 10px 0 0;
	padding: 15px 10px;
	border: 3px solid #A2A2A3;
	background: #FFF;
}

#nav-management li {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

#nav-management a {
	display: block;
	height: 21px;
}

#nav-management a.current, #nav-management a:hover, #nav-management a:active, #nav-management a:focus {
	background: url(../images/nav-management-active.gif) no-repeat;
}

#nav-management a span {
	display: block;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: -5000em;
}

/* Fancy links for management navigation  */

#nav-management-paul-jennings { background-image: url(../images/nav-management-paul-jennings.gif); }
#nav-management-charles-b-freedman { background-image: url(../images/nav-management-charles-b-freedman.gif); }
#nav-management-liz-goldman { background-image: url(../images/nav-management-liz-goldman.gif); }
#nav-management-ann-russell { background-image: url(../images/nav-management-ann-russell.gif); }
#nav-management-jacqui-genow { background-image: url(../images/nav-management-jacqui-genow.gif); }
#nav-management-craig-winburn { background-image: url(../images/nav-management-craig-winburn.gif); }
#nav-management-steve-heiny { background-image: url(../images/nav-management-steve-heiny.gif); }
#nav-management-jose-luis-guede { background-image: url(../images/nav-management-jose-luis-guede.gif); }


/* =Footer */

#footer {
	clear: both;
	background: #6C6955;
	color: #E2E3CF;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 76%;
	height: 55px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
}

#footer .aux {
	margin: 0 auto;
	overflow: hidden;
	width: 900px;
	height: 55px;
	background: #6c6955;
}

#footer p {
	margin: 0;
}

#footer #copyright {
	overflow: hidden;
	top: 35%;
	position: relative;
	float: left;
	left: 50px;
	width: 266px;
	height: 13px;
	background: url(../images/footer-copyright.gif) no-repeat;
	text-indent: -5000em;
}

#footer #credits {
	font-size:.9em;
	color:#c3c4b5;
	float: right;
	position: relative;
	right:40px;
	top: 3px;
}
#footer #credits a{
	color:#c3c4b5;
	text-decoration:none;
}
#footer #credits a:hover{
	text-decoration:underline;
}




/* =Tables */

table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

tr {

}

td {

}

.odd {

}

.even {
	background: #F1F0EF;
}

/* =Misc */

.hide { display: none; }
table a{color:#666666;text-decoration:underline;}
table a:hover{text-decoration:none;}
#main-narrow p a{color:#666666;text-decoration:underline;}
#main-narrow p a:hover{text-decoration:none;}
#intro #welcome p .firstword{
font-size:14px;}