/*CSS Document*/

body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
}
#container {
	width: 950px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: #DDDDDD;
	padding: 0px;
	border: 1px solid #eeeeee;
	width: 950px;
	height: 100px;
}

#headerImageId {
    height: 100px;
    } 

#headerTop {
	background-color: #000000;
	padding-bottom: 2px;
}
#mainContent {
	padding: 0px;
	background: #ffffff;
	clear: both;
	font-size: 12px;
	color: #333333;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	width: 950px;
}
#mainContent table {
	width: 950px;
}
#footer {
	width: 950px;
	height: 30px;
	background: url(../images/Building.jpg) no-repeat;
	background-color: #000000;
	color: #CCCCCC;
	font-size: 10px;
	text-align: right;
	padding-top: 3px;
	border-top: 2px solid #000000;
}

#introPage table
{
	border: 1px solid #333333;
	margin-top: 40px;
}


/*****TOP LINK STYLING*******/



#topLinkContainer {
	background-color: #000000;
	text-align: center;
	color: #999999;
}
#topLinkContainer td {
	padding-top: 8px;
	padding-bottom: 4px;
}
.logoImage {
	padding-left: 6px;
	padding-bottom: 2px;
}
.topLink1 {
	width: 70px;
	height: 50px;
	background: url(../images/constructionOn.png) center;
	background-repeat: no-repeat;
	text-align: center;
}
.topLink2 {
	width: 70px;
	height: 50px;
	background: url(../images/infraOff.png) center;
	background-repeat: no-repeat;
	text-align: center;
}
.topLink2 a {
	display: block;
	text-decoration: none;
	width: 70px;
	height: 50px;
}
.topLink2 a:hover {
	display: block;
	text-decoration: none;
	background: url(../images/infraOn.png) center;
	background-repeat: no-repeat;
}
.topLink3 {
	width: 70px;
	height: 50px;
	background: url(../images/environmentalOff.gif) center;
	background-repeat: no-repeat;
	text-align: center;
}
.topLink3 a {
	display: block;
	text-decoration: none;
	width: 70px;
	height: 50px;
}
.topLink3 a:hover {
	display: block;
	text-decoration: none;
	background: url(../images/environmentalOn.gif) center;
	background-repeat: no-repeat;
}
.topLink4 {
	width: 70px;
	height: 50px;
	background: url(../images/interiorsOff.png) center;
	background-repeat: no-repeat;
	text-align: center;
}
.topLink4 a {
	display: block;
	text-decoration: none;
	width: 70px;
	height: 50px;
}
.topLink4 a:hover {
	display: block;
	text-decoration: none;
	background: url(../images/interiorsOn.png) center;
	background-repeat: no-repeat;
}
.topLink5 {
	width: 70px;
	height: 50px;
	background: url(../images/openSpacesOff.gif) center;
	background-repeat: no-repeat;
	text-align: center;
}
.topLink5 a {
	display: block;
	text-decoration: none;
	width: 70px;
	height: 50px;
}
.topLink5 a:hover {
	display: block;
	text-decoration: none;
	background: url(../images/openSpacesOn.gif) center;
	background-repeat: no-repeat;
}
.topLink6 {
	width: 70px;
	height: 50px;
	background: url(../images/maintenanceOff.png) center;
	background-repeat: no-repeat;
	text-align: center;
}
.topLink6 a {
	display: block;
	text-decoration: none;
	width: 70px;
	height: 50px;
}
.topLink6 a:hover {
	display: block;
	text-decoration: none;
	background: url(../images/maintenanceOn.png) center;
	background-repeat: no-repeat;
}
.topLinkText a {
	font-size: 10px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	color: #999999;
}
.topLinkText a:hover {
	font-size: 10px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	color: #ffffff;
}
/***MAIN NAV BAR****/


/****IE 6 BUG FIX for disapearing list BG****/
ul, ol, dl {
	position: relative;
}
#navbar {
	width:950px;
	height:26px;
	background-image: url(../images/navigation.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
#navbarInteriors {
	width:950px;
	height:26px;
	background-image: url(../images/nav_interior.jpg);
	background-repeat: no-repeat;
}
ul { /* all lists */
	padding: 0;
	margin: -1px;
	list-style: none;
}
li { /* all list items */
	float: left;
	position: relative;
	width: 10em; /**/
}
/*Don't know if this will work*/

ul li {
	padding-top: 0px;/*padding-bottom: 4px;*//*(border-left: 1px solid black;*/
	/*border-right: 1px solid black;*/
}
div.topNavwords {
	font-size: 12px;
	height: 19px;
	padding-top: 8px;
}
div.topNavwordsCurrent {
	font-size: 12px;
	color: #666666;
}
li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0;
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}
/*#content {
	clear: left;
}*/


#nav a {
	color: #999999;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: none;
	color:#333333;
}
#nav li li a {
	display: block;
	/*font-weight: normal;*/
	padding: 10px;  /*0.2em*/
	padding-bottom: 0.4em;
	padding-top: 0.4em;
	padding-left: 4px;
	padding-right: 1em;
	/*margin-left: -1px;*/
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
}
#nav li li a:hover {
	padding: 0.2em 5px;
	padding-bottom: 0.4em;
	padding-left: 4px;
	padding-top: 0.4em;
	/*border: 4px solid #ffffff;*/
	background-color: #ff6600;
	/*border-width: 0 5px;*/
	color: white;
}
li {
	float: left;
	position: relative;
	width: 7.25em; /*8em*/
	text-align: center;
	cursor: default;
}
li#first {
	border-left-width: 1em;
}
li#currentPage {
	/*background-color: #999999;*/
	color: #ff6600;
}

#currentPage a.topNav
{
	color: #ff6600;
}

li#last {
	/*width: 100%;*/
	height: 100%;/*border-right-width: 1em;*/
}
li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #eeeeee;
	padding: 0em 0 1em 0;
	padding-bottom: 0px;
}
li>ul {
	top: auto;
	left: auto;
}
li li {
	display: block;
	float: none;
	background-color: #eeeeee;
	border: 0;
	padding: 0px;
}
li:hover ul, li.over ul {
	display: block;
}
/*****second level nav bar***/



#nav li ul ul {
	margin: -1.51em 0 0 7.2em;
}
#nav li ul ul a {
	background-color: #cccccc;
}
#nav, #nav ul {
	padding: 0;
	/*margin: 0;*/
	list-style: none;/*line-height: 1;*/
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
/***CONTENT STYLING******
***********************/


#crumbTrail
{
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 20px;
	border-bottom: 1px solid #eeeeee;
}

#crumbTrail a
{
	padding-left: 5px;
	color: #999999;
}

#crumbTrail a:hover
{
	color: #999999;
}



ol
{
	float: none;
	margin-left: 5px;
	margin-right: 150px;
}

ol li
{
	display: list-item;
	width: 100%;
	text-align: left;
	float: none;
	list-style: square;
}


/***CONTENT STYLING****/
#pageBlurb {
	width: 350px;
	vertical-align: top;
	padding-top: 5px;
	}
#pageBlurb p {
	padding-right: 15px;
	padding-left: 20px;
}
#pageBlurb table {
	width: 340px;
}


.projBlurb
{
	width: 350px;
	height: 280px;
	vertical-align: top;
}


#pageBlurbWide {
	width: 710px;
	vertical-align: top;
	padding-top: 25px;
	background: url(../images/bg_gradient.jpg) top no-repeat;
}
#pageBlurbWide p {
	padding-right: 50px;
	padding-left: 20px;
}
#pageBlurbWide table {
	width: 710px;
}

#pageBlurbWideLong {
	width: 710px;
	vertical-align: top;
	padding-top: 25px;
	background: url(../images/bg_gradient.jpg) bottom no-repeat;
}
#pageBlurbWide p {
	padding-right: 50px;
	padding-left: 20px;
}
#pageBlurbWide table {
	width: 710px;
}



#pageBlurbHome {
	width: 710px;
	vertical-align: top;
	padding-top: 5px;
	background: url(../images/bg_gradient.jpg) top no-repeat;
	}

#pageBlurbHome p {
	padding-right: 50px;
	padding-left: 0px;
}

div.homeText
{
	padding-left: 20px;
}

div.homeImage
{
	float: right;
	width: 300px;
	height: 350px;
	padding: 15px 15px 15px 15px;
	margin-left: 5px;
	margin-right: 20px;
	font-size: 12px;
	line-height: 16px;
	background: url(../images/feature_bg.gif) no-repeat;
}

#pageBlurbPlain {
	width: 710px;
	vertical-align: top;
	padding-top: 25px;
	padding-left: 25px;
}
#pageBlurbPlain p {
	padding-right: 50px;
	padding-left: 20px;
}
#pageBlurbPlain table {
	width: 710px;
	border: 1px solid #cccccc;

}


#peopleMain table {
	width: 709px;
}

.thumbNail {
	width: 60px;
	height: 60px;
	padding-left: 18px;
	font-size: 9px;
	vertical-align: top;
	padding-bottom: 10px;
	color: #999999;
}

.thumbNail img
{
	border: 3px solid #eeeeee;
}


p {
	line-height: 20px;
}

.copyArea2
{
	padding-right: 10px;
}
.applyPara
{
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px;
	margin: 0px;
}

h1 {
	font-size: 18px;
	color: #FF6600;
	font-weight: normal;
	padding-left: 20px;
}
h3 {
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	padding-left: 20px;
	margin-bottom: 0px;
}


h3.awardsTitle
{
	font-size: 14px;
	color: #ff9900;
	font-weight: bold;
	padding-left: 20px;
	margin-bottom: 0px;
}

.newsArticle h3 
{
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	padding-left: 25px;
	margin-bottom: 0px;
}


#pageBlurb h3 {
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	padding-left: 20px;
	margin-bottom: 0px;
}

h4
{
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	padding-left: 0px;
	margin-bottom: 0px;
}


h5
{
	font-size: 14px;
	color: #999999;
	font-weight: normal;
	padding-left: 8px;
	margin-top: 14px;
	margin-bottom: 4px;
	font-weight: normal;
}


h6 {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	padding-left: 8px;
	margin: 10px 0px 0px 0px;
}

a.inlineLink
{
	color: #3399FF;
	text-decoration: none;
}

a.inlineLink:hover
{
	color: #0066FF;
	text-decoration: underline;
}



#newsMain table {
	width: 709px;
}

#newsMain td
{
	vertical-align: top;
}

#newsMain p
{
	padding-left: 20px;
}

#enquiries
{
	border-top: 1px solid #eeeeee;
}


#enquiries td
{
	vertical-align: top;
	padding-top: 3px;
	padding-left: 20px;
}

.submitEnquiry
{
	border-top: 1px solid #eeeeee;
}

/***THREE COLUMN LAYOUT***/

#threeColumns
{
	width: 710px;
	padding: 0px;
	margin: 0px;
}

div#addressLeft
{
	width: 230px;
	float: left;
}

div#addressLeft p
{
	padding: 0px 0px 0px 20px;
}

div#addressCentre
{
	width: 230px;
	float: left;
}

div#addressCentre p
{
	padding: 0px 0px 0px 20px;
}

div#addressRight
{
	width: 230px;
	float: right;
}

div#addressRight p
{
	padding: 0px 0px 0px 20px;
}



/****NEWS ITEM***/

#articleFrame
{
	width: 710px;
	height: 100%;
	padding-bottom: 10px;
}

.newsArticle
{
	width: 300px;
	float: left;
	margin-left: 30px;
	line-height: 20px;
}

.newsArticle p
{
	padding: 0px;
	margin: 0px;
	width: 300px;
}
.newsPic
{
	width: 300px;
	height: 220px;
	background: url(../images/plainPicBG.jpg) top no-repeat;
	float: right;
	padding: 25px;
}

.newsArticleRight
{
	width: 300px;
	float: right;
	padding: 20px;
	line-height: 20px;
	border: 1px solid #FF6600;
	margin-right: 20px;
}

/***FEATURE STYLING****/
#pageFeature {
	width: 360px;
	height: 390px;
	background: url(../images/feature_bg2.jpg) no-repeat;
	/*padding-left: 25px;*/
	vertical-align: top;
}

#pageFeatureAlt {
	width: 360px;
	height: 390px;
	background: url(../images/feature_bg.gif) no-repeat;
	/*padding-left: 25px;*/
	vertical-align: top;
}

#pageFeature table {
	width: 360px;
	height: 390px;
}

#pageFeatureAlt table {
	width: 360px;
	height: 390px;
}


#pageFeature td {
	vertical-align: top;
}

#pageFeatureAlt td {
	vertical-align: top;
}

#pageFeature .featurePic {
	width: 330px;
	height: 200px;
	padding-left: 30px;
	padding-top: 30px;
}

#pageFeatureAlt .featurePic {
	width: 330px;
	height: 200px;
	padding-left: 30px;
	padding-top: 30px;
}

#pageFeature .projectPic {

	padding-left: 30px;
	padding-top: 30px;
}


#pageFeature .featureBlurb {
	padding-left: 30px;
	padding-right: 30px;
}
#pageFeature .featureLink {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	text-align: right;
}

#pageFeature .featureLink a {
	color: #3399FF;
	text-decoration: none;
	font-size: 11px;
}
#pageFeature .featureLink a:hover {
	color: #003399;
}

#pageFeatureAlt .featureBlurb {
	padding-left: 30px;
	padding-right: 30px;
}
#pageFeatureAlt .featureLink {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	text-align: right;
}

#pageFeatureAlt .featureLink a {
	color: #3399FF;
	text-decoration: none;
	font-size: 11px;
}
#pageFeatureAlt .featureLink a:hover {
	color: #003399;
}

/***HISTORY STYLING****/
#pageHistory {
	width: 355px;
	background: url(../images/background_gen3.gif) top repeat;
	/*padding-left: 25px;*/
	vertical-align: top;
}

#pageHistory h4
{
	border-bottom: 1px solid #ff6600;
}

#pageHistory table {
	width: 355px;
	height: 390px;
}
#pageHistory td {
	vertical-align: top;
	padding-left: 10px;
	padding-right: 20px;
}
#pageHistory .featurePic {
	width: 330px;
	height: 200px;
	padding-left: 30px;
	padding-top: 30px;
}
#pageHistory .featureBlurb {
	padding-left: 30px;
	padding-right: 30px;
}
#pageHistory .featureLink {
	padding: 30px 10px 30px 10px;
	text-align: left;
}
#pageHistory .featureLink a {
	color: #3399FF;
	text-decoration: none;
	font-size: 11px;
	padding-right: 10px;
}
#pageHistory .featureLink a:hover {
	color: #003399;
}


/***PLAIN PICTURE STYLING****/

#pagePicture {
	width: 360px;
	height: 260px;
	background: url(../images/plainPicBG.jpg) repeat-y;
	/*padding-left: 25px;*/
	vertical-align: top;
}

#pagePicture table {
	width: 360px;
}

#pagePicture td {
	vertical-align: top;
	width: 360px;
	height: 250px;
}

.plainPic
{
}

.plainPic img
{
	margin-top: 25px;
	margin-left: 25px;
}

/***RH BUTTONS STYLING****/

#pageButton {
	border-left: 1px solid #eeeeee;
	background-color: #cccccc;
}
#pageButton table {
	vertical-align: top;
	width: 240px;
	height: 384px;
	vertical-align: top;
}
#pageButton td {
	vertical-align: top;
}
#pageButton .rhButton1 {
	background: url(../images/rhButton_1.gif) no-repeat;
}
#pageButton .rhButton2 {
	background: url(../images/rhButton_2.gif) no-repeat;
}
#pageButton .rhButton3 {
	background: url(../images/rhButton_5.gif) no-repeat;
}
#pageButton .rhButton4 {
	background: url(../images/rhButton_3.gif) no-repeat;
}
#pageButton .rhButton5 {
	background: url(../images/rhButton_4.gif) no-repeat;
}
#pageButton a {
	display: block;
	text-decoration: none;
	width: 240px;
	height: 96px;
}
.rhButton1 a:hover {
	background: url(../images/rhButton_1over.gif) no-repeat;
}
.rhButton2 a:hover {
	background: url(../images/rhButton_2over.gif) no-repeat;
}
.rhButton3 a:hover {
	background: url(../images/rhButton_5over.gif) no-repeat;
}
.rhButton4 a:hover {
	background: url(../images/rhButton_3over.gif) no-repeat;
}
.rhButton5 a:hover {
	background: url(../images/rhButton_4over.gif) no-repeat;
}
/***PROJECTS STYLING****/


#projectsMain table {
	width: 709px;
	height: 390px;
}
.projects {
	background: url(../images/project_bg.gif) no-repeat;
	padding-top: 12px;
	padding-left: 12px;
	padding-bottom: 25px;
	vertical-align: top;
}
.projects a {
	display: block;
	text-decoration: none;
	color: #3399FF;
	padding-left: 8px;
	font-size: 10px;
}
.projects a:hover {
	color: #003399;
}
a img {
	border: none;
	text-decoration: none;
}
/***slideshow AREA ****/

.thumbwrapper {
	width: 330px;
	height: 300px;
	overflow: hidden;
	vertical-align: top;
	padding-top: 0px;
}
.thumbscroller {
	width: 330px;
	padding-left: 30px;
	padding-top: 0px;
}
.thumbscroller img {
	margin: 25px 15px 5px 0px;
	text-align: center;
}

.thumbscroller p.blurb
{
	margin-right: 35px;
}

td.relatedLinks {
	width: 710px;
	height: 60px;
	background: url(../images/relatedLinks_bg.gif) no-repeat;
	border: none;
	text-align: left;
	vertical-align: top;
	padding-top: 9px;
}
td.relatedLinks a {
	font-size: 10px;
	color: #0066CC;
	text-decoration: none;
	padding: 9px 5px 10px 15px;
	font-weight: bold;
}
td.relatedLinks a:hover {
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	padding: 9px 5px 10px 15px;
	font-weight: bold;
}