* {
	padding:0;
	margin:0;
}
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
div { position:relative; z-index: 0; }
	
body{
	width:750px;
	margin:0 auto;
	font-family:Calibri, Arial, sans-serif;
	font-size: 12px;
}
p{
	margin: 0 0 1em 0;
	line-height: 1.2em;

}
#link a{
	color:#3cb50d;
	text-decoration: none;
		
}
#link a:hover{
	text-decoration: underline;
}
.emphasise{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2em;

}
.quotation{
	color:#3cb50d;
	margin:0 0 -0.5em 0;
}
.hide{
	display:none;
}

#header{
	position: relative;
	z-index: 1;
	padding-top: 50px;
	float:left;	
	width: 100%;
	margin-bottom: -30px;
}
#logo{
	text-indent:-9999em;
	background: url('../images/logo1_trans.png') no-repeat top left;
	width: 400px;
	height: 104px;
	clear: left;
	float: left;	
}
#skills{
	float: right;
	text-align:right;
	color:#999;
	font-size:16px;
	line-height: 1.4em;
	font-weight:normal;
	letter-spacing: .05em;
	margin:0 0;
}
#footer{
	padding-top: 20px;
	float:left;	
	width: 100%;
	margin-bottom: -30px;
	z-index:-1;
}
#copyright{
	float:left;	
	color:#999;
	font-size: 14px;
}
#contact{
	float: right;
	font-size: 17px;
}
#pageContent{
	position: relative;
	z-index: 0;
	float:left;
	width: 100%;		
}
#navigationArea {
position: relative;
	float:left;
	width:115px;
	height:270px;
	background-color:#a1a1a1;
	padding-top:30px;
	/*overflow:hidden;*/
	text-transform: uppercase;
	z-index: 1;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
/*font: bold 13px Verdana; */
width: 115px; /* Main Menu Item widths */
/*border-bottom: 1px solid #ccc;*/
z-index:100;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #fff;
/*border-right: 1px solid #778;*/
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #a1a1a1; /*background of tabs (default state)*/
}

.sidebarmenu ul li ul li a:link, .sidebarmenu ul li ul li a:visited, .sidebarmenu ul li ul li a:active{
background-color: #717171; /*background of tabs (default state)*/
}

.sidebarmenu ul li ul li ul li a:link, .sidebarmenu ul li ul li ul li a:visited, .sidebarmenu ul li ul li ul li a:active{
background-color: #515151; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover, .sidebarmenu ul li ul li a:hover, .sidebarmenu ul li ul li ul li a:hover{
background-color: black;
}

.sidebarmenu ul li a.selected{
font-weight: bold;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 130px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
text-transform: capitalize;
/*background:#3cb50d;*/
}
.sidebarmenu ul li ul li{
width: 130px; /*Sub Menu Items width */
margin-left:10px;
}
.sidebarmenu ul li ul li.first{
width: 140px; /*Sub Menu Items width */
margin-left:0;
}
.sidebarmenu ul li ul li.first a{
padding-left:16px;
}
/*Sub-sub level menu items */
.sidebarmenu ul li ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
text-transform: capitalize;
/*background:#FF6600;*/
}
.sidebarmenu ul li ul li.first ul li{
width: 150px; /*Sub Menu Items width */
margin-left:10px;
}
.sidebarmenu ul li ul li.first ul li.first{
width: 160px; /*Sub Menu Items width */
margin-left:0;
}
.sidebarmenu ul li ul li ul li.first{
width: 160px; /*Sub Menu Items width */
margin-left:-30px;
}
.sidebarmenu ul li ul li ul li{
width: 150px; /*Sub Menu Items width */
margin-left:-20px;
}
.sidebarmenu ul li ul li.first ul li.first a{
padding-left:16px;
}
.sidebarmenu ul li ul li.first ul li a{
padding-left:6px;
}

.sidebarmenu a.subfolderstyle{
background: url(../images/nav_more_right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
#copyBox{	
	float:left;
	width: 650px;
	height: 300px; 
	padding: 0;
	border: 1px solid #5e5e5e;
}
.imageBox{	
	float:left;
	width: 650px;
	height: 300px;
	padding: 0;
	border: 1px solid #fff;
}
#experienceImage{
	background: url('../images/experience_wessex.jpg') no-repeat top left;
}
#projectsImage{
	background: url('../images/projects.jpg') no-repeat top left;
}
#healthcareImage{
	background: url('../images/experience/healthcare_sthk.jpg') no-repeat top left;
}
#commercialImage{
	background: url('../images/experience/commercial_wessex.jpg') no-repeat top left;
}
#heritageImage{
	background: url('../images/experience/heritage_rr2.jpg') no-repeat top left;
}
#residentialImage{
	background: url('../images/experience/residential_is_wharf.jpg') no-repeat top left;
}
#educationImage{
	background: url('../images/experience/education_brunel.jpg') no-repeat top left;
}
#lightweightImage{
	background: url('../images/experience/lightweight_tdg.jpg') no-repeat top left;
}
#aviationImage{
	background: url('../images/experience/aviation_pier6.jpg') no-repeat top left;
}
#bidPreparationImage{
	background: url('../images/experience/bid_preparation.jpg') no-repeat top left;
}
#contactImage{
	background: url('../images/contact_soffit.jpg') no-repeat top left;
}
#roomInRoofImage{
	background: url('../images/projects/roomInRoofImage.jpg') no-repeat top left;
}
#royalTerraceImage{
	background: url('../images/projects/royalTerraceImage.jpg') no-repeat top left;
}
#kimbroseTowerImage{
	background: url('../images/projects/kimbroseTowerImage.jpg') no-repeat top left;
}
#richerSoundsImage{
	background: url('../images/projects/richerSoundsImage.jpg') no-repeat top left;
}
#pitPonyImage{
	background: url('../images/projects/pitPonyImage.jpg') no-repeat top left;
}
#sanctuaryImage{
	background: url('../images/projects/sanctuaryImage.jpg') no-repeat top left;
}
#bunkhouseImage{
	background: url('../images/projects/bunkhouseImage.jpg') no-repeat top left;
}
#iglooImage{
	background: url('../images/projects/iglooImage.jpg') no-repeat top left;
}
#southdownImage{
	background: url('../images/projects/southdownImage.jpg') no-repeat top left;
}
#billericayImage{
	background: url('../images/projects/billericayImage.jpg') no-repeat top left;
}


#pageCopy{
	float:left;
	height: 300px;
	overflow: hidden;
}
#pageCopyTop{
	float: left;
	width: 295px;
	padding: 30px 20px 0;
}
#pageCopyBottom{
	padding: 0 20px;
	width: 495px;	
text-align:right;
top:10px;
clear:left;
}
#downloadLink{
	position: absolute;
	bottom: 30px;
	right: 20px;
	width:195px;
	text-align:right;
	padding-top:240px;
	color:#3cb50d;
}
#downloadLink a{
	color:#3cb50d;
	text-decoration: none;
	font-size: 14px;	
}
#downloadLink a:hover{
	text-decoration: underline;
}
#slideShow{
	position: absolute;
	right:0px;
	top: 30px;
	width: 300px;
	height: 198px;
	background: #FFF;	
}
#slideBox{
	position: absolute;
	right:0px;
	top: 30px;
	width: 300px;
	height: 198px;
	background: #eee;
	border: 1px solid #000;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;	
}
#slideText{
	position: absolute;
	right:10px;
	top: 40px;
	width: 280px;
	height: 163px;
	overflow:hidden;
	background:none;		
}
#slideText p{
	margin: 0 0 .5em 0;

}

#slideTextNav{
	position: absolute;
	right:10px;
	top: 208px;
	width: 280px;
	height: 15px;
	overflow:hidden;
	background:none;		
}
#slideTextNav a{
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
	color: #5e5e5e;
}
#slideTextNav a:hover{
	color: #000;
}
#slideTextColumn{
	float:left;
	/*width:130px;*/
	color:#fff;
	overflow:hidden;
	text-size:14px;
}
#slideTextColumn li{
	padding: 0 0 2px 0;
}
#slideTextColumn a{
	color:#000;
	text-size:14px;
	text-decoration: none;
}
#slideTextColumn a:hover{
	color:#000;
	text-size:14px;
	text-decoration: underline;
}
#latestStuff {
    background: none repeat scroll 0 0 white;
    border: 1px solid black;
    left: 15px;
    padding: 5px;
    position: absolute;
    top: 215px;
    width: 73px;
    z-index: 1;
}
#latestStuff a{
    font-weight: bold;
	text-decoration: none;
	color: black;
}
#latestStuff a:hover{
    font-weight: bold;
	text-decoration: underline;
	color: black;
}
#latestStuff a:visited{
    font-weight: bold;
	color: black;
}