/* @override http://www.nu-designs.com/new/leff/styles.css */
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,a,table,tr {  
	margin:0; 
	padding:0;
	outline:none; 
	}
	
html { height: 100%; margin-bottom: 1px; }
body {background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: .8em; padding-top:20px;}
ul, li { list-style: none; margin: 0; padding: 0; }
ul, dl, ol { position: relative; }
img { border: 0; }
p { margin: 1em 0; }

.center { text-align: center; }

#wrapper {margin: 0 auto; width: 741px; background: #ded8ca url(images/bkgd.gif) repeat-y 0 0; position: relative; }
#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
#wrapperssp {margin: 0 auto; width: 770px; background: #ded8ca url(images/bkgd.gif) repeat-y 0 0; position: relative; }
#wrapperssp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

a {color:#333333; }
a:visited {color:#333333; }
a:hover {color:#CC6600; }
a:active {color:#CC6600; }

.bullet_list li { background: url(images/bullet.gif) no-repeat 0 5px; padding: 0 0 0 10px; margin: 0 0 5px 10px; }
.mainsample, #flashcontent { padding:0px; margin:0px; border-bottom: 1px solid #FFF; }

#column1 { width: 180px; float: left; position: relative; }

#navigation { font-size: 100%; width: 180px; letter-spacing:0.15em; }
#navigation li a { display: block; background: url(images/bg_grad.jpg) no-repeat 0 0; padding: 4px 4px 4px 14px; border-right: 1px solid #CCC; border-bottom: 1px solid #FFF; text-decoration: none; width: 161px; color: #888; }
#navigation li a.nevents { background: url(images/bg_grad_new.jpg) no-repeat 0 0;}
#navigation li a:hover { color: #444; }
html>body #navigation li a { width: auto; }

#phone {text-align:center;margin-top:30px;}
#phone h4 {height:23px;width:144px;display:block;background: url(images/phone.png) no-repeat;text-indent:-9999px;margin:0 auto;}

/*
The following code specifies the active state on the navigation 
by combining the id on the body with the class on the a tag.
*/

#services #navigation li a.nservices,
#design-build #navigation li a.ndesign-build,
#history #navigation li a.nhistory,
#portfolio #navigation li a.nportfolio,
#articles #navigation li a.narticles,
#personnel #navigation li a.npersonnel,
#contact #navigation li a.ncontact, 
#testimonials #navigation li a.ntestimonials, 
#faqs #navigation li a.nfaqs,
#links #navigation li a.nlinks,
#building-small #navigation li a.nbuilding-small
{ color: #000; background-image: url(images/bg_grad_current.jpg); }

#epa {width:110px; margin:30px auto 15px;}
#epa img{border:0;}
#diamond { width: 150px; margin: 0 auto 20px; text-align: center; color: #333; }
#diamond p { color: #333; font-size: 90%; }

#column2 { float: right; width: 560px; }
#column2ssp { float: right; width: 590px; }

#content { padding: 14px; color: #5C5A57; }
#content p { line-height: 1.4; font-size: 100%; margin: 1em 0; }

#sspindex { width: 548px; margin: 0 auto; }
#photoindex { width: 510px; margin: 0 auto; }
#photoindex li { margin: 5px 20px 5px 5px; font-size:16px; font-weight:normal;}
#photoindex li img {float:left;margin-right:16px;}
#photoindex li p {padding:70px 0 0 0;}
#photoindex:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

#credits { width: 741px; background-color: #FFF; border-top: 1px solid #DED8CA; clear: both; margin: 1px auto 10px; padding: 10px 0 0 0; }
#credits div, #credits p { color: #000; font-size: 85%; margin: 0; }
#credits .left { text-align: left; float: left; }
#credits .right { text-align: right; float: right; }
#credits a:link { color: #000; text-decoration: none; }
#credits a:visited { color: #000; text-decoration: none; }
#credits a:hover { color: #444; text-decoration: none; }
#credits a:active { color: #444; text-decoration: none; }

img.welcome { padding:12px; }
img.view { padding:12px 12px 6px 162px; }
img.diamond { padding:0 4px 4px 4px; margin:0px; }
img.common { margin:0 5px 8px 8px; border:1px solid #af8f6b; }
img.port_home { margin:0 5px 8px 8px; width:145px; height:145px; }


.bio ul { }
.bio li { list-style-type: disc; margin: 0 10px 0 35px; padding: 0 5px; color: #5C5A57; background-color: inherit; }

#article dl { margin: 0; padding:0;  }
#article dt {  }
#article dt.none { display:none; }

#flashcontent {margin:0 auto; padding: 0; width: 560px; z-index: 0; }
.flash { }
#flashborder { }

#homeSlides {margin:0;padding:0;position:relative;top:-14px;left:-14px;border-bottom:1px solid #FFFFFF;}
#homeSlides img{width:560px;height:330px;border:none;margin:0;padding:0;}
#portfolioTable tr td {vertical-align:middle;text-align:center;height:500px;width:100%;display:block;}
#slidesTop {width:100%;text-align:center;}
#slidesTop img {}
#slidesThumbs img {float:left;margin-left:24px;margin-top:10px;}

div.baStage {width:350px;margin:20px auto;}

#portfolioStage {text-align:center;}
div.portfolioLink {width:227px;text-align:center;padding-top:25px;float:left;}
.portfolioLink img {width:227px;height:179px;border:1px solid #a0a0a0;padding:2px;}
a.interiorLink {width:231px;height:30px;border:0;display:block;text-indent:-9999px;background:url(images/portfolio-interior-title.jpg);}
a.exteriorLink {width:231px;height:30px;border:0;display:block;text-indent:-9999px;background:url(images/portfolio-exterior-title.jpg);}
a.smallLink {width:231px;height:30px;border:0;display:block;text-indent:-9999px;background:url(images/portfolio-small-homes-title.jpg);}
a.beforeLink {width:231px;height:30px;border:0;display:block;text-indent:-9999px;background:url(images/portfolio-before-after-title.jpg);}


#contactForm {width:310px;padding:20px;border:#eeeeee 1px solid;}
#contactForm label {width:100px;float:left;padding-bottom:15px;}
#contactForm label.error {width:200px;font-size:10px}
#contactForm input {width:200px;float:left;}
#contactForm textarea {width:200px;height:100px;float:left;}
/* Admin bar */


#admin_bar {
    font: 10px/16px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background: #000;
    color: #c3c3c3;
    font-size: 10px;
    overflow: hidden;
    padding: 0 32px;
}

#admin_bar a {
       color: #999999;
       display: block;
       float: left;
       padding: 3px 6px;
       text-decoration: none;
   }
   
#admin_bar a:hover {
    color: #fff;
    background-color: transparent;
}

/* Edit this */

.page {
	position: relative;
}

.edit-this {
	margin: 0;
	background-color: #242424;
	color: #fff;
	font-size: 11px;
	display: inline-block;
	padding: 3px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
    
    .edit-this a {
        color: #fff;
        text-decoration: none;
    }
    
    .edit-this a:hover {
        color: #fff400;
        background-color: transparent;
    }
    
.clearit {height:0%; clear:both; }