@import url(reset.css);
@import url(form.css);

body
{
	background-color: #E6E7E8 !important;
	background-image:url(../_img/bgHorizontalTile.jpg);
	background-repeat:	repeat-x;
	color: #333333;
	font-family: Arial;
	font-size: 11px;
	line-height:13px;
	margin:0px;
	padding:0px;
}
h1,h2,h3
{
	color: #003973;
	font-size: 22px;
	font-weight:normal;
	font-family: Arial, "Helvetica 65 Medium";
	padding-bottom:7px;
}
h1 {padding-bottom:10px;}

h2{ font-size: 18px; }
h2.grey {font-size: 18px; color: #333333; padding-bottom:14px;}
h3{ font-size: 14px;}
h4 {color:#7F7F7F; margin-bottom:5px; font-size:10px; font-weight:normal;}
p { padding-bottom:11px; }
.emphasise  
{
	font-size:12px; 
	font-weight:normal;
	color: #333333;
	line-height:16px;
	margin:0px;
	padding:0px;
	padding-bottom:12px;
}
.intro
{
	font-size: 12px;
	font-weight:normal;
	color: #003973;
	line-height:16px;
	margin:0px;
	padding:0px;
	padding-bottom:12px;
}
ul {margin-top:0px;}
table, th, td {border: none;}
table {margin:0px; padding:0px; border-spacing: 0px;}
tr, th, td {margin-left:0px; padding-left:0px;}
th, td {vertical-align: top; padding-right:15px; }
td p {padding-bottom:11px;}

a,
a:hover {color: #333333; text-decoration:none;}
.clear-both {clear:both;}

div#body,
div#body-back-page
{
	width: 1007px;
	margin-left: auto;
	margin-right: auto;
	padding-top:47px;
}
	div#header { background: url(../_img/bgMainMenu.png) no-repeat; height:186px; width: 1007px; }
		div#header div.page-utility { color: #999999; font-size:9px; margin:15px 0px 0px 30px; position:absolute;}
		form#search-form {border: none; margin:50px 0px 0px 30px; position:absolute;}
		form#search-form fieldset {border: none; padding:0px; margin:0px;}
			form#search-form fieldset label { text-transform:uppercase; color:#666666; margin-right:8px; margin-top:5px; display: block; float:left; vertical-align:middle;}
			#txtKeywords { font-family: Arial, "Helvetica 65 Medium"; font-size: 11px; color:#666666; border: solid 1px #D5D5D5; height:20px; width:218px; margin-right:8px;; display: block; float:left;}
			#btnSearchSubmit{ text-transform:uppercase; border: solid 1px #D5D5D5; height:24px; width:30px; background-color: #003974; font-size: 11px; color:#FFFFFF; padding:0px; margin:0px; display: block; float:left;}
		div.back-to-home{ position:absolute; width:140px; height:60px;  margin-left:820px; margin-top:40px;}
		div.back-to-home a {display:block;width:100%; height:100%; text-indent:-9999px;}
		
		
	ul#main-menu { margin:0px 0px 0px 7px; padding:0px; padding-top:151px; height:34px; }
		ul#main-menu li { list-style-type:none; }
		ul#main-menu > li {float:left; width:131px; padding: 1px 4px 0px 3px; height:34px; background: url(../_img/bgMenuBar.png) no-repeat right center;}
		
			ul#main-menu li a { height:34px; width:131px; display:block; background-image: url(../_img/mnuAbout.png); background-repeat:no-repeat; text-indent:-9999px;	}

			ul#main-menu li.about > a{ background-image: url(../_img/mnuAbout.png);}
			ul#main-menu li.about a:hover,
			ul#main-menu li.about a.selected,
			div#body-back-page.section-about ul#main-menu li.about a,
			ul#main-menu li.about ul {background-color: #003974; background-position:bottom; }
			
			ul#main-menu li.culture > a{ background-image: url(../_img/mnuCulture.png);}
			ul#main-menu li.culture a:hover,
			ul#main-menu li.culture a.selected,
			div#body-back-page.section-culture ul#main-menu li.culture a,
			ul#main-menu li.culture ul {background-color: #49A842; background-position:bottom;}
			
			ul#main-menu li.companies > a{ background-image: url(../_img/mnuCompanies.png);}
			ul#main-menu li.companies a:hover,
			ul#main-menu li.companies a.selected,
			div#body-back-page.section-companies ul#main-menu li.companies a,
			ul#main-menu li.companies ul {background-color: #58595B; background-position:bottom;}
			
			ul#main-menu li.careers > a{ background-image: url(../_img/mnuCareers.png);}
			ul#main-menu li.careers a:hover,
			ul#main-menu li.careers a.selected,
			div#body-back-page.section-careers ul#main-menu li.careers a,
			ul#main-menu li.careers ul {background-color: #003974; background-position:bottom;}
			
			ul#main-menu li.news > a{ background-image: url(../_img/mnuNews.png);}
			ul#main-menu li.news a:hover,
			ul#main-menu li.news a.selected,
			div#body-back-page.section-news ul#main-menu li.news a,
			ul#main-menu li.news ul {background-color: #49A842; background-position:bottom;}
			
			ul#main-menu li.community > a{ background-image: url(../_img/mnuCommunity.png);}
			ul#main-menu li.community a:hover,
			ul#main-menu li.community a.selected,
			div#body-back-page.section-community ul#main-menu li.community a,
			ul#main-menu li.community ul {background-color: #58595B; background-position:bottom;}
			
			ul#main-menu li.contact-us > a{ background-image: url(../_img/mnuContactUs.png);}
			ul#main-menu li.contact-us a:hover,
			ul#main-menu li.contact-us a.selected,
			div#body-back-page.section-contact-us ul#main-menu li.contact-us a,
			ul#main-menu li.contact-us ul {background-color: #003974; background-position:bottom;}
		
		/* hover menu*/
		ul#main-menu li ul 
		{ 
			position:absolute; z-index:999; 
			width:131px; 
			padding:0px;
			margin:0px 0px 0px 0px; 
			visibility:hidden;
		}

		ul#main-menu li:first a
		{
			background-image: none;
		}

		ul#main-menu li ul li 
		{
			background: url(../_img/bgMainMenuSubItem.png) no-repeat 2px top; 
			margin:0px; 
			height:auto; 
			width:131px; 
			padding:8px 0px 8px 0px; 
			text-align:center;
		}

		ul#main-menu li ul li.has-sub-menu
		{
			background-image: url(../_img/bgMainMenuSubItemPlus.png);
		}

		ul#main-menu li ul li ul{ position:absolute; margin:-21px 0px 0px 131px; visibility:hidden; }

		ul#main-menu li ul li.first {background:none;}
		ul#main-menu li ul li a { background:none;  background-image:none; color:#ffffff; text-indent:0px; width:auto; height:auto; text-transform:uppercase; display:block; padding:0px 11px 0px 7px; margin:0px; }
		ul#main-menu li ul li a:hover { text-decoration:underline; background-image:none;}
		
	div#main {background: url(../_img/bgContentVerticleTile.png) repeat-y;}
		div#banner,
		div.section-home div#banner		{ background: url(../_img/bannerIntro.jpg) no-repeat; margin-left: 5px; width:980px; height:257px; }
		div#body-back-page div#banner	{height:188px; overflow:hidden;  }
		div#body-back-page div#overlay	{height:188px; background-image:none;overflow:hidden;}
	
		div.section-about div#banner		{ background-image: url(../_img/banner/about.jpg);}
		div.section-culture div#banner		{ background-image: url(../_img/banner/culture.jpg);}
		div.section-companies div#banner	{ background-image: url(../_img/banner/companies.jpg);}
		div.section-careers div#banner		{ background-image: url(../_img/banner/careers.jpg);}
		div.section-news div#banner			{ background-image: url(../_img/banner/news.jpg);}
		div.section-community div#banner	{ background-image: url(../_img/banner/community.jpg);}
		div.section-contact-us div#banner	{ background-image: url(../_img/banner/contact.jpg);}
		div#body-back-page.section-about div#banner		{ background-position: left -10px;}
		div#body-back-page.section-careers div#banner	{ background-position: left -40px ;}
		
			div#banner div#overlay { width:980px; height:257px;  }
			
		
		div#content	{ }
		div.page-home div#content { background: url(../_img/bgHomeDotsHorizontal.gif) no-repeat 165px 79px;}
			
			/* company links*/
			div#content div#company-links{ height:34px;padding:10px 0px 0px 30px;}
			div#content div#company-links a {display:block; height:34px; background-repeat:no-repeat; float:left; text-indent:-9999px;}
			div#content div#company-links a:hover {background-position:bottom;}
			div#content div#company-links a.bmd-constructions { background-image: url(../_img/lnkBMDConstructions.gif); width:94px; }
			div#content div#company-links a.bmd-consulting { background-image: url(../_img/lnkBMDConsulting.gif); width:110px; }
			div#content div#company-links a.urbex { background-image: url(../_img/lnkUrbex.gif); width:103px; }
			div#content div#company-links a.jmac { background-image: url(../_img/lnkJMac.gif); width:77px; }
			
			/* menu*/
			div#content ul.menu { margin:0px; padding:30px 0px 0px 10px; width:161px; float:left;}	
				div#content ul.menu li { list-style-type:none; margin:0px; padding:0px; border-top: dotted 1px;}
				div#content ul.menu li.last {border-bottom: dotted 1px;}
				div#content ul.menu li a {font-size:12px; color:#003973; display:block; padding:7px 0px 7px 0px;}
				div#content ul.menu li a.has-children {background: url(../_img/bgMenuCross.gif) no-repeat right;}
				div#content ul.menu li a.selected {font-weight:bold;}
				div#content ul.menu ul { margin:0px 0px 10px 0px; padding: 0px 0px 0px 10px; border:none;}
				div#content ul.menu ul li { padding: 0px; border:none;}
				div#content ul.menu ul li a { padding: 2px 0px 2px 10px; font-size:11px; color:#666666;}
			
			/* "middle"*/
			div#content div.middle { padding:30px 40px 0px 35px; }
				div#content div.middle p.subtitle { font-style:italic; font-size:11px;}
				div#content div.middle a {text-decoration:underline;}
				
				
				/* page summaries (dyanmic page listing) */
				div#page-summaries { margin-top:15px; }
				div#page-summaries div {float:left; width:33.3333%; padding-bottom:20px; }
				div#page-summaries div.third-plus-one {clear:left;}
				
				div#page-summaries.one-item div {float:none; width:100%; padding-bottom:20px; }
				
				div#page-summaries.two-items div {float:left; width:50%; padding-bottom:20px; }
				div#page-summaries.two-items div.third {clear:left; }
				
				div#page-summaries div h2 { border-bottom: dotted 1px #333333; }
				div#page-summaries div h2 a { color: #003973;}
				div#page-summaries a.image-heading {border-bottom: dotted 1px; display:block;}
					div#page-summaries a.image-heading img {border: none;}
				div#page-summaries div p { padding:10px 20px 0px 0px;}
				
				/* profile listing*/
				div#profiles { margin-top:15px; }
				div#profiles div {float:left; width:33.3333%; margin-bottom:20px;  border-bottom: dotted 1px; height:100px;}
				div#profiles div.third-plus-one {clear:left;}
				
				div#profiles.one-item div {float:none; width:100%; padding-bottom:20px; }
				
				div#profiles.two-items div {float:left; width:50%; padding-bottom:20px; }
				div#profiles.two-items div.third {clear:left; }
				
				div#profiles a.image-heading { float:left; display:block; width:78px; height:82px; background: url(../_img/bgProfile.gif) no-repeat; margin-right:15px;}
					div#profiles a.image-heading img { border: solid 1px #E3E4E4; /*border:none;*/}
				div#profiles div h2 { font-size:11px;   margin:20px 0px 0px 0px; padding:0px; }
				div#profiles div h2 a { color: #003973;}
				
				div#profiles div p {padding:0px 0px 0px 0px; }
				div#profiles div p.qualifications { display:none;}
				div#profiles div p.position { margin-top:5px;}
				/*div#profiles div p.qualifications { font-size: 9px; margin-top:8px; }
				div#profiles div p.position { clear:left;}*/
				
				/* news article listing */
				div#news-articles { margin-top:15px; }
				div#news-articles div { padding:10px 0px 10px 0px;  border-top: dotted 1px; clear:both; }
				div#news-articles a.image-heading { float:left; display:block; width:73px; height:69px; margin-right: 23px; margin-bottom: 10px; }
				div#news-articles a.image-heading img { border: none;}
				div#news-articles a.title { text-decoration:none !important; font-weight:bold; display:block; margin-bottom:5px;}
				div#news-articles div p {padding:0px 20px 0px 0px;}
				
				div#archive-link {width:100%; float:none; clear:both;}
				
				/* jobs listing */
				div#jobs-listing { margin-top:15px; }
				div#jobs-listing div { padding:10px 0px 10px 0px;  border-top: dotted 1px; clear:both; }
				div#jobs-listing a.image-heading { float:left; display:block; width:73px; height:69px; margin-right: 23px; margin-bottom: 10px; }
				div#jobs-listing a.image-heading img { border: none;}
				div#jobs-listing a.title,
				div#jobs-listing a.apply { text-decoration:none !important; font-weight:bold;}
				div#jobs-listing div p {padding:0px 20px 0px 0px;}
				
			/* featured items*/
			div#content div.featured {margin-top:15px; width:445px;}
				div#content div.featured h2 {display:none;}
				div#content div.featured div { width:185px; float:left;}
				div#content div.featured div.odd {padding-right:75px;}
					div#content div.featured div h3 {color:#7F7F7F; font-size:13px; margin-bottom: 10px;}
					div#content div.featured div p {padding:0px;}
					div#content div.featured div img {margin-bottom:7px; border:0px; }
			
			/* side content (images, attachments, etcs)*/
			div#content div.side { width: 140px; float:left; padding:30px 25px 0px 0px;}
				div#content div.side img { border: none; margin-bottom:15px;}
				div#content div.side p {font-size:10px; line-height:11px;}
			
			/*	cols-1-1-0-0 corresponds to 
				The digits 1 and 0 indicate whether a colum (div) is present and should be displayed or no.
				The digits correspond to the following divs:
					div#content div.menu;
					div#content div.middlel
					div#content div.featured;
					div#content div.side; */
			
			div#content.cols-0-1-0-0{} /* default, middle (main content) only */
				div#content.cols-0-1-0-0 div.menu { }
				div#content.cols-0-1-0-0 div.middle { }
				div#content.cols-0-1-0-0 div.featured { }
				div#content.cols-0-1-0-0 div.side { }

			div#content.cols-1-1-0-0 {} /* left hand menu and main content */
				div#content.cols-1-1-0-0 div.menu {}
				div#content.cols-1-1-0-0 div.middle { float:left; width:761px;}
				div#content.cols-1-1-0-0 div.featured {}
				div#content.cols-1-1-0-0 div.side {}
				
			div#content.cols-0-1-1-0 {} /* main content and featured items - this is the homepage display!*/
				div#content.cols-0-1-1-0 div.menu { }
				div#content.cols-0-1-1-0 div.middle {float:left; width: 453px; padding-top:20px; padding-right:20px; }
				div#content.cols-0-1-1-0 div.featured { float:left; }
				div#content.cols-0-1-1-0 div.side { }
				
			div#content.cols-1-1-0-1 {} /* left hand main, main content, and right hand content */
				div#content.cols-1-1-0-1 div.menu { }
				div#content.cols-1-1-0-1 div.middle { float:left; width:606px; /*padding-right:10px;*/ padding-right:10px;}
				div#content.cols-1-1-0-1 div.featured {  }
				div#content.cols-1-1-0-1 div.side { }
				div#content.cols-1-1-0-1 div#page-summaries div {width:50%; clear:none;}
				div#content.cols-1-1-0-1 div#page-summaries div.odd {clear:left;}
				
			div#content.cols-0-1-0-1 {} /* main content and right hand content */
				div#content.cols-0-1-0-1 div.menu { }
				div#content.cols-0-1-0-1 div.middle { float:left; width:769px; /*padding-right:10px;*/ padding-right:10px;}
				div#content.cols-0-1-0-1 div.featured { }
				div#content.cols-0-1-0-1 div.side { }
			
		h2.latest-news { font-size:13px; margin-left:30px; }
		div#latest-news { width:937px; height: 131px; padding:0px 0px 0px 0px; margin-left:25px; border-top: solid 4px #D7D7D7; border-bottom: solid 4px #D7D7D7;position:relative; overflow:hidden;} /*total width:937px; total height:139px*/
			a#latest-news-prev,
			a#latest-news-next { position:absolute; display:block; width:10px; height:139px; background-color: #D7D7D7; background: url(../_img/bgPrev.gif) no-repeat; text-indent:-9999px; cursor:pointer;}
			a#latest-news-prev{margin-left:15px;}
			a#latest-news-next{margin-left:962px;  background-image: url(../_img/bgNext.gif)}
				div#latest-news div.ln-items { margin-top:10px; position:absolute; width:20000em; }
				div#latest-news div.ln-items div { float:left; width:301px; height:100px; overflow:hidden; border-right: solid 2px #D7D7D7; margin-left:10px; padding:6px 0px 6px 0px;}
				div#latest-news div.ln-items div.first {}
				div#latest-news div.ln-items div.last {}
					div#latest-news div.ln-items div img { display:block; float:left; margin-right:15px; border: none;}
					div#latest-news div.ln-items div p { float:left; width: 179px;}
					div#latest-news div.ln-items div p.no-image {width: 283px; }/*179px + 99px(image) + 15px(image margin)*/
			div#latest-news span.title {font-weight:bold; display:block; }
				
	
	div#footer
	{
		background: url(../_img/bgContentFooter.png) no-repeat bottom left;
		padding-top:30px;
		height:66px; /* equal to 96px minus whatever padding on top*/
		width:1007px;
		clear:both;
	}
		h3#visit-our-companies {font-weight:bold; font-size:15px; color: #003974; font-family: Arial, "Helvetica 65 Medium";  margin-left:35px;}
		ul#footer-company-links { margin:0px 0px 0px 32px; padding:0px; }
			ul#footer-company-links li{font-size:8px; list-style-type:none; float:left;padding:0px 5px 0px 5px; background: url(../_img/footerBullet.gif) no-repeat; background-position:left center;}
		
		h3#site-information {display:none;}
		ul#footer-links {margin:0px 0px 0px 695px; padding:0px;}
			ul#footer-links li { font-size:8px; list-style-type:none; float:left;padding:0px 5px 0px 5px;}
			ul#footer-links li { background: url(../_img/footerBar.gif) no-repeat; background-position:right center;}
			ul#footer-links li.first {padding-left:0px;}
			ul#footer-links li.last {background:none; padding-right:0px;}
			
	div.section-home div#footer {padding-top:10px;}
	div.section-home h3#visit-our-companies {display:none;}
	div.section-home ul#footer-company-links {display:none;}
	div.section-home ul#footer-links { margin-top:20px;}