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

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

body {
 font-family: Arial, sans-serif; 
 font-size: 12px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#585858;
}
.hindmarsh #container {
	width: 984px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.hindmarsh #header {
}

a {
color: #585858;
text-decoration: underline;
}

.hindmarsh #header #header-statement {
 padding: 7px 0;
}

.hindmarsh #header #menu-top {
/*background-color: #d2d2d2;*/
height: 38px;
}

#RightPaneContainer {
 padding: 10px;
 background-color: #ebebeb;
 
}

.hindmarsh #header #header-statement {
 padding: 7px 0;
}

#headingBanner
{
 width:608px;
 height:38px;
 background-color: #EFF0F0;
 background-image:url(images/title-background.png);
 background-repeat:no-repeat;
 background-position:right;
 color: #646464;
 margin-right: 7px;
}
span#contentHeading { margin-left: 33px; padding:0px; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 24px; line-height: 38px;}


#menu-top TD, #menu-top A, #menu-btm  TD, #menu-btm A { height:38px; background-position:top left; background-repeat:no-repeat; }
#menu-top A { height:38px; display:block; background-color:#d2d2d2; }
#menu-btm A { height:38px; display:block; background-color:#d2d2d2; }
#menu-top A:hover, #menu-btm A:hover { background-color:#ee3224; } 

 A.home { background-image: url(images/btn-home.gif); }
 A.home:hover { background-image: url(images/btn-home-over.gif); }
 A.home-active { background-image: url(images/btn-home-over.gif); }
 A.construction { background-image: url(images/btn-construction.gif); }
 A.construction:hover { background-image: url(images/btn-construction-over.gif); }
 A.construction-active { background-image: url(images/btn-construction-over.gif); } 
 A.property { background-image: url(images/btn-property.gif); }
 A.property:hover { background-image: url(images/btn-property-over.gif); }
 A.property-active { background-image: url(images/btn-property-over.gif); } 
 A.living { background-image: url(images/btn-living.gif); }
 A.living:hover { background-image: url(images/btn-living-over.gif); }
 A.living-active { background-image: url(images/btn-living-over.gif); } 
 A.parking { background-image: url(images/btn-parking.gif); }
 A.parking:hover { background-image: url(images/btn-parking-over.gif); }
 A.parking-active { background-image: url(images/btn-parking-over.gif); } 
 A.capital { background-image: url(images/btn-capital.gif); }
 A.capital:hover { background-image: url(images/btn-capital-over.gif); }
 A.capital-active { background-image: url(images/btn-capital-over.gif); } 
 A.china { background-image: url(images/btn-china.gif); }
 A.china:hover { background-image: url(images/btn-china-over.gif); }
 A.china-active { background-image: url(images/btn-china-over.gif); } 
 
 #special { height: 28px; color: white; font-family: Arial, sans-serif; background-image: url(images/special.gif); background-position: right top; background-repeat:no-repeat; padding: 5px 15px 5px 50px; text-align:left; }

.hindmarsh #mainContent {
	padding: 0;
	margin: 10px 0;
	background: #FFFFFF;
}
.hindmarsh #footer {
}

.hindmarsh #footer #menu-btm {
background-color: #d2d2d2;
height: 38px;
}

TD.gap { height: 38px; background-image: url(images/btn-gap.gif); }
TD.top-gap { width:1px; background-image: url(images/btn-top-gap.gif); }
TD.bottom-gap { width:1px; background-image: url(images/btn-bottom-gap.gif); }

	A.about { background-image: url(images/btn-about-hindmarsh.gif); }
	A.about:hover { background-image: url(images/btn-about-hindmarsh-over.gif); }
	A.about-active { background-image: url(images/btn-about-hindmarsh-over.gif); }
	
	A.contact { background-image: url(images/btn-contact-hindmarsh.gif); }
	A.contact:hover { background-image: url(images/btn-contact-hindmarsh-over.gif); }
	A.contact-active { background-image: url(images/btn-contact-hindmarsh-over.gif); }
	
	A.news { background-image: url(images/btn-hindmarsh-news.gif); }
	A.news:hover { background-image: url(images/btn-hindmarsh-news-over.gif); }
	A.news-active { background-image: url(images/btn-hindmarsh-news-over.gif); }

.hindmarsh #footer #footer-statement {
}

.hindmarsh #footer #footer-statement .btm-pane {

 background-color: #ebebeb; 
 height:60px;
 color:#585858;	
 margin-top:6px;
 padding: 12px 42px 0 30px;
 width: 418px;
 text-align:left;
}

.hindmarsh #footer #footer-statement {
}

.hindmarsh #footer #footer-statement .btm-pane {
 background-color: #ebebeb; 
 height:60px;
 color:#585858;	
 margin-top:6px;
 font-size:12px;
 padding: 12px 62px 0 30px;
 width: 398px;
 text-align:left;
}

#leftSubMenu
{
 font-weight:bold;
 font-size:12px;
 color:#807F83;
 margin-left:25px;
 margin-top:15px;
 width:195px;	
}


#leftSubMenu a {
 margin-left: 9px;
 color:#B0B0B0;
 font-weight: bold;
 text-decoration:none;
 display:block;
}

#leftSubMenu a.statelink {
 margin-left: 9px;
 color:#B0B0B0;
 font-weight: bold;
 text-decoration:none;
}

#leftSubMenu #projects a{
 margin-left: 9px;
 color:#B0B0B0;
 text-decoration:none;
 display: block;
 font-size: 10px;
 padding: 0 0 10px 0;
}

#leftSubMenu #projects a:hover{color: #585858;}
#leftSubMenu #projects a.active{color: #585858;}


.leftSubMenuSeparator { 
height: 20px; 
}

.SubMenuHeading
{
 margin-top:3px;
 margin-left:9px;
 display:block;
}

#footerlinks table tr td {font-size: 10px;}
#footerlinks table tr td span { color: #e02621; }
#footerlinks table tr td a, #footerlinks table tr td a:visited, #footerlinks table tr td a:active, #footerlinks table tr td a:hover { color: #585858; }

.containermaster_grey, .containermaster_grey tbody, .containermaster_grey tbody tr, .containermaster_grey tbody tr td { padding: 0px 10px 0px 10px; border: solid 0px black;}
.containermaster_grey div.normal  
{
	padding-top: 15px;  
	*padding-left: 10px;
	padding-bottom: 15px;  
}

#ContentPaneContainer
{
	width:373px;
	margin-left:4px;
	margin-right:4px;
	margin-top:18px;
	min-height:279px;
	height: auto !important; 
	height: 279px; 
}

#projectName {
 width: 263px;
 font-size: 14px;
 font-weight: bold;
 padding: 0 0 10px 0;
}

#ContentPaneContainer-stretched
{
	width:750px;
	margin-left:4px;
	margin-right:4px;
	margin-top:18px;
	height: auto !important; 
}

#ContentPaneContainer #breadcrumbs {
 padding: 0;
 font-size: 10px;
}

#ContentPaneContainer #breadcrumbs a{font-size: 10px; color: #e02621; text-decoration:none;}
#ContentPaneContainer #breadcrumbs a:hover { color: #585858; }


#ContentFooterPaneContainer
{
	margin-bottom: 7px;
	margin-top: 7px;
	margin-left: 4px;
}

.layoutTable { padding:0; margin:0; }
.tableDev { width: 984px; }

#rhs-heroImage-sm { width: 368px; height: 299px; background-color: #ffffff;}
.rhs-heroImage-td { background-color: #ebebeb;}

tr.iehack_tr 
{
	*height:0px; /* ie hack */
	*line-height:0px; /* ie hack */
}
div.iehack_imgseparator 
{
	height:7px; 
	*height:0px;  /* ie hack */
	*line-height:0px; /* ie hack */
	margin:0;
	padding:0;
}
div.iehack_imgseparator2
{
	height:7px;
	*height:9px; /* ie hack */
	*line-height:9px; /* ie hack */
	margin:0;
	padding:0;
}

.aboutTbl h1 {
 padding: 0;
 margin: 0;
 font-size: 16px;
 
}

.aboutTbl h2 {
 padding: 0;
 margin: 0;
 font-size: 14px;
}

.newsInfo {
 margin: 0 0 20px 0;
}

.newsInfo h1{
font-size: 16px;
}

.newsInfo h2{
font-size: 14px;
}

#logo {
 margin-top: 30px;
 text-align: center;
}
