html, body { height: 100%; }
* { padding:0; margin:0; } /* destroy all browser margin/padding settings */
body { background-color: #FFF; background-image: url(i/bg.gif); text-align: center;  }
/* img { behavior: url(/iepngfix.htc); } IE png fix */

.noshow { display: none; }
.left { float: left; }
.right { float: right; }
.treb { font-family: Trebuchet MS, Arial, Verdana, sans-serif; }
.small { font-size: 66%; }
.med { font-size: 75%; }
.w700 { width: 700px; }
.thirds { width: 33%; }
.textleft { text-align: left; }
.textright { text-align: right; }
.ccc { color: #ccc; }
.space130 { line-height: 130%; }
.red { color: #cc0000; }
.bold { font-weight: bold; }

#cntnr {
background-image: url(i/flbg.gif);
background-attachment: fixed;
background-position: 50% 150px;
background-repeat: no-repeat;
padding: 0; margin-left: auto; margin-right: auto; margin-top: 50px; position: relative; width: 100%; 
}


#logo {
float: left;
height: 35px;
margin-top: 20px;
width: 231px;
}

#nav {
background-color: #d7d8d8;
float: right;
height: 70px;
width: 392px;
}

#nav div { float: left; }


#about a {
background-image: url(i/about-off.gif);
display: block;
height: 70px;
width: 70px; 
}

#about a:hover, .current {
background-image: url(i/about.gif);
}


#process a {
background-image: url(i/process-off.gif);
display: block;
height: 70px;
width: 83px; 
}

#process a:hover {
background-image: url(i/process.gif);
}

#services a {
background-image: url(i/services-off.gif);
display: block;
height: 70px;
width: 80px; 
}

#services a:hover {
background-image: url(i/services.gif);
}

#work a { 
background-image: url(i/work-off.gif);
display: block;
height: 70px;
width: 70px; 
}

#work a:hover { 
background-image: url(i/work.gif);
}

#contact a { 
background-image: url(i/contact-off.gif);
display: block;
height: 70px;
width: 89px; 
}

#contact a:hover { 
background-image: url(i/contact.gif);
}


#header {
/* background-color: pink; */
height: 70px;
margin: auto;
}

#picborder {
background-color: #ccbf93;
background-image: url(i/beigeheader.gif);
border: 1px solid #ccbf93;
margin: auto;
padding: 10px;
width: 678px;
}


#pic {
background: #fff url(i/standout.gif) no-repeat bottom left;
border: 1px solid #cebf89;
height: 250px;
margin: auto;
width: 100%;
}

#tag {
background-color: black;
float: right;
margin: 100px 50px auto auto;
}


#boxes {
height: 180px;
margin: 20px auto auto auto;
padding: 2px;
}

#boxes ul li {
display: block;
float: left;
height: 175px;
width: 225px;
}

#boxes ul li a {
display: block;
height: 175px;
width: 225px;
}

.box  {
display: inline;
list-style-type: none;
margin: 3px;
!margin: 2px;
}

.boxpad { margin-right: 4px; }

 
#featured a {
background-image: url(i/featured.jpg);
border: 1px solid #000;
}

#featured a:hover {
background-image: url(i/featured-off.jpg);
border: 1px solid #e8e7a9;
}


#whytxt {
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-size: 0.7em;
padding: 50px 15px 4px 15px;
}

#why a {
background-image: url(i/why.jpg);
border: 1px solid #000;
color: #CCC;
text-decoration: none;
}

#why a:hover {
background-image: url(i/why-off.jpg);
border: 1px solid #e8e7a9;
color: #000;
}

#quote a {
background-image: url(i/quote.jpg);
border: 1px solid #000;
color: #CCC;
text-decoration: none;
}

#quote a:hover {
background-image: url(i/quote-off.jpg);
border: 1px solid #e8e7a9;
color: #FFF;
}

#footer {
background-color: #EFEFEF;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
height: 20px;
margin-top: 27px;
padding: 15px 0 20px 0;
width: 100%;
}

#footerc {
margin-left: auto;
margin-right: auto;
}

#footernav a {
color: #888;
text-decoration: none;
}

#footernav a:hover {
color: #444;
text-decoration: underline;
}