blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
margin:0;
padding:0;
}

html, body{height:100%;}

body {
background-color: #BEDAEA;
font-family: georgia, times;
font-size:.76em;
line-height: 1.7em;
text-align:center;
color:#444444;
} 

img,img a{border:none;} 

a, a:link, a:active, a:visited  {
color:#63b634; 
text-decoration:underline;
}

a:hover {
color:#63b634; 
text-decoration:none;
}

p { padding:0 0 14px 0; }


h1 { color:#EF6B00; font-weight:normal;}

h2 {2px 0 6px 0; font-size:1.8em; color:#EF6B00; font-weight:normal;}

h3 {2px 0 6px 0; font-size:1.2em; color:#4BBBE5; font-weight:bold;}

h4 {2px 0 6px 0; font-size:1em; color:#4BBBE5; font-weight:bold;}


h2 {
padding:2px 0 4px 0;
color:#EF6B00; 
font-size:1.8em;
font-family:georgia, arial;
font-style:italic;
}

.clearer{
display:block; 
height:0px;
width:100%; 
clear:both;
}


/* STRUCTURE 
-------------------------------------------------------*/

#wrapper {
width:920px;
padding:0; 
text-align:left;
margin:0 auto 0 auto; 
background:#ffffff url(/graphics/wrapbg.gif) repeat-y; 
}

#wrapper-inner {
margin:0 auto 0 auto; 
width:860px;
padding:0; 
text-align:left;
position: relative;
}

#content {
width:858px;
margin:10px 0 20px 0;
padding:20px 0 40px 0;
float:left;
border:1px #A1ADA3 solid;
position:relative;
}

#contentInner{ 
width:820px; 
margin:0 auto; 
position:relative;
}

#leftCol ul, #leftCol ol {
margin:0 20px 10px 25px;
}

#leftCol ul li, #leftCol ol li {
margin:7px 14px 7px 17px;
padding:3px 0 3px 0;
}


#rightCol{
float:left; 
width:260px; 
margin:0;
padding:0 0 0 10px;
}

#leftCol{
float:left; 
width:527px; 
margin:0 10px 0 0; 
padding:0 10px 0 0; 
border-right:1px #A1ADA3 solid;
}

#footer {
float:left;
clear:both;
width:860px;  
padding:0; 
margin:0;
color:#fff;
background-color:#00416E;
}

#footer p{ 
padding:10px; 
margin:0px; 
}


/* NAV 
-------------------------------------------------------*/

#nav {
width:400px; 
position:absolute; 
bottom:10px; 
right:0; 
margin:0 10px 0 0;  
}

#nav li {
display:inline; 
padding:0 4px; 
border-left:0px #ddd solid; 
text-transform:uppercase;
}

#nav li a, 
#nav li a:active{
font-weight:700;
color:#99AF00;
text-decoration:none;
}


/*INTRODUCTORY TEXT 
-------------------------------------------------------*/

#welcomePanel{margin-bottom:20px;}

#workPanel{margin-bottom:20px;}

#serivesPanel{
margin-bottom:20px; 
background-color:#FFFFCC; 
padding:10px;
}

#welcomeText, 
#intro 
 {
padding:20px 0;
}

#welcomeText p, 
#intro p {
font-size:1.4em; 
font-family:georgia, times; 
line-height:1.4em;
padding:0;
padding:0 0px 14px 0;
}

.outerWrap{ width:900px; margin:0 auto;}
.bannerWrap{ margin:0 auto ; background-color:#fff; position:relative;}
.innerWrap{ width:860px; margin:0 auto; background-color:#fff; }


.panel{width:820px; float:left; margin:10px 0;  clear:both;}
.panel{width:100%; float:left; margin:10px 0; clear:both; }


.threeCol { width:568px; float:left; border-right:0px #ddd solid; overflow:hidden;}
.panel #last {width:284px; float:left;border-right:0px #ddd solid; }


/* HEADER 
-------------------------------------------------------*/



#header{
width:860px; 
position:relative;
background-color:#fff; 
color:#666;
margin:0; 
padding:0;
position:relative; 
margin:0; 
float:left;
}


/* LOGO REPLACEMENT 
-------------------------------------------------------*/

	
h1 { 
padding: 0;  
margin: 14px 0;  
width: 290px;  
height: 66px;  
background: transparent url(/graphics/elablogo.jpg) top left no-repeat;  
float: left; 
text-indent:-9999;
}

h1 a { 
height: 66px;  
width: 290px; 
padding: 0px;  
margin:0;
overflow: hidden;  
display: block; 
color: #143F50; 
border:none;
background: transparent;
}


h1 a:hover {
	background: transparent;
}

h1 a span{ 
display: none; 
}


h1 a:link, 
h1 a:visited, 
h1 a:active, 
h1 a:hover {border:none;}



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


.menu {
width:860px;  
padding:10px 0; 
margin:0; 
font-family:georgia; 
border-top:4px #3A788F solid; 
font-weight:bold; 
font-size:16px; 
text-align:center; 
text-transform:uppercase;  
float:left;
background-color:#09a2db
} 

.menu li {
list-style:none; 
display:inline; 
padding:0 14px;  
margin:0 14px;  
font-family:times;
} 

.menu li a, 
.menu li a:active,
.menu li a:visited,
.menu li a:hover {
color:#fff;
text-decoration:none;
} 


#home_page  .menu #home {color:#fff; background-color:#FF9900; } 
#work_page  .menu #work {color:#fff; background-color:#FF9900; } 
#services_page  .menu #services {color:#fff; background-color:#FF9900; } 
#contact_page  .menu #contact {color:#fff; background-color:#FF9900; } 
#who_we_are_page .menu #who_we_are {color:#fff; background-color:#FF9900; } 


#navtop { 
width: 400px; 
text-align:right; 
position:absolute; 
top:10px; 
right:0;
}

#navtop a{
color:#929E94; 
padding:0 10px; 
font-weight:bold; 
}

#banner {
width:820px; 
float:left; 
clear:both; 
height:300px; 
background: url(/graphics/homebg2.jpg) top right no-repeat; 
}

#banner span {height:300px; width:400px; background: url(/graphics/text.gif) no-repeat;  position: absolute; top:20px; left:20px }



#services_page  #banner {background: url(/graphics/peinture.jpg) top right no-repeat;  }
#work_page  #banner {background: url(/graphics/laptops.jpg) top right no-repeat;  }
#contact_page  #banner {background: url(/graphics/contact.jpg) top right no-repeat;  }







#banner_sep {
text-align:center; 
width:820px; 
float:left; 
clear:both; 
height:22px; 
background: transparent url(/graphics/sep.jpg) bottom center no-repeat; 
margin:10px 0 0 0;  
}



.rightBlock{
padding:20px; 
margin:0 0 20px 0;  
background-color:#F3F4F6; 
}


.rightBlock h3, 
.rightBlock h2{
padding:0 0 10px 0; 
margin:0 0 10px 0;
border-bottom:2px #ddd solid;
font-size:14px; font-weight:bold; color:#4BBBE5; 
font-style:italic;
}

.rightList ul{
margin:0 17px;
}


.rightList li{
padding: 0 0 6px 0; 
margin:0 0 6px 0; 
border-bottom:1px #ddd solid;
list-style:none;
}

#work h3 {padding:10px 0; margin:0;}
#work p {padding:0 0 10px 0;  }