@charset "utf-8";
/* CSS Document */

*, html {
margin:0;
padding:0;
}

html {
	min-height:100%;
	margin-bottom: 1px;	
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	background: #eeedec;
}

.cleaner {
	clear: both;
	font-size: 1px;
}

a {
	text-decoration: none;
	outline: none;
	color: #999999;
}

a.underln {
	text-decoration: underline;
	color: #666666;
}

a:hover {
	text-decoration: none;
	color: #cc6633;
}

img {
	border: 0;
}

/*Title for projects*/
h1 {
	color: #cc6633;
	font-weight: normal;
	font-size: 21px;
	line-height: 21px;
}

/*title for news*/
h2 {
	font-weight: bold;
	font-size: 14px;
	color: #cc6633;
	margin-top: 2px;
	margin-bottom: 1px;
}

/*title for staff*/
h3.staff-title {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	line-height: 18px;
	text-transform:none;
	margin-bottom: 2px;
	padding-top: 0px;
}

/*subtitle for staff*/
h3 {
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 18px;
	margin-bottom: 3px;
	padding-top: 18px;
}

/*title for contact*/
h4 {
	font-weight: bold;
	font-size: 10px;
	color: #cc6633;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/*title for firm_Page sidebar*/
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #cc6633;
	text-transform: uppercase;
	margin-bottom: 7px;
	padding-top: 21px;
}

#container {
	background: center top repeat-y url(images/bg_main.gif) #eeedec;
	width: 830px;
	margin: 0 auto;
}

#page {
	width: 800px;
	margin: 0 auto;
	background: top left repeat-x url(images/bg_yruler.gif) #FFFFFF;
}

#page .left {
	width: 492px;
	margin-right: 20px;
	margin-top: 34px;
	float: left;
}

#page .right {
	width: 288px;
	float: right;
}

#page .right #top-link {
	height: 70px;
	width: 288px;
	text-align: right;
}

#page #finalspacer {
	width: 800px;
	height: 65px;
}

/*FIRM & NEWS Begin*/
#page .left #sheet{
	width: 452px;
	margin-left: 40px;
	background: #f6f5f5;
}

#page .left #sheet-body{
	width: 402px;
	background: #f6f5f5;
	padding: 53px 25px 0;
}

#page .left #sheet-body *{
	overflow: hidden;
}

#page .left #sheet-body img {
	margin-bottom: 10px;
}

#page .left #sheet-body p {
	font-size: 11px;
	line-height: 16px;
	color: #626262;
	padding-top: 9px;
}

#page .right #right-hdr {
	width: 288px;
	height: 18px;
	margin-bottom: 43px;
}

#page .right #right-body {
	width: 288px;
}

/*FIRM AND NEWS End */

/*FIRM */
#page .left #sheet-body #spacer112px {
	width: 402px;
	height: 112px;
}

#page .right #right-body p {
	font-size: 10px;
	line-height: 10px;
	padding-bottom: 4px;
}

#page .right #right-body p.oneitem {
	padding: 0;
}

#page .right #right-body p.femine {
	padding-top: 9px;
}

#page .right #right-body a {
	text-decoration: underline;
}

#page .right #right-body a:hover {
	text-decoration: underline;
}

/*NEWS*/
#page .right #right-body.news {
	padding-top: 22px;
}

#page .right #right-body.news p{
	margin-bottom: 5px;
}

#page .right #right-body.news p.archives{
	text-decoration: none;
	color: #cc6633;
	font-weight: bold;
}

#page .right #right-body.news p.capitalize a{
	text-transform:uppercase;
}

#page .right #right-body.news p.spacer17{
	margin-bottom: 17px;
}

#page .right #right-body.news p.spacer23{
	margin-bottom: 23px;
}

#page .right #right-body.news p.yr{
	margin-bottom: 1px;
}

#page .right #right-body.news p.yr a{
	text-decoration: none;
	color: #666666;
	font-weight: normal;
}

#page .right #right-body.news a {
	text-decoration: none;
	color: #cc6633;
	font-weight: bold;
}

#page .right #right-body.news a.yr {
	text-decoration: none;
	color: #666666;
	font-weight: normal;
}

#page .left #sheet-body .news-item-header {
	width: 402px;
	margin-bottom: 0;
}

#page .left #sheet-body .news-item-header p {
	color: #999999;
	font-size: 10px;
	padding: 0;
}

#page .left #sheet-body .news-item-header p span {
	font-weight: bold;
	font-style: italic;
}

#page .left #sheet-body .news-item-header a {
	text-decoration: underline;
}

#page .left #sheet-body .news-item-body {
	width: 402px;
}

#page .left #sheet-body .news-item-body p {
	padding-top: 7px;
}

#page .left #sheet-body .news-item-body p.img-caption {
	font-size: 9px;
	padding: 0;
}

#page .left #sheet-body .news-item-body p.news-footer {
	font-size: 9px;
	margin-top: 2px;
	margin-bottom: 19px;
}

#page .left #sheet-body .news-item-body a {
	color: #626262;
	text-decoration: underline;
}

#page .left #sheet-body .news-item-body a:hover {
	color: #cc6633; 
}

#page .left #sheet-body .news-item-body a.nounderline {
	text-decoration: none;
}

#page .left #sheet-body .news-item-body a:hover.nounderline {
	text-decoration: none;
}

#page .left #sheet-body .news-item-body img {
	padding-top: 20px;
	margin-bottom: 3px;
}

#page .left #sheet-body .news-spacer {
	height: 18px;
	width: 402px;
	border-top: solid 1px #dddcdc;
}

#page .left #sheet-body .news-spacer.final {
	border-top: 0;
}

/*Contact*/

#page .left #sheet-contact {
	width: 452px;
	padding-top: 54px;
}

#page .left #sheet-contact p{
	margin-bottom: 1px;
}

#page .left #sheet-contact a {
	color: #666666;
	text-decoration: underline;
}

#page .left #sheet-contact a:hover {
	color: #cc6633;
}

#page .left #sheet-contact #contact-left {
	float: left;
	padding-left: 25px;
	width: 214px;
}

#page .left #sheet-contact #contact-left p.pmarg9px {
	margin-bottom: 9px;
} 

#page .left #sheet-contact #contact-left p.contact-pdf{
	margin-top: 13px;
	font-size: 9px;
	margin-bottom: 0px;
}

#page .left #sheet-contact #contact-right {
	float: left;
	padding: 0 25px;
	width: 163px;
	margin-bottom: 20px;
}

#page .left #sheet-contact #contact-right-pic {
	float: left;
	width: 213px;
	height: 28px;
}

#page .left #sheet-contact #contact-pic {
	width: 452px;
	height: 371px;
	clear: both;
}

/*Projects */
#page .right #hdr-projects {
	width: 288px;
	height: 18px;
	margin-bottom: 22px;
}

#page .right #navi-projects {
	width: 288px;
	height: 10px;
	margin-bottom: 16px;
}

#page .right #navi-projects #next-padding {
	float: left;
	height: 10px;
	width: 76px;
}

#page .right #navi-projects a {
	float: left;
	height: 10px;
	text-indent: -9999px;
	display: block;
	font-size: 1px;
}

#page .right #navi-projects a.prev-proj {
	width: 62px;
	background: left top no-repeat url(images/nr_prev.gif);
	margin-right: 14px;
}

#page .right #navi-projects a:hover.prev-proj {
	background: left top no-repeat url(images/nr_prevh.gif);
}

#page .right #navi-projects a.next-proj {
	width: 45px;
	background: left top no-repeat url(images/nr_next.gif);
}

#page .right #navi-projects a:hover.next-proj {
	background: left top no-repeat url(images/nr_nexth.gif);
}

#page .right #sel-projects {
	width: 230px;
	clear: both;
}

#page .right #sel-projects ul {
	list-style: none;
	line-height: 12px;
}

#page .right #sel-projects ul li {
	padding-bottom: 5px;
}

#page .right #sel-projects a.selected-proj {
	color: #d0cece;
}

#page .left-proj-pics {
	width: 452px;
	margin-right: 20px;
	padding-left: 39px;
	margin-top: 32px;
	float: left;
	overflow: hidden;
}

#page .left-proj-pics #flags {
	height: 17px;
	width: 245px;
	margin-bottom: 15px;
}

#page .left-proj-pics #pic-project {
	width: 433px;
	margin-bottom: 11px;
}

#page .left-proj-pics #sel-pic {
	width: 452px;
	height: 11px;
}

#page .left-proj-pics #sel-pic a {
	width: 29px;
	height: 9px;
	border: 1px solid #cccccc;
	text-indent: -9999px;
	font-size: 1px;
	display: block;
	float: left;
	margin-right: 5px;
}

#page .left-proj-pics #sel-pic img {
	padding-left: 3px;
}

#page .left-proj-pics #sel-pic a.selected-pic {
	background: #cccccc;
}

#page #spacer6px {
	width: 800px;
	height: 6px;
}

#page .right #note-project {
	width: 145px;
	padding: 15px 29px 29px 15px;
	background: #f6f5f5;
}

#page .right #note-project p {
	font-size: 9px;
	color: #999999;
	line-height: 16px;
}

#page #text-proj {
	width: 452px;
	margin-right: 20px;
	padding-left: 39px;
	float: left;
}

#page #text-proj #title-proj {
	width: 380px;
	margin-top: 15px;
	margin-bottom: 19px;
}

#page #text-proj #title-proj h1.real {
	line-height: 25px;
	padding-bottom: 4px;
}

#page #text-proj #title-proj p {
	font-size: 12px;
	color: #999999;
}

#page #text-proj #body-proj {
	padding-right: 20px;
	width: 432px;
	font-size: 11px;
	line-height: 16px;
}

#page #text-proj #body-proj p {
	margin-bottom: 9px;
}

#page #text-proj #body-proj span {
	color: #999933;
	font-size: 9px;
}

#page #text-proj #body-proj ul {
	padding-left: 25px;
	margin-bottom: 9px;
}

/*People */
#page .right #sel-people {
	width: 230px;
	clear: both;
}

#page .right #sel-people ul {
	list-style: none;
	line-height: 14px;
	margin-bottom: 16px;
}

#page .right #sel-people a {
	color: #999999;
}

#page .right #sel-people a.selected-person {
	color: #cccccc;
}

#page #left-person {
	width: 492px;
	margin-right: 20px;
	margin-top: 88px;
	float: left;
	background: left top repeat-y #FFFFFF url(images/bg_peepbl.gif);
}

#page #left-person.principals {
	background: left top repeat-y #FFFFFF url(images/bg_peepor.gif);
}

#page #left-person #left-part {
	width: 215px;
	float: left;
}

#page #left-person #left-part #photo-person {
	width: 215px;
}

#page #left-person #left-part #bg-right-small {
	width: 202px;
	height: 9px;
	background: #ffffff;
	font-size: 1px;
}

#page #left-person #right-part {
	width: 277px;
	float: left;
}

#page #left-person #right-part #peep-top1 {
	font-size: 1px;
	height: 10px;
	width: 277px;
	background: top left no-repeat url(images/bg_peeptop.gif);
}

#page #left-person #right-part #peep-top2{
	font-size: 1px;
	height: 19px;
	width: 277px;
	background: #ffffff;
}

#page #left-person #right-part #text-person{
	padding: 87px 7px 40px 17px;
	width: 250px;
	float: left;
}

#page #left-person #right-part #text-person p{
	color: #ffffff;
	line-height: 13px;
	margin-bottom: 5px;
}

#page #left-person #right-part #text-person p.assc{
	margin-bottom: 23px;
}

#page #left-person #right-part #text-person p.princ{
	margin-bottom: 31px;
}

#page #left-person #right-part #text-person p.p-principal{
	margin-bottom: 16px;
	line-height: 14px;
}

#page #left-person #right-part #filler {
	height: 375px;
	width: 1px;
	float: right;
	font-size: 1px;
}

/*Header*/
#header {
	height: 87px;
	width: 800px;
	margin: 0 auto;
}

#header #logo {
	height: 77px;
	width: 153px;
	float: left;
	margin-right: 77px;
}

#header #mainmenu {
	height: 39px;
	width: 252px;
	margin-top: 38px;
	float: left;
}

#header #mainmenu #menu-top {
	height: 9px;
	width: 250px;
	padding-left: 2px;
}

#header #mainmenu #menu-top a {
	float: left;
	height: 9px;
	text-indent: -9999px;
	display: block;
	font-size: 1px;
}

#header #mainmenu #menu-top a.mn-firm {
	width: 29px;
	background: left top no-repeat url(images/mn_firm.gif);
	margin-right: 22px;
}

#header #mainmenu #menu-top a:hover.mn-firm {
	background: left top no-repeat url(images/mn_firmh.gif);
}

#header #mainmenu #menu-top a.mn-firm#mn-selected {
	background: red;
	background: left top no-repeat url(images/mn_firmh.gif);
}

#header #mainmenu #menu-top a.mn-proj {
	width: 63px;
	background: left top no-repeat url(images/mn_proj.gif);
	margin-right: 20px;
}

#header #mainmenu #menu-top a:hover.mn-proj {
	background: left top no-repeat url(images/mn_projh.gif);
}

#header #mainmenu #menu-top a.mn-proj#mn-selected {
	background: left top no-repeat url(images/mn_projh.gif);
}

#header #mainmenu #menu-top a.mn-cont {
	width: 61px;
	background: left top no-repeat url(images/mn_cont.gif);
	margin-right: 20px;
}

#header #mainmenu #menu-top a:hover.mn-cont {
	background: left top no-repeat url(images/mn_conth.gif);
}

#header #mainmenu #menu-top a.mn-cont#mn-selected {
	background: left top no-repeat url(images/mn_conth.gif);
}

#header #mainmenu #menu-top a.mn-news {
	width: 35px;
	background: left top no-repeat url(images/mn_news.gif);
}

#header #mainmenu #menu-top a:hover.mn-news {
	background: left top no-repeat url(images/mn_newsh.gif);
}

#header #mainmenu #menu-top a.mn-news#mn-selected {
	background: left top no-repeat url(images/mn_newsh.gif);
}

#header #mainmenu #menu-popup {
	height: 30px;
	width: 252px;
	display: none;
}

#header #mainmenu #menu-popup a{
	color: #727171;
}

#header #mainmenu #menu-popup span {
	margin: 0 6px;
}

#header #mainmenu #menu-popup a:hover{
	color: #cc6633;
}

#header #mainmenu #menu-popup a.selected{
	color: #cc6633;
}

#header #mainmenu #menu-popup p{
	padding-top: 8px;
}

#header #intro-top {
	height: 9px;
	width: 53px;
	margin-top: 68px;
	margin-left: 85px;
	float: left;
}

#header #spacer10px {
	height: 10px;
	width: 289px;
	margin-left: 511px;
}

/*Footer */
#footer {
	width: 748px;
	margin: 0 auto;
	padding: 0 12px 0 40px;
	line-height: 10px;
}

#footer #footer-left {
	width: 540px;
	height: 10px;
	float: left;
	font-size: 9px;
	color: #9a928b;
}

#footer #footer-right {
	width: 208px;
	float: right;
	text-align: right;
	color: #cccccc;
	font-size: 9px;
}

#footer #spacer4px {
	width: 748px;
	height: 4px;
	font-size: 1px;
}

#shadow {
	width: 830px;
	height: 22px;
	line-height: 22px;
	margin: 0 auto;
	background: top left no-repeat url(images/bg_bottom.gif);
}

#intro {
	width: 800px;
	height: 500px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}

#cache {
	display: none;
}

#video {
	position: absolute; 
	display:none;
	z-index: 100; 
	width:536px; 
	height:339px; 
	overflow:hidden; 
	top: 120px;
	left: 100px;
	padding-left: 15px;
	padding-top: 10px;
	background: url(images/window.png) no-repeat;
}

#videoclose {
	position: absolute;
	display: none;
	z-index: 101;
	left: 577px;
	top: 423px;
}

#videoclose a{
	font-weight: bold;
}

* html body #video {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.hh-arch.com/wp-content/themes/hh/images/window.png', sizingMethod='crop');
	background: none;
	white-space: nowrap;
}

.video-link {
	color: #666666;
	text-decoration: underline;
}

.video-link:hover {
	text-decoration: underline;
}