@charset "UTF-8";
/* CSS Document */

:root {

 overflow-y: scroll;

}

* {
	margin:0;
	padding:0;
	border:0;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#245473;
	
	
}


#wrapper{
	width:1000px;
	margin:0 auto 0 auto;
}

#menu{
	height:42px;
	background:url(../img/bg/menu-bg.jpg) repeat-x;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3479a6;
	padding:0 0 0 50px;
	margin:0;

}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

/* ----------------- MENU ---------------- */

#menu ul {
	list-style:none;
	display:inline;
	
	}
#menu ul li {
	list-style:none;
	display:inline;
	float:left;
	margin:5px 36px 0 0;
}
#menu ul li a {
	text-decoration:none;
	color:#3479a6;
	
}

#menu ul li a:hover {
	text-decoration:none;
	color:#ffffff;
	
}

#nav-home a:hover{
	
	background:url(../img/nav/home-on.jpg) top left no-repeat;
}

#nav-home a{
	
	display:block;
	width:77px;
	height:31px;
	padding:6px 0 0 15px;
}

#nav-about a:hover{
	
	background:url(../img/nav/about-on.jpg) top left no-repeat;
}

#nav-about a{
	
	display:block;
	width:77px;
	height:31px;
	padding:6px 0 0 12px;
}

#nav-services a:hover{
	
	background:url(../img/nav/services-on.jpg) top left no-repeat;
}

#nav-services a{
	
	display:block;
	width:87px;
	height:31px;
	padding:6px 0 0 9px;
}

#nav-projects a:hover{
	
	background:url(../img/nav/projects-on.jpg) top left no-repeat;
}

#nav-projects a{
	
	display:block;
	width:91px;
	height:31px;
	padding:6px 0 0 9px;
}

#nav-clients a:hover{
	
	background:url(../img/nav/clients-on.jpg) top left no-repeat;
}

#nav-clients a{
	
	display:block;
	width:91px;
	height:31px;
	padding:6px 0 0 10px;
}

#nav-personnel a:hover{
	
	background:url(../img/nav/personnel-on.jpg) top left no-repeat;
}

#nav-personnel a{
	
	display:block;
	width:105px;
	height:31px;
	padding:6px 0 0 9px;
}

#nav-contact a:hover{
	
	background:url(../img/nav/contact-on.jpg) top left no-repeat;
}

#nav-contact a{
	
	display:block;
	width:93px;
	height:31px;
	padding:6px 0 0 9px;
}

body#Home #nav-home a{
	
	background:url(../img/nav/home-on.jpg) top left no-repeat;
	color:#FFF;
}

body#About #nav-about a{
	
	background:url(../img/nav/about-on.jpg) top left no-repeat;
	color:#FFF;
}

body#Services #nav-services a{
	
	background:url(../img/nav/services-on.jpg) top left no-repeat;
	color:#FFF;
}

body#Projects #nav-projects a{
	
	background:url(../img/nav/projects-on.jpg) top left no-repeat;
	color:#FFF;
}

body#Clients #nav-clients a{
	
	background:url(../img/nav/clients-on.jpg) top left no-repeat;
	color:#FFF;
}

body#Personnel #nav-personnel a{
	
	background:url(../img/nav/personnel-on.jpg) top left no-repeat;
	color:#FFF;
}

body#Contact #nav-contact a{
	
	background:url(../img/nav/contact-on.jpg) top left no-repeat;
	color:#FFF;
}



/* ---------------- END MENU ---------------- */


/* ----------------- F00TER ----------------- */

#footer-wrap{
	
	width:100%;
	float:left;
	background:url(../img/main/footer-bg.jpg) top left repeat-x;

}

#footer{
	background:url(../img/bg/footer-bg.jpg) top center no-repeat;
	width:900px;
	height:35px;
	margin:0 auto 0 auto;
	padding:10px 0 0 90px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	
	color:#abd5e9;
}

#footer-icons{
	background:url(../img/main/footer-icons.png) top left no-repeat;
	width:86px;
	height:28px;
	float:left;
	margin:0 40px 0 0;
}

#footer ul {
	list-style:none;
	display:inline;
	margin:5px 0 0 0;
	float:left;	
	}

#footer ul li {
	list-style:none;
	display:inline;
	float:left;
	margin:0px 4px 0 0;
}
#footer ul li a {
	text-decoration:none;
	color:#abd5e9;
	
}

#footer ul li a:hover {
	text-decoration:none;
	color:#ffffff;
	
}


/* -------------- END FOOTER ----------------- */


#Home-header{
	height:560px;
	background:url(../img/bg/header_bg.jpg) center no-repeat;
	margin:0;
	padding:0;

	
	
}

#Home-content{
	height:385px;
	background:url(../img/bg/home-content-bg.png) top left repeat-x;
	margin:-1px 0 0 0;


	
}

body#Home{
	background:url(../img/home/home-background.jpg) top center no-repeat;
}



#logo{
	width:257px;
	height:130px;
	background:url(../img/main/ecf-logo.png) bottom right no-repeat;
	text-indent:-9999px;
	margin:0 200px 30px 32px;
	padding-top:39px;
	float:left;
	position:relative;
	z-index:500;
}

body#Home #logo{
	width:257px;
	height:130px;
	background:url(../img/main/ecf-logo.png) bottom right no-repeat;
	text-indent:-9999px;
	margin:0 200px 0 32px;
	padding-top:39px;
	float:left;
	position:relative;
	z-index:500;
}


#logo a{
	display:block;
	height:130px;
	width:257px;
}


#welcome-text{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#245473;
	background:url(../img/home/top-text-bg.png) top left no-repeat;
	width:515px;
	height:141px;
	padding:33px 0 0 33px;
	font-style:italic;
	margin:128px 0 0 0;
	float:left;
	display:inline;
	line-height:145%;
	
}


.home-pod{
	width:266px;
	height:355px;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	color:#245473;
	font-size:12px;
	margin-top:10px;
	display:inline;
	position:relative;
	
}

.home-pod a{
	
	color:#245473;
	text-decoration:none;
}

.home-pod a:hover{
	
	color:#245473;
	text-decoration:underline;
}


.home-pod h3{
	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#333333;
	
}

#home-pod-1{
	margin:10px 100px 0px 0px;
	
}

#home-pod-1 ul{	
	padding:0 0 0 15px;
	margin:0 0 34px 0;
}

#home-pod-1 li{
	
	margin:7px 0 7px 0;
	
}

#home-pod-3 {
	float:right;
	display:inline;
}

.detail {	
	font-size:18px;
}

.detail-email {	
	font-size:16px;
}

.bold-title {
	
	font-size:14px;
	font-weight:bold;
	
}

#client-logos{
	padding:10px 0 0 0;
	margin:0 0 15px 0;
	
	
}

.home-button a {
	
	color:#FFF;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	
}

.home-button a:hover {
	
	color:#FFF;
	text-decoration:underline;
	
}


#services-button{

background:url(../img/home/services-button.png) top left no-repeat;
	display:block;
	width:271px;
	height:37px;
	position:absolute;
	bottom:10px;
	left:0px;

	
}

#services-button p{
	float:left;
	padding:10px 0 0 45px; 
}
	
	

#clients-button{

background:url(../img/home/clients-button.png) top left no-repeat;
	display:block;
	width:271px;
	height:37px;	
	position:absolute;
	bottom:10px;
	left:0px;

	
}

#clients-button p{
	float:left;
	padding:10px 0 0 50px;
}

#contact-button{

background:url(../img/home/contact-button.png) top left no-repeat;
	display:block;
   width:271px;
	height:37px;
		position:absolute;
	bottom:10px;
	left:0px;
	
}

#contact-button p{
	float:left;
    padding:10px 0 0 65px;
}

.line{
	background:url(../img/home/pod-line.jpg) top left no-repeat;
	width:271px;
	height:1px;
	
	margin:0px 0 10px 0;	

}

/* ------------------------------- ABOUT ----------------------------------- */



#About-header{
	
		background:url(../img/about/header_image.png) bottom right no-repeat;
	
}

.subpageheader{
	
	height:264px;
	position:relative;
	margin-top:-20px;
}

.subpageheader h2{
	font-size:36px;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	margin: 20px 0 0 34px;
	padding-top:20px;
	width:250px;
}

.content h3, h4, h5, h6{
	
	font-size:18px;
	color:#333333;
		font-weight:normal;	
	margin:0 0 10px 0;
	
	
}

.content a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#245473;
	text-decoration:none;
}

.content a:hover{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#245473;
	text-decoration:underline;
}
	
#left-content{
	float:left;
	width:500px;
	padding:25px 34px 0px 34px;
}

#right-content{
	float:left;
	width:360px;
	background:#ffffff;
	margin:0 0 0 48px;
	padding:25px 3px 20px 20px;

	
	
	
}

.intro{
	font-weight:bold;
}

#right-content li{
	font-style:italic;
	margin:4px 0 4px 15px;
	
}

#right-content ul{
	
	margin:10px 0 10px 0;
	
}

.office-pic{
	margin:20px 0 0px 0;
}

#header-phone{
	
	position:absolute;
	top:20px;
	right:-4px;
	width:332px;


		
	font-size:24px;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		
}


/* ------------------------------------------ SERVICES --------------------------------------------------- */

#Services-header{
	
	
	background:url(../img/services/header_image.png) bottom right no-repeat;
	
}

.hr{
	width:310px;
	height:3px;
	background:url(../img/services/hr.gif) top left no-repeat;
	margin:15px 0px 15px 0px;
}


body#Services #right-content{

	height:2092px;
	
}

.sub-headings {
	font-size:16px;
	color:#000000;
	
	margin:0 0 10px 0;
}

#right-note{
	width:310px;
}

.image-wrap{
	
	margin:0 0 20px 0;
	
}

.missing {
	height:142px;
}

.endimage {
	
	margin:0 0 40px 0;
	
}
	

/* ------------------------------------------ PROJECTS --------------------------------------------------- */

#Projects-header{
	
	background:url(../img/projects/header_image.png) bottom right no-repeat;
}


.project-image {
	float:left;
	width:171px;
	height:141px;
}

.project-info{
	margin:0 0 0 25px;
	float:left;
	width:300px;

}

.project-info{
	margin:0 0 0 25px;
	float:left;
	width:300px;

}

.project-description{
	margin:15px 0 0 0;
	float:left;	
	width:500px;
}

.project{
	
	margin:0 0 40px 0;
	float:left;
	
	
}

body#Projects #right-content{

	height:2000px;
	
}

/* ------------------------------------------ Clients --------------------------------------------------- */


#Clients-header{
	
	background:url(../img/clients/header_image.png) bottom right no-repeat;
}

#Clients-content{

		float:left;
		padding:25px 34px 25px 34px ;
		width:100%;
		height:850px;

}
	
	
.client-logo{
	float:left;
	margin:10px 25px 10px 0;
}

/* -------------------------------------------- Personnel ------------------------------------------------- */

#Personnel-header{
	
	background:url(../img/personnel/header_image.png) bottom right no-repeat;
}

body#Personnel #right-content{

	height:1250px;
	
}






.staff {
	float:left;
	margin:20px 0 0px 0;
	width:500px;
}

.staff-pic{
	float:left;
}

.staff-info{
	
float:left;
margin:0 0 0 25px;

}


/* -------------------------------------------- Contact ------------------------------------------------------ */

#Contact-header{
	
		background:url(../img/contact/header_image.png) bottom right no-repeat;
	
}

.contact-headings-bold {
	font-size:19px;
	color:#000000;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

}

.contact-headings{
	font-size:17px;
	
}

.contact-headings a{
	color:#245473;
	text-decoration:none;	
}

.contact-headings a:hover{
	
	text-decoration:underline;	
}



.form-row {
	
	float:left;
	margin:5px 0 5px 0;

	
}

.form-input{
	

	
}

#submit-wrap{
	
	float:left;
	display:inline;
	width:400px;
	margin:5px 0px 25px 90px;
	
}


.textbox {
	
	 height:20px;
	 width:300px;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-size:14px;
	 
}


.address {
	
	 height:130px;
	 width:304px;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-size:14px;
	 margin:0 0 0 37px;
	 
}

.label{ float:left;}

.enquiry{
	
	 height:220px;
	 width:304px;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-size:14px;
	 margin:0 0 0 37px;
	 
}





img, div { behavior: url(css/iepngfix.htc);}


/* styles for error box */
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
	padding:20px;
	border:solid 2px red;
	width:90%;
	margin:0px auto;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3em;
    position:absolute;
    z-index:1000;
    top:0;
}

.error a, .error a:hover{
	color:#8a1f11;
}

/* simply moves close box to right */
.kickRight {
	text-align:right;
}