/*=======================================================
 CSS Document for Hudson Henning and Goodman
=======================================================*/

@import url("global.css");
@import url("thickbox.css");

.hidden		{ display: none; }
.show			{ display: block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

.bg-wrapper		{ width: 100%; height: auto; background: #fff url('../images/core/bg.jpg') repeat-x 50% 0; display: block; }
body#home-page .bg-wrapper { background: #fff url('../images/core/bg-index.jpg') repeat-x 50% 0; }
#container			{ width: 980px; height: auto; display: block; margin: 0 auto; clear: both; }
#container:after, #main-contents:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
.notes	{ font-size: 1em; margin-top: -3px; }

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header		{ position: relative; z-index: 30; width: 940px; height: 165px; float: left; padding: 0 20px; clear: both; }
#logo				{ height: 115px; width: 940px; display: block; clear: both;  }
img.mainlogo { float: right; padding-right: 25px; }
body#home-page img.mainlogo { padding-right: 0; }

/*navigation*/
#nav 											{ width: 648px; height: 50px; float: right; display: block; margin-right: 30px; clear: both; }
body#home-page #nav { margin-right: 0!important; }
#nav ul 									{ list-style: none!important; margin: 0!important; width: 648px; height: 50px; display: inline; clear: both; }
#nav ul li 								{ font-size: 10px; display: inline; position: relative; z-index: 40; float: left; margin-right: 1px; line-height: 14px; }
#nav ul li.dropdown	{ z-index: 50; }
#nav ul a 								{ height: 50px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
#nav ul a:hover				{ background-position: 0 -50px!important; }
#nav ul li ul 						{ width: 150px; background-color: #f2f2f2; border: 1px solid #d8d8d8; border-bottom: 0; border-bottom: 9px; height: auto; display: block; left: -9999em; position: absolute; z-index: 50; top: 100%; margin: 0;  padding: 0; }
#nav ul ul a 						{ float: left; text-indent: 0!important; width: 130px; text-align: center; height: auto!important; padding: 7px 10px; font-size: 1.1em; border-bottom: 1px solid #d8d8d8; text-decoration: none; background-color: #f2f2f2; color: #888; }
#nav ul ul a:hover 		{ text-decoration: none; background-color: #b5121b; color: #fff; }
/* hover actions */
#nav ul li:hover ul.noshift, #nav ul li.over ul 	{ left: -15px; top: 36px; }
#nav ul li:hover ul.shifted, #nav ul li.over ul	{ left: -22px; top: 36px; }
#nav ul li.over a.onsection													{ background-position: 0 -50px; }
/*background*/
a#navhome 					{ background: url('../images/nav/home.gif') no-repeat 0 0; width: 54px; }
a#navabout 					{ background: url('../images/nav/about.gif') no-repeat 0 0; width: 81px; }
a#navservices 			{ background: url('../images/nav/services.gif') no-repeat 0 0; width: 119px; }
a#navtestimonials	{ background: url('../images/nav/testimonials.gif') no-repeat 0 0; width: 94px; }
a#navlinks 						{ background: url('../images/nav/links.gif') no-repeat 0 0; width: 54px; }
a#navrecruitments { background: url('../images/nav/recruitments.gif') no-repeat 0 0; width: 99px; }
a#navnews 					{ background: url('../images/nav/news.gif') no-repeat 0 0; width: 51px; }
a#navcontact 				{ background: url('../images/nav/contact.gif') no-repeat 0 0; width: 86px; }
/*onpage*/
body#home-page a#navhome, body#aboutus-page a#navabout, body.services-page a#navservices, body#testimonials-page a#navtestimonials, body#links-page a#navlinks, 
body.recruitments-page a#navrecruitments, body#news-page a#navnews, body#contact-page a#navcontact { background-position: 0 -100px!important; }
body.services-page #nav ul li.dropdown:hover ul.noshift, body.services-page #nav ul li.dropdown.over ul.noshift, body.recruitments-page #nav ul li.dropdown:hover ul.shifted, body.recruitments-page #nav ul li.dropdown.over ul.shifted { top: 44px!important; }
body#private #nav ul ul a#sub1, body#business-government #nav ul ul a#sub2, body#workat-hhg #nav ul ul a#sub3, body#vacancy #nav ul ul a#sub4 { text-decoration: none; background-color: #b5121b; color: #fff; } 

/*=============================================================
	Main body Layout
=============================================================*/

#main-contents 													{ width: 980px; height: auto; position: relative; z-index: 20; float: left; margin-top: -25px; display: block; clear: both; }
/*image placement*/
#splash-image 														{ width: 230px; height: auto; line-height: 0; position: absolute; z-index: 25; bottom: 0!important; left: 0; display: block; }
body#home-page #splash-image 		{ width: 338px; height: 340px;}
#splash-image.overlap									 	{ width: 340px; left: -100px; }
#splash-image.super-overlap					{ width: 480px; left: -240px; }
#splash-cycle 															{ width: 338px; height: 340px; overflow: hidden; display: inline; float: left; }
/*textual layout*/
#text-contents 														{ position: relative; z-index: 20; min-height: 400px; width: 690px; height: auto; background: url('../images/core/bg-body2.jpg') no-repeat 0 0; padding: 45px 50px 0 60px; float: right; display: block; }
body#home-page #text-contents 		{ width: 600px; height: auto; min-height: 297px; padding: 45px 40px 0 50px; background: url('../images/core/bg-body-index.jpg') no-repeat 0 0!important; }
* h\tml body#home-page #text-contents { height: 297px!important; }
.text																					{ position: relative; z-index: 28; float: left; margin-bottom: -20px; display: block; }
.fixed-height																{ height: 500px; }

/*contact page*/
ul#addresses						{ list-style: none!important; width: 330px; float: left; display: inline; margin-left: 0; }
ul#addresses li					{ color: #666; background: url('../images/core/bg-list.jpg') repeat-y 0 0; font-size: 10px!important; float: left; width: 300px; height: auto; padding: 10px 15px; margin-bottom: 15px; }
ul#addresses li.mask { background: url('../images/core/bg-list-moved.jpg') repeat-y 0 0!important; color: #fff!important; }
.mask h3, .mask a		{ color: #fff!important; }
ul#addresses h3 			{ color: #454545; font-size: 1.2em; margin: 0; padding: 0; }
ul#addresses p				{ margin: 6px 0 8px 0; line-height: 15px;  }
p.ph									{ background: url('../images/icon/phone.gif') no-repeat 0 4px; padding-left: 17px; font-size: 1.2em; height: 15px; margin: 0 25px 0 0!important; }
p.fax									{ background: url('../images/icon/fax.gif') no-repeat 0 2px; padding-left: 17px; font-size: 1.2em; height: 15px; margin: 0 25px 0 0!important; }
p.eml									{ background: url('../images/icon/email.gif') no-repeat 0 4px; clear: both!important; padding-left: 17px; font-size: 1.2em; height: 15px; margin: 0 25px 0 0!important; }
#form-area							{ width: 340px; margin-left: 20px; float: right; display: inline; }

/*testimonials*/
ul#testimonials-listing										{ list-style: none!important; width: 690px; margin-left: 0; padding: 0; display: block; }
ul#testimonials-listing li									{ font-size: 1em!important; color: #666; float: left;  margin-bottom: 15px; border-bottom: 1px dotted #d2d2d2; padding-bottom: 10px; display: block; width: 690px; clear: both; }
ul#testimonials-listing div								{ width: 660px; display: block; clear: both; padding: 0 15px; margin-bottom: 10px; }
ul#testimonials-listing p									{ margin-bottom: 10px; }
ul#testimonials-listing li a								{  font-size:1.5em; color: #000; margin: 8px 0; display: block; text-decoration: none; background-color: #f2f2f2; width: 670px; padding: 5px 10px 0 10px; height: 28px; }
ul#testimonials-listing li a:hover			{ color: #b5121b!important; text-decoration: none; }

/*links*/
ul.links							{ list-style: none!important; width: 100%; display: block; margin: 0 0 20px 0; }
ul.links li						{ background: url('../images/icon/click.gif') no-repeat 10px 3px; padding: 2px 0 2px 30px; }
ul.links li.alts			{ background-color: #f5f5f5; }
ul.links a						{ color: #666; }
ul.links a:hover	{ color: #b5121b; }

/*recruitments and news*/
.shared h2							{ padding-left: 10px;  text-transform: uppercase; margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px dotted #e5e5e5; }
.shared h2.heads			{ padding: 5px 10px; background: #717174; color: #fff; display: block; border-bottom: 0!important; margin-bottom: 10px; }
.desc											{ float: left; border: 1px solid #e5e5e5; background: #f5f5f5; padding: 14px; width: 650px; clear: both; margin: 10px 0; display: block; }
ul#general-listing			{ list-style: none!important; display: block; width: 690px; margin: 0 0 20px 0; }
ul#general-listing li		{ font-size: 1em!important; width: 660px; padding: 14px; margin-bottom: 10px; display: block; height: auto; border: 1px solid #e5e5e5; background: #f5f5f5; }
ul#general-listing h2	{ margin-bottom: 8px; }
ul#general-listing p		{ padding: 0 10px; margin-bottom: 10px; }
a.more										{ clear: both; display: block; background: url('../images/icon/click.gif') no-repeat 0 1px; padding-left: 18px; }
a.pdf											{ display: block; background: url('../images/icon/pdf.gif') no-repeat 0 3px; padding-left: 20px; margin: 0; }
.retract									{ list-style: none; margin-left: 17px; }
.pdf												{ display: block; background: url('../images/icon/pdf.gif') no-repeat 0 1px; padding-left: 25px; height: 20px; }
.dimmer									{ display: block; border: 1px solid #d2d2d2; background-color: #fff; line-height: 0; padding: 0; margin-bottom: 5px; clear: both; }
.listing-pics							{ float: right; width: 182px; height: 142px; overflow: hidden!important; display: inline; margin-left: 20px; }
body#news-page ul#general-listing			{ float: left; clear: both; }
body#news-page ul#general-listing li { padding: 5px 10px; margin: 5px; width: 300px; height: 40px!important; overflow: hidden; display: inline; float: left; }
body#news-page ul#general-listing li p { margin-bottom: 5px; }
body#news-page ul#general-listing li h2.heads { margin-bottom: 0; color: #000; padding: 0 10px; background: none!important; font-size: 1.4em; height: 20px!important; }

/*sitempa*/
ul#sitemap	, ul#sitemap ul		{ list-style: none!important; margin: 0 0 20px 0; }
ul#sitemap h2	{ margin: 0; font-size: 1.3em; }
ul#sitemap li		{ display: block; background: url('../images/icon/click.gif') no-repeat 0 1px; padding-left: 20px; margin-bottom: 3px; }
ul#sitemap ul		{ margin: 5px 0 5px -5px; }
ul#sitemap li li	{ font-size: 1em; }

/*=============================================================
	Footer
=============================================================*/

.bg-footer 								{ position: relative; z-index: 50; width: 100%; height: auto; background: url('../images/core/bg-footer-moved2.gif') no-repeat 50% 0; display: block; }
body#home-page .bg-footer { background: url('../images/core/bg-footer-moved.gif') no-repeat 50% 0!important;}
#footer 										{ width: 980px; height: 250px; padding: 0; display: block; margin: 0 auto; clear: both; }
#footer ul, #footer li 	{ list-style: none!important; font-size: 1em!important; color: #aeaeae; line-height: 14px; }
#footer p 									{ font-size: 1.1em; margin: 12px 0 0 0; color: #aeaeae;  }
#footer span 						{ font-size: 1.1em; font-weight: normal; }
#footer strong 					{ text-transform: uppercase; font-weight: normal; color: #fff; }
#footer a 									{ color: #aeaeae; text-decoration: none;}
#footer a:hover 				{ color: #000; text-decoration: underline;}
/*bookmark*/
#seal 						{ background: url('../images/core/seal.gif') no-repeat 0 10px; width: 980px; height: 60px; margin-bottom: -20px; display: block; clear: both; padding-top: 10px; }
/*footer-nav*/
#footer-nav 							{ display: block; width: 960px; height: 30px; overflow: hidden; padding-right: 20px; clear: both; }
#footer-nav ul 					{ list-style: none!important; margin: 0!important; float: right; display: block; /*width: 357px;*/ width: 247px; height: 80px; }
#footer-nav li 						{ display: inline; float: left; margin-left: 10px; }
#footer-nav a 						{ text-indent: -9999em; height: 30px; display: block; overflow: hidden; float: left; }
#footer-nav a:hover 	{ background-position: 0 -30px!important; }
/*a#navbookmark					{ background: url('../images/nav/bookmark.gif') no-repeat 0 7px; width: 100px; }*/
a#navsitemap 						{ background: url('../images/nav/sitemap.gif') no-repeat 0 0; width: 64px; }
a#navprivacy 						{ background: url('../images/nav/privacy.gif') no-repeat 0 0; width: 84px; }
a#navdisclaimer 				{ background: url('../images/nav/disclaimer.gif') no-repeat 0 0; width: 69px; }
a#navbookmark:hover	{ background-position: 0 5px!important; }
body#sitemap-page a#navsitemap	{ background-position: 0 -30px!important; }
/*footer-crumbs*/
#footer-crumbs 					{ width: 980px; height: 140px; display: block; padding-top: 15px; clear: both; float: left; }
#footer-crumbs ul 			{ list-style: none!important; margin: 0!important; display: block; }
#footer-crumbs li 			{ display: inline; float: left; padding: 0 16px; margin-right: 10px; }
#footer-crumbs li.address { width: 125px; }
.moved									 				 { margin-top: -32px!important; color: #e4e4e4!important; }
.moved span.alert 									 { display: block; color: #faa45f!important; height: 32px!important; text-align: right!important; margin-right: -10px; font-weight: bold;}
#footer-crumbs li.crumbs { padding: 0 0 0 20px; width: 270px; }

/*=======================================================
 End of CSS Document for HHG Group
=======================================================*/