/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
}
.client_back
{}
.hidden {

	display: none;

}

#page-container {
	width: 900px;
        height: auto;
	text-align: justify;
	margin: auto;
	}
        
#header {
	height:250px;
	background-image: url(../images/esp-logoV2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
	margin: auto;

}
body {
	color: #666666;
	background-color: #242424;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-image: url(../images/bgV2.gif);
	background-repeat: repeat-x;
}

.client_body {
	color: #666666;
	background-color: #242424;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-image: url(../images/bg_client.gif);
	background-repeat: repeat-x;
}











/* Main Navigation */



	

#MainNav  {

	height: 32px;

	width: 900px;



}

	



#nav  {

	float: right;

	font-size:10px;

	color: #FFFFFF;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

	padding-left: 10px;

	height: 32px;

	background-image: url(../images/navBg.gif);

	background-repeat: no-repeat;

	width: 325px;

	padding-top: 4px;

	margin: 0px;











}















	



#nav li {

	padding: 0;

	float: left;

	list-style-type: none;

	margin-top: 0;

	margin-right: 2px;

	margin-bottom: 0;

	margin-left: 0;

}











#nav li a {

	margin: 0;

	padding: 8px 0.8em 5px;

	text-decoration: none;

	letter-spacing: 0px;

	color: #FFFFFF;

	font-family: Arial;

	font-size: 10px;

	font-weight: normal;

	text-transform: uppercase;



}











#nav li a:hover {

	color: #FFCC33;

	text-decoration: none;







	}



#nav li.active a {

	font-weight: normal;

	color: #FFFFFF;

	background: #fff;



	}

#flash-container {

	height:500px;

}



#content-container {

	height:377px;

	position: relative;

	padding-top: 35px;

	overflow: hidden;
	background-color:#000;

}

#client-content-container {

height:375px;

	position: relative;
padding-top:12px;

	overflow: hidden;
	background-color:#000;

}

h1 {

	font-family: "Trebuchet MS";

	font-size: 11px;

	color: #FFFFFF;

	font-weight: normal;

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #242424;

	padding-top: 10px;

}



#aboutCont {

	width: 550px;

	position: absolute;

	top: 34px;

	left: 0px;

}





#personnelCont {

	width: 300px;

	position: absolute;

	top: 35px;

	left: 588px;

	text-align: left;

}



#footer_index {

	clear: both;

	height: 223px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	padding-top: 35px;

}


#footer {
	clear: both;
	height: 223px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top:5px

}
#client_footer img{border-style: none;
text-decoration: none; }

.footerbox {
	width: 222px;
	float: left;
	height: 192px;
	
	
	
	
}
.footerbox2 {
	width: 158px;
	float: left;
	margin-left: 20px;
	
	
	
	
}
.footerheader {
	padding:20px 0 25px;
	font-family: arial;
	font-size: 14px;
        font-weight:bold;
	float: left;
	width: 219px;
}
.footertext{
	width: 158px;
	font-family: arial;
	font-size: 12px;
	float: left;
	color: #787777;
	text-align: left;
	
}
.footerspacer{
background-color:#333333;
float:left;
height:200px;
margin-right:2px;
margin-top:45px;
width:1px;
}



.icon {
	width: 20px; height: 14px;
	float: left;
}
.icontext {
	float:left;
	font-family: arial;
	font-size: 12px;
	color: #a2aaaa;
}
.supportbox{
	width: 200px;
	margin: 7px 0 7px 0;
	float: left;
        text-decoration:underline;
        color:#ccc;
}

.clientbox{
	width: 220px; height: 168px;
	margin: 6px 5px 6px 0;
	background-image:url(../images/clientbox.png);
	float: left;
        overflow: hidden;
}     


    


        
.client{
	margin: 5px
	
}
.clienttext{
	margin: 15px 15px 0px 15px;
	float:left;
	font-family: arial;
	font-size: 11px;
	color:#FFF;
}

.header{
	width: 180px;
	float:left;
	font-family: arial;
	font-size: 14px;
	color: #deea03;
	font-style: bold;
	
}
.header2{
	padding-top: 5px;
	float:left;
	font-family: arial;
	font-size: 14px;
	color: #deea03;
	font-style: bold;
		 }
.clientbutton{
	background-image:url(../images/clientbutton.png);
	float: right;
	margin: 0 5px 5px 0;
}

#footer img{
border-style: none;
text-decoration: none;     
}

#footer #copyright {
	padding-top: 13px;
	color: #FFFFFF;
}
#copyright a:link  {
	color: #E4F005;
	text-decoration: none;
}
#copyright a:hover  {
	color: #E4F005;
	text-decoration: underline;
}
#copyright a:visited  {
	color: #E4F005;
	text-decoration: none;
}
.contact {
	position: relative;
	float: left;
	font-size:11px;
	color:#FFFEE1;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}
#form.contact  {
	width: 250px;
	padding-right:10px;
	float:left;
	text-align:left;
}
#detail.contact  {
	width: 150px;
	text-align: left;
	padding-right:10px;
}

.clientbox{
	width: 220px; height: 168px;
	margin: 6px 5px 6px 0;
	background-image:url(../images/clientbox.png);
	float: left;
        overflow: hidden;
}

.boxgrid{ 
width: 220px; 
height: 168px;
margin: 6px 5px 6px 0;
float:left; 
overflow: hidden; 
position: relative;
background-image:url(../images/clientbox.png);
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
margin: 15px 15px 0px 15px;
font-family: arial;
font-size: 11px;
color:#FFF;
}

.boxcaption{ 
float: left; 
position: absolute;  
height: 148px; 
width: 200px; 
opacity: 1.0;
overflow:hidden;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 
.captionfull .boxcaption {
top: 10px;
left: 10px;
}

.caption .boxcaption {
top: 0;
left: 0;
 }