/* CSS Document */
* {
    margin: 0;
}
html, body {
    height: 100%;
}


body {
 margin: 0;
 padding: 0;
 background-color:#c9c9c9;
 background-image:url(../_images/tile.gif);
 background-repeat:repeat-x;
}
* { margin: 0; padding: 0;}
/* WRAPALL */
img {border:none;}
form {
  padding:0;
  margin:0;
}
.l{float:left;}
.r{float:right;}
.no { display: none; }
.clear {clear:both;}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -203px;

}




#wrapbanner {
 text-align:left;
 width: 100%;
 margin: 0;
 padding: 0;
}
/* top frame */
#wrapbanner #banner {
 width: 925px;
 height: 394px; /* For Modern Browsers */
 margin: 0 auto 0 auto;
 padding: 0;

}
#wrapbanner #banner .logo {
width:170px;
height:136px;
padding:0;
margin:0;
}
#search {
width:200px;
margin:40px 0 0 0;}

#search p{
  font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  text-align: left;
}

#wrapmain {
width: 100%;
margin: 0;
padding-bottom: 25px;
text-align:center;
text-align:left;
}


#cc {
position:relative;
top:0;
left:0;
width:925px;

margin:0 auto 0 auto;

}

#cc h2{
  font:bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-style:italic;
  color: #fff;
  margin: 0;
  padding:9px 0 0 0;
  text-align: left;
  height:40px;
}
#cc2 {
width:925px;
margin:25px auto 0 auto;

}
#cc2 p{
padding: 0 0 12px 0;
}

#wrapSlide {
float:left;
background:url(../_images/slider.gif) no-repeat;
width:400px;
height:273px;
margin:0;
padding:0;
}

#slider {
position:relative;
background:url(../_images/featured1.jpg) no-repeat;
top:0;
left:0;
widows:400px;
height:273px;
margin:0;
padding:0;
}



#slider1, #slider2, #slider3 {

position:absolute;
top:17px;
left:18px;
width:364px;
height:238px;
}

#wrapGallery {
float:left;
background:url(../_images/gallery.jpg) no-repeat;
width:400px;
height:300px;

margin:0;
padding:37px 0 0 0;
}
#GalleryImg {
float:left;
background:url(../_images/gallery.jpg) no-repeat;
width:330px;
height:200px;
margin:0 0 50px 35px;
padding:0;
}

#Gallery {

width:925px;
margin:0;
padding:0;
}

#Gallery a:link, #Gallery a:visited{
font:bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #884141;
text-decoration:none;
}



.view a{
position:absolute;
top:185px;
left:45px;
font:bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #fff;
}
.next a{
position:absolute;
top:180px;
left:180px;
font:bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #fff;
}



#text {
float:right;
width: 500px;
margin:0;
padding:10px 0px 10px 0px;
background-color:#c9c9c9;
}
#text2 {
width: 925px;
margin:0;
padding:10px 0px 10px 0px;
}
#text3 {
float:left;
width: 300px;
margin:0;
padding:10px 0px 10px 0px;
background-color:#c9c9c9;
}
#text p, #text2 p, #text3 p{
  font:13px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0;
  text-align: left;
  line-height:1.7em;
}
#text ul, #text2 ul{
  padding:0 0 15px 0;
  
}
#text li, #text2 li{
  font:13px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0 0 0 30px;
  text-align: left;
  line-height:1.7em;
  
}
#text h1, #text2 h1, #text3 h1{
  font:bold 22px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0;
  text-align: left;
  padding:0 0 15px 0;
}
#text h2, #text2 h2, #text3 h2{
  font:bold 22px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #884141;
  margin: 0;
  text-align: left;
  padding:0 0 10px 0;
}


#projectNav {
width:900px;
height:30px;
}

#projectNav ul{
list-style:none;
margin:0 0 10px 0;
padding:0;
display:block;
}
#projectNav li{
float:left;
 font:bold 12px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0 1px 1px 0;
 
  padding: 7px 14px 7px 14px;
  background-color:#884141;
}
#projectNav li a{
color: #fff;
text-decoration:none;
}
#projectNav li a:hover{
color: #fff;
text-decoration:underline;
}

#projectNav2, #projectNav3 {
width:900px;
height:40px;

}

#projectNav2 ul, #projectNav3 ul{
list-style:none;
margin:0 0 10px 0;
padding:0;

}
#projectNav2 li, #projectNav3 li{
float:left;
 font:bold 12px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0 1px 1px 0;
 
  padding: 7px 14px 7px 14px;
  background-color:#333;
}
#projectNav2 li a:link, #projectNav2 li a:visited, #projectNav3 li a:link, #projectNav3 li a:visited{
color: #fff;
text-decoration:none;
}
#projectNav2 li a:hover, #projectNav3 li a:hover{
color: #fff;
text-decoration:underline;
}

#form label{
font:normal 12px Georgia, serif; color:#393939;
margin:0;
padding:0;
}
#form p{
font:normal 12px Georgia, serif; color:#393939;
margin:5px 0 5px 0;
padding:0;
}
#form input{
font:normal 12px Georgia, serif; color:#393939;
margin:0;
padding:3px;
width:300px;
}
#form textarea{
font:normal 12px Georgia, serif; color:#393939;
margin:0;
padding:3px;
width:300px;
}

.footer, .push {
height:203px;
overflow:hidden;
}


#footerLeft {
background-image:url(../_images/footer.png);
  width: 100%;
  height:203px;
  margin: 0;
  padding:0;
}

#footerContent {
  width: 925px;
  margin: 0 auto;
  padding: 50px 0 0 35px;
}
#footerContent p{
  font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  text-align: left;
}
#footerContent a:link, #footerContent a:visited{
  font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
}
#footerLeft a:hover{
  font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #263b4e;
  text-decoration: none;
}

#links {
  width: 925px;
 
  margin: 0 auto;
  padding:0;
  text-align:center;
}
#links p{
text-align:center;
color:#000;
padding:30px 0 0 0;
}


#renovation, #restoration, #commercial, #sports, #agri, #gal2, #gal3, #gal4, #gal5, #gal6, #gal7, #gal8, #gal9 {
display:none;
}