/* GENERAL LAYOUT */
body { background: #ffffff url("../i/body_bk.gif") repeat-x; color: #474640; font-family:  Verdana, Arial, sans-serif;	
font-size: 62%;  }
#container { position: relative; z-index: 100; }
.clearfooter { height: 40px; clear: both; }

#rightedge{  background: url("../i/navback.gif") repeat-x;  height: 77px;  display: block; position: absolute; width: 50%; top: 12px; right: 0; z-index: -20; }

/*#title { background: url("../i/logo.gif") no-repeat bottom left; width: 249px; height: 97px; display: block;position: relative; top:-45px; left: 0px;} 
	#title h1 { margin: 0 0 0 -10000px; background: transparent; color: #666666; }

*/

#logo { position: absolute; left: -10000px; }
#title h1 a { display: block; text-indent: -10000px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; } 
/*\*/ #title h1 a { overflow: hidden; } /**/

#title { display: block;position: relative; top:-45px; left: 0px; width: 249px; height: 97px;}
#title h1 a { background-image: url(/i/logo.gif); width: 249px; height: 97px;  }


#header, 
#content-wrap { width: 960px; margin: 0px auto; }
#content { font-size: 1.4em; float: left; padding-left: 10px; width: 950px;}
#main { width: 600px; float: left;}
#sidebar { width: 290px; float: right; padding-top: 0px; }
#footer { width: 960px; margin: 0px auto; background: transparent; height: 200px; }
#foot-left { float: left; width: 480px; }
#foot-right { float: right; width: 460px; text-align: left; }


/* SIDEBAR
*************************************/

#featurebox { float: right; width:290px; }
#content #sidebar #featurebox h2 { font-size: 1.4em; font-weight: 700; background: url("/i/featured.gif") no-repeat bottom left; height: 295px; width: 48px; display: block; float: left; margin: 0px; padding: 0px;} 
#featurebox h2 a { margin: 0 0 0 -10000px; }
#featurebox img { float: left; border: 1px solid #93662c; margin: 0 10px 27px 25px; 
 }

#content #sidebar h2 {margin: 0 0 16px 0; color: #9db914; background-color: inherit; font-weight: bold; }

/* End Sidebar *************************/

/* FOOTER
*************************************/

#footer-wrap {
font-size: 1.4em;
line-height: 1.4em;	
background-color: #dbd9d0;
color: #666;
padding-top: 16px;
clear: both;
}


#estimate, #touch, #psst {
padding-left: 60px;
width: 350px;
}

#estimate {
background: url("../i/pencil.gif") no-repeat;
margin-bottom: 40px;
}

#touch {
background: url("../i/phone.gif") no-repeat;
}


#psst {
background: url("../i/psstquote.gif") no-repeat;
}


#estimate h3 {
text-indent: -10000px;
background: url("../i/getanestimate.gif") no-repeat;
width: 198px;
height: 18px;
padding-bottom: 16px;
}

#touch h3 {
text-indent: -10000px;
background: url("../i/getintouch.gif") no-repeat;
width: 146px;
height: 18px;
padding-bottom: 16px;
}

#psst h3 {
text-indent: -10000px;
background: url("../i/psst.gif") no-repeat;
width: 146px;
height: 18px;
padding-bottom: 16px;
text-align: left;
}

#psst blockquote { text-align: left; 
margin-bottom: 1em; 
font-family: Georgia, Times, serif;
font-size: 1.2em;
line-height:1.5;
}


#copyright {
clear: both;
text-align: right;	
width: 960px;
margin: 40px auto 0 auto;
border-top: 3px solid #c3c0b0;
padding: 16px 0 40px 0;
font-size: .9em;
}

#fq {float: left; margin: -5px 0 0 55px;}
/* End footer *************************/

/* NAVIGATION */


#nav { height:77px; width: 960px;	
background-color: #ffffff; color: #474640;
margin: 12px auto 0 auto;
}
#nav ul { width: 350px; margin: 0 0 0 620px;}
#nav ul li {float: left; list-style: none; }
#nav li a { height: 77px; display: block; text-indent:-88888px; overflow:hidden; }

#n-home a {
background-image: url("../i/home.gif");
width: 60px;
height: 77px; display: block;
}
#n-about a { background-image: url("/i/about.gif"); width: 80px; }
#n-portfolio a { background-image: url("/i/portfolio.gif"); width: 114px; }
#n-contact a { background-image: url("/i/contact.gif"); width: 96px; }

#n-home a:focus, #n-home a:hover, #n-about a:focus, #n-about a:hover, #n-portfolio a:focus, #n-portfolio a:hover, #n-contact a:focus, #n-contact a:hover { background-position: 0 -77px; }

.here a { background-position: 0 -154px; }

/* typography & links - main
*************************************/

em { font-style: italic; }
strong { font-weight: bold;}


/* Headings
-------------------------------------------------------------- */

h1,h2 { clear:left; }
h1, h2, h3, h4 { font-family: Verdana, Geneva, sans-serif;}
h1 { font-size: 2.2em; line-height: 1; padding: 0 0 .8em 0; color: #9db914; background: #ffffff; }
h2 { font-size: 1.5em; line-height: 1; padding: 0 0 .5em 0; margin-top: 1em; }
h3 { font-size: 1.2em; line-height: 1; padding: 0 0 .25em 0; margin-top: 1em; text-align: left; }
h4 { font-size: 1.0em; line-height: 1; font-weight:bold; }

h1+h2, h1+a+h3, h2+h3 { margin-top: 0px; }

/* Text elements
-------------------------------------------------------------- */


#content p {
padding-bottom: 1em; 
text-align:left;
font-family: Verdana, Geneva, sans-serif;
font-size: 1.2em; line-height: 1.5;
}



#content ul, #content ol { margin: 0 0 18px 18px; }
#content ul { list-style-type: none }
#content ol { list-style-type: decimal; }
#content dl { margin: 0 0 18px 0; }
#content dl dt { font-weight: bold; }

#content li, #content td { font-size: 1.2em; line-height: 1.4em; padding-bottom: .4em;}
li li, li p, td p, blockquote p   {font-size: 1em;}

a:link { color: #7e9410; background-color: transparent; text-decoration: underline; }
a:visited{ color: #7e9410; background-color: transparent; text-decoration: underline; }
a:hover { color: #ae260b; background-color: transparent;}
a:active { color:#ae260b; background-color: transparent;}


#footer a:link, #footer a:visited { color:#75a003; background-color: transparent; }
#footer a:hover, #footer a:active { color:#ae260b; background-color: transparent; }

/*CONTACT FORM
*************************************/

#contact_form input,
#contact_form textarea { border: 1px solid #c3c0b0;  margin-top: 10px;}

/* PORTFOLIO PAGES
*************************************/

#portslides {
background-color: #DBD9D0;
color: inherit;
padding: 20px 10px;
text-align: center;
width: 590px;
margin: 15px auto 40px auto;
border-top: 5px solid #AE260B;
}

#portslides img { border: 1px solid #C3C0B0; }
p#sitelink {text-align: right; }

#sidebar blockquote { padding: 0 0 0 2em; border-left: 1px dashed #ae260b; margin-bottom: 4em; }
#sidebar blockquote p.testimonial { font-family: Georgia, serif; font-size: 1.2em; color: #859F09; background-color: inherit; }
#sidebar blockquote p.testimonial_source { font-size: 1em; padding-left: 1.5em; padding-bottom: 0; }