/* CSS Document */

body {text-align: center;
		background-color: #F7F7EB;
}

#container-portfolio {
	width: 849px;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
	height: 668px;
}

#banner {
		width: 850px;
		height: 71px;
}
#bannerleft {
		width: 558px;
		height: 71px;
		float: left;
}
#bannerright {display:block;
		width: 292px;
		height: 71px;
		float: left;
		white-space:nowrap;
}


/* Step 3 - get rid of the bullets and margin */

#bannerright ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 - make the list horizontal */

#bannerright li {float:left;}

/* Step 5 - Adding the initial images */

#bannerright li.about {background:transparent url(images_contact/about-off.gif); background-repeat:no-repeat;}
#bannerright li.portfolio {background:transparent url(images_contact/portfolio-off.gif); background-repeat:no-repeat;}
#bannerright li.contact {background:transparent url(images_contact/contact-off.gif); background-repeat:no-repeat;}

/* Step 6 - General link styling */

#bannerright a {display:block; width:97px; height:0; margin-top:0px; padding-top:71px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #bannerright a:link, * html #bannerright a:visited {height:71px; he\ight:0;}

/* Step 8 - Adding the hover images */

#bannerright a#about {background:transparent url(images_contact/about-on.gif) -73px -104px no-repeat;}
#bannerright a#portfolio {background:transparent url(images_contact/portfolio-on.gif) -73px -104px no-repeat;}
#bannerright a#contact {background:transparent url(images_contact/contact-on.gif) -73px -104px no-repeat;}

/* Step 9 - Adding the :hover style */

#bannerright a#about:hover {background-position:0 0; z-index:50;}
#bannerright a#portfolio:hover {background-position:0 0; z-index:50;}
#bannerright a#contact:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:128px; he\ight:0;}


/* little side menu */

#submenu {display:block;
		width: 261px;
		height: 108px;
		float: left;
		white-space:nowrap;
		padding-top:5px;
}

/* Step 3 - get rid of the bullets and margin */

#submenu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 - make the list vertical */

#submenu li {float:clear;}

/* Step 5 - Adding the initial images */

#submenu li.retail {background:transparent url(images_preport/retail_off.gif); background-repeat:no-repeat;}
#submenu li.hospitality {background:transparent url(images_preport/hospitality_off.gif); background-repeat:no-repeat;}
#submenu li.corporate {background:transparent url(images_preport/corporate_off.gif); background-repeat:no-repeat;}
#submenu li.public {background:transparent url(images_preport/public_off.gif); background-repeat:no-repeat;}
#submenu li.religious {background:transparent url(images_preport/religious_off.gif); background-repeat:no-repeat;}
#submenu li.residential {background:transparent url(images_preport/residential_off.gif); background-repeat:no-repeat;}

/* Step 6 - General link styling */

#submenu a {display:block; width:261px; height:0px; padding-top:18px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #submenu a:link, * html #submenu a:visited {height:18px; he\ight:0;}

/* Step 8 - Adding the hover images */

#submenu a#retail {background:transparent url(images_preport/retail_on.gif) -261px -18px no-repeat;}
#submenu a#hospitality {background:transparent url(images_preport/hospitality_on.gif) -261px -18px no-repeat;}
#submenu a#corporate {background:transparent url(images_preport/corporate_on.gif) -261px -18px no-repeat;}
#submenu a#public {background:transparent url(images_preport/public_on.gif) -261px -18px no-repeat;}
#submenu a#religious {background:transparent url(images_preport/religious_on.gif) -261px -18px no-repeat;}
#submenu a#residential {background:transparent url(images_preport/residential_on.gif) -261px -18px no-repeat;}

/* Step 9 - Adding the :hover style */

#submenu a#retail:hover {background-position:0 0; z-index:50;}
#submenu a#hospitality:hover {background-position:0 0; z-index:50;}
#submenu a#corporate:hover {background-position:0 0; z-index:50;}
#submenu a#public:hover {background-position:0 0; z-index:50;}
#submenu a#religious:hover {background-position:0 0; z-index:50;}
#submenu a#residential:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:18px; he\ight:0;}


#accent {
	width:66px;
	height:192px;
	float:left;
}

#images {
	width:783px;
	height:192px;
	margin: 0 auto;
	float:left;
}

#photo {
	width:180px;
	height:180px;
	background-color:#000000;
	margin-left:32px;
	margin-top:70px;
}

#header {
	width:400px;
	height:64px;
	float:left;
	background-color:#ffffff;
	vertical-align:top;
}

#contentarea {
	width:675px;
	float:left;
	background-color:#ffffff;
	margin-left: 32px;
	margin-top:20px;
	vertical-align:top;
}

.aboutcopy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
	margin-left: 0px;
}

.contactcopy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
	margin-left:113px;
}

.copy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
}
.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCC99;
	background-color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}
a.link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#676767;
	background-color:#FFFFFF;
	text-align:left;
	margin-left:113px;
}

a.next {font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #3f919d; text-decoration:none;
}

a.copyright {font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:3px;
	margin-top:20px;
	color:#999999;
	text-decoration:none;
}

a.sitemap {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}