body{
	background: url('images/leftColumnBg.gif');
	background-repeat: repeat-y;
	background-position: 0px 50px;
	padding:0;
	border:0;
	margin:0;
}



.bold{
	font-weight:bold;
	font-size:105%;
}

.underline{
	text-decoration:underline;
}

li, a, p, h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	text-decoration:none;
	padding:0px;
	border:0;
	margin:0px;
	color:#000000;
}

li{
	position:relative;

}

ul{
	margin-top:-20px;
	padding-bottom:10px;
	position:relative;
	clear:both;
}

/*header*/

.logoContainer{
	position:absolute;
	z-index:2;
	background-color:#ffffff;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	height: 150px;
	width:249px;
}

/*sandwiched between body attachment and logo container, for some reason I couldn't position body attachment*/
.whiteLayer{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	background-color:#ffffff;
	height:160px;
	width:250px;
}

.logoContainer img{
	margin-top:60px;
	margin-left:65px;
}

.bylineContainer{
	position:absolute;
	left:260px;
	background-color:#ffffff;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	height:150px;
	width:100%;
}

.bylineContainer img{
	margin-top:75px;
	margin-left:35px;
}

/*after header - left column*/

.leftColumn, .rightColumn{
	position:absolute;
	top:160px;
}

.leftColumn{
	left:0px;
	/*background-color: #d9d9d9;*/
	width:250px;
}

.squareImg img{
	margin-top:1px;
	margin-left:0px;
}

/*subnavigation on the left*/

.subnavigation{
	position:relative;
	margin-top:43px;
	background-color: #d2d3d5;
	text-align:right;
}


.subnavigation h1, .associations{
	font-size:15px;
	letter-spacing:3px;
	padding-top:8px;
	padding-bottom:2px;
	margin-right:30px;
	margin-bottom:30px;
	border-bottom:1px solid #cac08b;
	text-align:right;
}

.subnavigation a, .subnavigation p{
	color:#38393b;
	display:block;
	font-weight:bold;
	font-size:12.5px;
	width:180px;
	margin-left:35px;
	height:15px;
	margin-bottom:8px;
}

.subnavigation p, .subnavigation a:hover{
	color:#640806;
}


.associations {
	position:relative;
	left:-80px;
	margin-top:400px;
	width:300px;
}


/*after header - right column - main content and navigation*/

.rightColumn{
	left:250px;
	height:100%;
}


.rightColumn, .mainMiddleImg, .textContainer, .hrLine{
	width:771px;
}

/*horizontal navigation*/

.navigation{
	position:relative;
	margin-top:-5px;
	left:15px;
}


/*main image for each page*/

.mainMiddleImg{
	position:relative;
	margin-top:11px;
	background-color:#f0f0f0;
	height:261px;
}

.mainMiddleImg h1{
	padding-left:70px;
	padding-top:48px;
	font-size:17px;
}




/*text*/
.textContainer{
	position:relative;
	border-top: 1px solid #d9d9d9;
	padding-bottom:50px;
}

.textBlock{
	position:relative;
	padding-top:30px;
	padding-right:40px;
	padding-left:70px;
	padding-bottom:10px;
	width:665px;
}

.indented{
	margin-left:50px;
}


.textBlock p, .textBlockKey p{
	padding-bottom:30px;
}

/* Collapsible Div  for Key Personnel*/
.dhtmlgoodies_question{	
/* Start layout CSS */
	background-color:#ffffff;
	width:800px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	height:250px;
	position:relative;
	
	/* End layout CSS */

	overflow:hidden;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:0;
	background-color:#ffffff;
	width:500px;
	
	/* End layout CSS */
	
	/* visibility:hidden;  <-- this seems to make bullets disappear*/
	height:0px;
	overflow:hidden;
	position:relative;
	left:180px;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:12px;	
	padding-top:20px;
	position:relative;
}

.textBlockKey{
	position:absolute;
	width:450px;
	left:40px;
	
}



.dhtmlgoodies_question .text{
	position:absolute;
	top:40px;
	left:180px;
	width:500px;
}

.dhtmlgoodies_question .moreBtn{
	position:relative;
	left:490px;
	font-size:10px;
	color:#7e7e7e;
	cursor:pointer;
}


/*images that are not within textBlocks*/
#services .textContainer img, #index .textContainer img{
	position:relative;
	margin-left:30px;
	padding-bottom:30px;
	padding-top:40px;
}

/*projects layout for text and images*/
#projects .textBlock img{
	float:left;
	padding-right:50px;
}

#projects .textBlock {
	padding-bottom:50px;
}

.hrLine{
	position:relative;
	height:1px;
	background-color:#d9d9d9;
}


/*layout for associates images in contact section*/
#contacts .textBlock div, #contacts .textBlockAssociations div{
	position:relative;
	padding-bottom:40px;
}

#contacts .textBlock .oneline{
	padding-bottom:0px;
}


#contacts .textBlock div p.right{
	position:absolute;
	margin-top:-45px;
	margin-left:120px;
}

#contacts .textBlock a:hover, #contacts .textBlockAssociations div a:hover{
	color:#8b0b08;
}

#contacts .textBlockAssociations div p.center{
	position:absolute;
	margin-top:-85px;
	margin-left:230px;
}

#contacts .textBlockAssociations div div.image{
	text-align:center;
	width:200px;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}

#contacts .textBlockAssociations div a{
	position:absolute;
	margin-top:-85px;
	margin-left:400px;
	text-decoration:underline;
}


.largeImgLink img{
	position:relative;
	margin-top:-50px;
	left:650px;
	border:0;
}


#organisation_map{
	border:0;
	padding:0;
	margin:0;
}