/* ----- MAIN ----- */

html{
	margin:0;
	padding:0;
	
	
	
	
}

body{
position:relative;
	margin:0;
	padding:0px 0 0px 0;
	font: 62.5% Tahoma, Arial, verdana, geneva, helvetica, sans-serif;
	margin:0;
	background:url(../../img/topbg.gif) top repeat-x #fff ;
	color: #222;
}
/* ----- IDS ----- */

#page {
position:relative;
background:url(../../img/topexcal.jpg) top no-repeat ;

	font-size: 1.3em;
	width: 750px;
	margin: 0px auto;
	overflow:hidden;
	
	padding: 0px;
	
	
	padding: 0 0 10px 0;
	
	
	
		border-bottom: 1px #CCCCCC dotted;

}



#top{

position:relative;
color:#000;
/*height:72px;*/
top:0px;



}

#breadcrumb{
position:relative;
float:left;
color:#FFFFFF;
font-size:1.2em;
font-stretch:wider;
padding:4px 0px;
height: 20px;
padding: 5px 0px 0px 0px;


}

#breadcrumb img{

margin: 0px 5px;



}





/* nav*/


#menubox {
clear:both;
margin: 10px 0px 0px 10px;
float: left;
width: 127px;
height:400px;
overflow:hidden;

color:#087097;
position:relative;



	
}

html>body #menubox{

margin: 12px 0px 0px 20px;

}

/*title*/

#contentcontainer{

float:left;
}

#contenttitle{
width: 100%;
position:relative;



height: 19px;
clear:both;
color:#666;
font-size: 0.9em;
margin: 40px 0 10px 10px;


border-bottom: 1px #CCCCCC dotted;
}



/*content*/
#content{	
	float:left;
	padding: 0 10px;
	
	height:auto;
	width:580px;
	
	font-size:0.85em;
	letter-spacing: 1px;
	line-height:1.2em;
	border-left: 1px #CCCCCC dotted;
	
	
	
	
	
	

	
}
#content a{
color:#CC0000;




}
.contenttext{	
padding-right: 20px;




}

.contenttext a{	
font-size: 0.9em;




}




/*headers and links etc*/

a img{
border: 0px solid #FFFFFF;

}


h1{

	font-size: 1.8em;
	
}





h6{
font-weight:normal;
font-size: 9px;

}

/*divs*/





/* FOOTER */

#footer{
clear:both;
margin: 0px auto;
width: 750px;
margin: 20px auto 0 auto ;
}

#footer a{
color:#000000;
text-decoration:underline;
cursor:pointer;
}

#hendrelinks{
float:left;


}


#hhlogo{
float:right;
margin: 0 10px 0 10px;


}

/*********************************************** Case studies *********************************************/

.casestudy {
padding-top:5px;

}

.casestudy img{


clear:both;
float:left;


}

.casestudy a {
float:left;



}


.casestudy h5{
float:left;
padding: 0px;
margin: 0px;

}

.casestudy .shortinfo{
clear:left;
padding-left:40px;
padding-top: 5px;
font-size:0.9em;
color:#333333;

}

.casestudy .text{
padding-top: 10px;
clear:both;

}

.casestudy #client{
padding-top: 10px;
font-weight:bold;


}

.casestudy #project{
padding-top: 10px;
margin-left: 20px;

font-weight:bold;

}

html>body .casestudy #project{
padding-top: 15px;

}








/**************************************** forms ************************/

input, textarea, select{

background-color: #EAF5FF;
border:#333333 1px solid;


}
input.submit{

background-color: #bc9c06;
border:#333333 1px solid;
color:#FFFFFF;
};


















/************************************************ search ***************************************************/

#search{
z-index: 50;
position:relative;

border:0px solid #CC0000;


}





#results
{
position:absolute;
top: 50px;
border: 1px solid #10759b;
font-size: xx-small;
padding:10px;
width:300px;
left:390px;
z-index: 999;
background-color:#FFFFFF;


}




#results .show {

visibility:visible;

}

#resultfield_1 {
font-weight:bold;
margin-bottom: 0px;
padding-bottom: 0px;

}

#resultfield_2 {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 5px;
padding-bottom: 0px;

}

.hide  {

visibility:hidden;

}
#results a{
color:#10759b;
text-decoration: none;
}

#results a b{
color:#000;
font-weight:400;
}

#results a:hover{
color:#064158;
text-decoration:underline;
}

#resultstitle{
color:#10759b;
text-align:center;
font-size:x-small;
}

#resultsexpl{

text-align:center;
}

#closecross{
position:relative;
left: 290px;
width: 11px;
height: 11px;
border:1px solid #FFFFFF;
top: -6px;

}

html>body #closecross{
position:relative;

top: -3px;
width: 11px;
height: 11px;

border:1px solid #FFFFFF;

}

#searchinput{
position:relative;
color: #999900;
font-weight:bold;
width: 300px;
left: 500px;
}

#htmlvalue{

border:#333333 1px solid;
height: 14px;

font-size:12px;
font-weight: normal;
margin-bottom: 0px;
margin-left:40px;

}

html>body #htmlvalue{






}

#searchbtn{
background-color:#bc9c06; 
color:#FFFFFF;
border:#333333 1px solid;
height: 14x;
width: 50px;
margin: 30px 10px 0px 5px;
padding: 0px;
text-align:center;
font-size: 12px;


}

/**************************************** services ***********************************/

ul.services{
list-style:square;
width:290px;
border: 0px solid #006666;
float:left;

}

#servicescontent{
position: relative;
float:right;
width:170px;
}

/********************************* content img **************************************/

#content img{
padding: 5px;

}