/* General Styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 0.7em;*/
	font-size:11.2px;
	margin: 0px;
	padding: 0px;
	background-color: #617C8D;
}
img {
	border: 0px;
}
a {
	color: #2e2f35;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

hr {
width:630px;
color:#FFFFFF;
border:none;
height:1px;
background:#FFFFFF;
padding-bottom:0px;
margin-bottom:0px;
}

/* Main Container */

#wrapper {
	width: 720px;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 45px;
	margin-left: auto;
	position: relative;
	background-color: #FFFFFF;
}

/* Header */

#header {
	background-color: #DBD9CF;
	height: 170px;
	width: 680px;
	
	border-top: 16px solid #FFFFFF;
	border-right: 20px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	border-left: 20px solid #FFFFFF;
}
/*

	Added EO'K 06/6/07

*/
#divQuicklinks {

margin-top:76px;
margin-left:154px;

}/* Logo */

#logo {
    float:left;
	width: 75px;
	height: 80px;
	margin:23px 0px 0px 16px;
		
}

/* Main Menu */

#menu {
float:right;
width:507px;
	margin-top:33px;
	margin-right: 20px;
	margin-bottom:12px;
}



#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li {
	float: left;
}
#menu li a {

	float: left;
}
#menu a {
	float: left;
	height: 30px;
	text-indent: -9999px;
}
#intro {
	width: 500px;
	position: absolute;
	left: 170px;
	top: 100px;
}
#intro h1 {
	/*font-size: 130%;*/
	font-size:14.5px;
	font-weight: normal;
/*	line-height: 1.4em;*/
	line-height:20.3px;
}


.home a {
	width: 39px;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	
}
.active-home a {
	width: 39px;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
	
}
.commercial a {
	width: 83px;
	background-image: url(../images/commercial.gif);
	background-repeat: no-repeat;
	background-position: left -0px;
}
.active-commercial a {
	width: 83px;
	background-image: url(../images/commercial.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}
.residential a {
	width: 81px;
	background-image: url(../images/residential.gif);
	background-repeat: no-repeat;
	background-position: left -0px;
}
.active-residential a {
	width: 81px;
	background-image: url(../images/residential.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}
.aboutus a {
	width: 67px;
	background-image: url(../images/aboutus.gif);
	background-repeat: no-repeat;
	background-position: left -0px;
}
.active-aboutus a {
	width: 67px;
	background-image: url(../images/aboutus.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}
.approach a {
	width: 73px; /* original our approach was 100px */
	background-image: url(../images/ourapproach.gif);
	background-repeat: no-repeat;
	background-position: left -0px;
}
.active-approach a {
	width: 73px;
	background-image: url(../images/ourapproach.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}
.contact a {
	width: 68px;
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	background-position: left -0px;
}
.active-contact a {
	width: 68px;
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}

.vacancies a {
	width: 69px;
	background-image: url(../images/vacancies.gif);
	background-repeat: no-repeat;
	background-position: left -0px;
}
.active-vacancies a {
	width: 69px;
	background-image: url(../images/vacancies.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}
.home a:hover, .commercial a:hover, .residential a:hover, .aboutus a:hover, .approach a:hover, .contact a:hover, .vacancies a:hover {
	background-position: left -30px;
}

/* Case Study Menu */

#casemenu {
	width: 465px;
	position: absolute;
	top: 160px;
	float: left;
	z-index: 1;
	overflow: hidden;
	left: 255px;
	height: 26px;
}
#casemenu:hover {
	overflow: hidden;
	height: 200px;
	width: 465px;
}
#casemenu ul {
	float: left;
	clear: left;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	margin: 0px;
	padding: 10px;
	list-style-type: none;
	background-color: #FFFFFF;
	width: 425px;
}
#casemenu li {
	filter:alpha(opacity=100);
	-moz-opacity:1;	
	opacity:1;
	padding-top: 2px;
	padding-bottom: 2px;
}
#casemenu h1 {
	font-size: 120%;
	font-weight: normal;
	float: left;
	margin: 0px;
	padding: 0px;
}
#casemenu h1 a {
	color: #FFFFFF;
	float: left;
	height: 26px;
	width: 445px;
	background-image: url(../images/casestudies.gif);
	background-repeat: no-repeat;
	background-color: #ABA384;
	text-indent: -9999px;
	position: relative;
}

/* Content Layout */

#content {
	height: 296px;
	width: 624px;
	float: left;
	border-top: 0px solid #FFFFFF;
	border-right: 20px solid #FFFFFF;
	border-bottom: 20px solid #FFFFFF;
	border-left: 20px solid #FFFFFF;
	padding: 39px 31px 25px 25px;
	position: relative;
	background-color: #c9c4b6;
}

#contentvacancies {
	height: 296px;
	width: 624px;
	float: left;
	border-top: 0px solid #FFFFFF;
	border-right: 20px solid #FFFFFF;
	border-bottom: 20px solid #FFFFFF;
	border-left: 20px solid #FFFFFF;
	padding: 39px 31px 25px 25px;
	position: relative;
	background-color: #adbbc4;
}

#contentvacancies p{
padding-bottom:0px;
margin-bottom:0px;
}

#vacancytext p{
padding-bottom:0px;
margin-bottom:0px;
}

#vacancy {
margin-top:10px;
margin-bottom:0px;
padding-bottom:0px;
}

#vacancytext img {
margin-bottom:0px;
padding-bottom:0px;
}


#content #text {
	float: left;
	width: 490px;
	position: absolute;
	left: 164px;
	height: 269px;
	overflow: auto;
	top: 40px;
}

#contentvacancies #vacancytext {
	float: left;
	width: 635px;
	position: absolute;
	left: 28px;
	height: 350px;
	overflow: auto;
	top: 23px;
	line-height:1.2em;
}

#vacancytext h3 {
font-size: 160%;
	color: #500d26;
	margin: 0px;
	padding: 0px;
}

#content h1 {
	/*font-size: 130%;*/
	font-size:14.5px;
	margin: 0px 0px 10px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: normal;
	width: 380px;
}
#content h2 {
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	color:#ffffff;
	font-weight:normal;
}
#content h3 {
	font-size: 110%;
	color: #500d26;
	margin: 0px;
	padding: 0px;
}

#content h4 {
	font-size: 120%;
	color: #500d26;
	margin: 0px;
	padding: 0px;
}

#content p {
	margin: 8px 0px;
	/*line-height: 1.3em;*/
	line-height:14.5px;
}
#content #contact {
	position: absolute;
	width: 125px;
	height: 125px;
	left: 10px;
	margin-top: 4px;
	top: 215px;
}

/* Content Sub-Menu Styles */

#content #submenu {
	position: absolute;
	width: 490px;
	float: left;
	text-transform: uppercase;
	color: #2e2f35;
	left: 150px;
	bottom: 25px;
}
#content #submenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content #submenu li {
	float: left;
}
#content #submenu li a {
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2E2F35;
	margin-right: 5px;
	padding-right: 5px;
}

/* Content Images */

#content #images {
	position: absolute;
	width: 100px;
	height: 269px;
	left: 30px;
	margin-top: 4px;
}

/* Case Study Home Layout */

#comcasestudies, #rescasestudies {
	height: 296px;
	width: 624px;
	float: left;
	border-top: 0px solid #FFFFFF;
	border-right: 20px solid #FFFFFF;
	border-bottom: 20px solid #FFFFFF;
	border-left: 20px solid #FFFFFF;
	padding: 39px 31px 25px 25px;
	position: relative;
	background-color: #302208;
	color: #FFFFFF;
}
#comcasestudies {
	background-color: #adbbc4;
}
#rescasestudies {
	background-color: #c9c4b6;
}
#comcasestudies a {
	color: #FFFFFF;
}
#comcasestudies #text, #rescasestudies #text {
	width: 280px;
	position: absolute;
	left: 380px;
}
#comcasestudies ul, #rescasestudies ul {
	margin: 15px 0px 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 1.5em;
	float: left;
	width: 280px;
}
#comcasestudies li, #rescasestudies li {
	clear: left;
	float: left;
	width: 280px;
}
#comcasestudies li a, #rescasestudies li a {
	float: left;
	padding-left: 10px;
	clear: left;
}
#comcasestudies li a {
	background-image: url(../images/arrow_blue.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#rescasestudies li a {
	background-image: url(../images/arrow_grey.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#comcasestudies h2, #rescasestudies h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
#comcasestudies p, #rescasestudies p {
	margin: 8px 0px;
	line-height: 1.3em;
}

/* Case Study Layout */

#casestudy {
	height: 296px;
	width: 624px;
	float: left;
	border-top: 0px solid #FFFFFF;
	border-right: 20px solid #FFFFFF;
	border-bottom: 20px solid #FFFFFF;
	border-left: 20px solid #FFFFFF;
	padding: 39px 31px 25px 25px;
	position: relative;
	background-color: #adbbc4;
}
.bdApproach #casestudy {
border:0px;
padding:0px;
}
#casestudy #text {
	float: left;
	width: 185px;
	position: relative;
}

#address #text {
margin-left:-50px;
margin-top:-30px;
	width: 220px;
	position: relative;
}

#address #text h4 {
font-size:130%;
}

#addressinner {
font-size:100%;
}

#emaillink {
font-size:115%;
font-weight:bold;
margin-top:20px;
}

#emaillink_red {
font-size:115%;
font-weight:bold;
margin-top:20px;
color:#500d26;
}

#emaillink_red a {
color:#500d26;
font-weight:bold;
}




#casestudy h2 {
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	color:#ffffff;
	font-weight:normal;
}
#casestudy p {
	margin: 8px 0px;
	line-height: 1.3em;
}

/* Case Studies */

.doherty {
	background-color: #ADBBC4;
	background-image: url(../images/casestudies/doherty/Doherty_BK.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.olivetree {
	background-color: #ADBBC4;
	background-image: url(../images/casestudies/olivetree/OliveTree_BK.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.queensbury {
	background-color: #ADBBC4;
	background-image: url(../images/casestudies/Queensberry/Queensberry_BK.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.townhouse {
	background-color: #ADBBC4;
	background-image: url(../images/casestudies/townhouse/Townhouse_BK.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.tramshed {
	background-color: #ADBBC4;
	background-image: url(../images/casestudies/tramshed/Tramshed_BK.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.wkington {
	background-color: #ADBBC4;
	background-image: url(../images/casestudies/wkington/WKington_BK.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Case Study Images */

#casestudy #images {
	position: absolute; /* important */
	overflow: hidden; /* important */
	width: 414px; /* important */
	height: 269px; /* important */
	margin: 0;
	left: 235px;
}
.bdApproach #casestudy #images {
height:255px;
width:434px;;
}
#casestudy #image_list {
	position: absolute;
	top: 0;
	width: 26440px;
}
.bdApproach #casestudy #image_list {
top:35px;
}
#casestudy .image_item {
	top: 0;
	float: left;
}

/* Image Sub-Menu Styles */

#casestudy #submenu {
	position: absolute;
	width: 414px;
	float: left;
	text-transform: uppercase;
	color: #2e2f35;
	left: 235px;
	bottom: 25px;
}
.bdApproach #casestudy #submenu {
width:434px;
bottom:15px;
}
#casestudy #submenu ul, #divApproach #submenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#casestudy #submenu li, #divApproach #submenu li{
	float: left;
	margin-right: 5px;
}
#casestudy #submenu a, #content #casestudy #submenu a {
	font-weight: bold;
	border:0;
	margin-right: 0px;
	padding-right: 0px;
}


/*

	Added EO'K 06/6/07

*/
#divLeft {
width:350px;
float:left;
margin:2px 0px 15px 1px;
display:inline;
}
/*
 About us background images
*/
.bdaboutus #content {
	background-color: rgb(201, 196, 182);
	
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*

	The approach pages

*/
.bdApproach div#content {
padding:0px;
width:680px;
height:360px;
background-color:#ADBBC4;
}
.bdApproach div#content p{
	color:#ffffff;
	overflow:hidden;
}
.bdApproach #divSteps {
float:left;
display:inline;
height:32px;
margin:14px 13px 0px 13px;
}
.bdApproach #divSteps img,.bdApproach #divSteps a {
float:left;
display:inline;
}
.bdApproach #divStepLeft {
float:left;
margin:35px 0px 0px 13px;
display:inline;
width:210px;
height:265px;
}
.bdApproach #divStepRight {
float:right;
margin:35px 13px 0px 0px;
display:inline;
width:432px;
height:265px;
}

#divApproach { 
float:left;
display:inline;
 margin-top:35px;
}
#divApproach #divStepLeft {
margin-top:0px;
}

/*

general

*/

em {
font-style:normal;
font-weight:bold;
}

#flash {
margin-left:-8px;
margin-top:-20px;
}

#bottomlinks {
margin-top:-5px;
padding-top:0px;
}

#bottomlinks .cvemail a {
float:left;
color:#520d22;
font-weight:bold;
display:inline;
}

#bottomlinks .jobdescript {
float:right;
display:inline;
}

#bottomlinks .pdf {
color:#520d22;
font-weight:bold;
}

#vacancytop img{
margin-left:60px;
margin-top:-2px;
}

#fronttabtextwrap {
margin-right: auto;
margin-left: auto;
margin-bottom:20px;
width:720px;
}

#fronttabtextouter {
margin-top:1500px;
}

#fronttabtext {
background:#ffffff;

}

#fronttabtext h1 {
color:#ffffff;
background:#cac4b6;
margin-top:45px; 
margin-right:40px;
margin-bottom:10px;
margin-left:40px;
font-size:1em;
font-weight:500;
text-align:center;
padding:5px;
}

#fronttabtext h2 {
color:#91949e;
margin-left:40px;
margin-top:50px;
font-size:1em;


}

#fronttabtext h3 {
color:#91949e;
margin-left:40px;
margin-top:50px;
font-size:1em;
font-weight:400;


}

#fronttabtext h3 a {
color:#91949e;
text-decoration:none;
}

#fronttabtext p {
color:#000000;
margin-left:40px;
margin-right:40px;
font-size:1em;
font-weight:400;
line-height:1.7em;

}

#inthenews h1 {
color:#500d26;

}

/*

image teaser animation

*/

.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #FFFFFF;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #111;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	margin: 0;
	width: 566px;
	border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}
.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}