/* 
CSS 
*/
 
body { font-family: arial; color: #333; background: #7C9CA9; margin: 0; line-height: 1.4em; letter-spacing: 0.01em;}
html { text-align: center; }

#wrapper { width: 800px; padding: 2px; background: #fff; margin: 1.0em auto 0 auto; }
#header { width: 800px; height: 171px; margin: 0; } 
#tel {text-align:right; color: 333; padding: 2px; }
.main { background-image: url(images/header.jpg);}
.completed { background-image: url(images/header-completed.jpg);}
.ongoing { background-image: url(images/header-ongoing.jpg);}
.new { background-image: url(images/header-new.jpg);}
.testimonials { background-image: url(images/header.jpg);}
.contact { background-image: url(images/header.jpg);}

#navcontainer { margin: 0 0 0 130px; padding: 0; width: 650px; height: 20px;}
#right_content { float: right; width: 270px; margin: 30px 0 0 0; padding: 0 20px 20px 20px; text-align: left; font-size: 70%; border-left: 1px solid #ccc;  }
#main { float: left; width:440px; padding: 20px; margin: 0; text-align: left; font-size: 70%;  }
#main_sub { float: left; padding: 20px; margin: 0; text-align: left; font-size: 70%;  }
.image { float: left; margin-left: 8px; } 
.imagea { float: left;  margin-right: 8px; } 
.projects_header { padding: 6px; margin: 25px 0 0 0; background: #D3E1E7; border-bottom: 1px solid #B9CFD8; border-top: 1px solid #B9CFD8; color: #333; font-size: 100%;}
.thumb { float: left; width: 220px; margin: 0 15px 15px 0; }
.thumbt { float: left; width: 220px; margin: 0 25px 15px 0; }
.thumbtxt { padding: 15px; font-size: 90%; text-transform: lowercase;}
#footer { padding: 20px 20px 0 20px; font-size: 70%;  margin-top: 30px; color: #999; text-align: left; }

h1 { font-size: 120%; color: #333; font-weight: bold; margin: 0;}
h2 { font-size: 110%; font-weight: bold; color: #7C9CA9; margin: 8px 0 5px 0;}

a:link { color: #7C9CA9; text-decoration: none;}
a:active { color: #7C9CA9; text-decoration: none;}
a:hover { color: #333; text-decoration: underline;}
a:visited { color: #7C9CA9; text-decoration: none;}

#navcontainer { float: left; width: 800px;  height: 35px; margin: 0; padding: 0;  background-image: url(images/b1.jpg); 
text-align: left; margin-top: 1px; font-size: 70%;  }

#navlist li
{
display: inline;
list-style-type: none;
padding: 10px 20px 11px 20px;
height: 25px; 
border-right: 1px solid white;
}
ul#navlist { margin: 6px 0 0 0 ; padding: 0; }

#navlist a:link { color: #fff; text-decoration: none;}
#navlist a:active { color: #fff; text-decoration: none;}
#navlist a:hover { color: #333; text-decoration: none;}
#navlist a:visited { color: #fff; text-decoration: none;}


.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}