body *{margin: 0; padding: 0;}
body
  {
    width: 974px;
    margin: auto;
    background-color: #DBF799;
    font-family: helvetica, arial, sans-serif;
  }

/*-------------Header and Navigation-------------*/
div#utility-bar
  {
  float: left;
  height: 12px;
  width: 934px;
  margin: 4px 20px;
  font-size: 8pt;
  text-align: right;
  }

div#utility-bar ul li
  {
  display: inline;
  color: #424846;
  }
  
div#utility-bar a
  {
  color: #99A9AD;
  text-decoration: none;
  }
div#utility-bar a:hover
	{
	color: #424846;
	}
 
div#header-home
  {
  float: left;
  width: 934px;
  margin: 8px 20px;
  }
div#hotshotBox
  {
  float: right;
  width: 324px;
  height: 124px;
  background: transparent url(images/hotshot/hotshot-bg.jpg) no-repeat;
  text-align: center;
  }
div#hotshotBox a
  {
  text-decoration: none;
  color: #F7F9F9;
  }
div#hotshotBox a:hover
  {
  color: #EAEFEF;
  }
div#hotshotBox h4
  {
  padding: 20px;
  padding-top: 30px;
  }  
div#header
  {
  float: left;
  width: 934px;
  height: 70px;
  margin: 8px 20px 0;
  }

div#navigation
  {
  float: left;
  width: 974px;
  margin: 15px 0 2px;
  padding-bottom:	1px;  
  }
div#main-container div.homenav
  {
  padding-bottom: 5px;
  }
#navigation ul
  {
  margin-left: 20px;
  }
#navigation ul li
  {
  display: inline;
  padding: 0 10px;
  height: 10px;
  background: transparent url(images/layout/navdivider.gif) no-repeat scroll left;
  font-size: 10pt;
  font-weight: bold;
  text-shadow:2px 2px 1px #EFEFEF;
  }
div#navigation ul li a
  {
  color: #8ABC42;
  text-decoration: none;
  }
div#navigation a:hover
  {
  color: #4A504E;
  }
div#navigation li#currentpage a
	{
	color: #4A504E;
	}


div#subnavPortfolio
  {
  float: left;
  width: 974px;
  background-color: #8ABC42;
  padding: 2px 0 5px 0;
  border-top: 4px solid #4C585B;
  }
div#subnavPortfolio ul li
  {
  display: inline;
  padding: 0 10px;
  font-size: 10pt;
  font-weight: bold;

  }
div#subnavPortfolio ul li a
  {
  color: #4C585B;
  text-decoration: none;
  }
div#subnavPortfolio ul li a:hover
  {
  color: #FFFFFF;
  }  
div#subnavPortfolio li#currentsub a
  {
  color: #FFFFFF;
  }

/*-------------Content-------------*/
h3
  {
  font-size: 16pt;
  color: #8ABC42;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  }
h2
  {
  font-size: 18pt;
  color: #8ABC42;
  font-weight: normal;
  font-family: helvetica, arial, sans-serif;
  }
h1
  {
  font-size: 16pt;
  color: #8ABC42;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  }
h4
  {
  font-size: 1.5em;
  color: #424846;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  }
p
  {
  font-size: 10pt;
  color: #424846;
  }
a
  {
  color: #683323;
  }
a:hover
  {
  color: #424846;
  }
h2 a
  {
  color: #8ABC42;
  text-decoration: none;
  }
h2 a:hover
  {
  text-decoration: underline;
  color: #424846;
  }
a img
  {
  border: none;
  }
div#main-container
  {
  width: 974px;
  margin: auto;
  background-color: #FFFFFF;
  border-top: 1px solid #8ABC42;
  border-left: 1px solid #8ABC42;
  border-right: 1px solid #8ABC42;
  clear: both;
  -moz-box-shadow:	0 3px 6px #4D5A39;
  -webkit-box-shadow:	0 3px 6px #4D5A39;
  box-shadow:	0 3px 6px #4D5A39;
  }
span.headercomment
  {
  font-size: 10pt;
  color: #6E7472;
  }
span.coloremphasize
  {
  color: #683323;
  }
  
#navigation ul li.first, #content li.first
  {
  background: none;
  }


/*-------------Home Page-------------*/

div#service-box
  {
  float: left;
  width: 974px;
  background-color: #4A504E;
  border-top: 1px solid #282824;
  border-bottom: 1px solid #282824;
  }
div.service
  {
    width: 234px;
    float: left;
    text-align: center;
    border-right: 1px dotted #6E7472;
    background-color: #424846;
  }
div.service a
	{
	text-decoration: none;
	}
div.service-first
  {
  margin-left: 18px;
  border-right: 1px dotted #6E7472;
  border-left: 1px dotted #6E7472;
  }
div.service h2 a:hover
  {
  color: #8ABC42;
  text-decoration: none;
  }
div.service img
  {
  margin: 12px 0;
  border: none;
  }
div.service p
  {
  margin: 10px 0;
  padding: 0 15px;
  color: #EBE7E4;
  }
div.service p a
  {
  color: #EBE7E4;
  }
div.service img.thumbnail
  {
  border: 2px solid #353C3A;
  color: #EBE7E4;

  }
div.service a:hover img.thumbnail
  {
  border: 2px solid #8ABC42;
  }

div#leftcolumn-home
  {
  margin-left: 25px;
  float: left;
  width: 555px;
  
  }
/* background: transparent url(images/layout/leftright-divider.gif) no-repeat scroll center right; */


div#rightcolumn-home
  {
  padding: 0 25px;
  float: left;
  width: 343px;
  background-color: #F2FFDB;
  border-left: 1px dotted black;
  height: 620px;
  }
div#rightcolumn-home h2
	{
	font-size: 12pt;
	font-weight: bold;
	color: #683323;
	}
div#leftcolumn-home h3, div#rightcolumn-home h3
  {
  font-size: 19pt;
  font-weight: bold;
  margin: 15px 0 10px 0;
  }

div#leftcolumn-home dl, div#leftcolumn-home dt, div#leftcolumn-home dt img, div#leftcolumn-home dd
  {
  float: left;
  font-size: 11pt;
  color: #4C585B;
  
  }
div#leftcolumn-home dt
  {
  width: 35px;
  clear: left;
  margin: 12px 10px;
  }
div#leftcolumn-home dd
  {
  width: 475px;
  margin: 12px 0;
  }
div#leftcolumn-home p
  {
  width: 530px;
  }
  
div#leftcolumn-home img.question-icon
  {
  margin: 20px 0 0 32px;
  border: 1px solid #424846;
  }
div#leftcolumn-home img.question-icon-first
  {
  margin: 20px 0 0 0;
  }
div#rightcolumn-home img
  {
  margin: 10px 0;
  border: 1px solid #424846;
  }
  
p.blogDate
	{
	font-style: italic;
	color: #6E7472;
	margin-bottom: 4px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #424846;
	}
  
/*-------------Portfolio-------------*/
div#title-window
  {
  height: 100px;
  clear: both;
  margin-bottom: 25px;
  border-bottom: 1px solid #383736;
  border-top: 1px solid #383736;
  }
div#title-window h3
  {
  font-size: 42pt;
  color: #8ABC42;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  margin-left: 20px;
  padding-top: 20px;
  line-height: 50px;
  
  }
div#title-window h4
  {
  font-size: 16pt;
  color: #424846;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  margin-left: 25px;
  line-height: 20px;
  }

.portfolioBG
  {
  background: #EEEEEE url(images/layout/portfolio-header.jpg) no-repeat scroll top center;
  }
.webBG
  {
  background: #EEEEEE url(images/layout/web-header.jpg) no-repeat scroll top center;
  }
.printBG
  {
  background: #EEEEEE url(images/layout/print-header.jpg) no-repeat scroll top center;
  }
.brandingBG
  {
  background: #EEEEEE url(images/layout/branding-header.jpg) no-repeat scroll top center;
  }
.illustrationBG
  {
  background: #EEEEEE url(images/layout/illustration-header.jpg) no-repeat scroll top center;
  }
.quoteBG
  {
  background: #EEEEEE url(images/layout/quote-header.jpg) no-repeat scroll top center;
  }
.blogBG
  {
  background: #EEEEEE url(images/layout/blog-header.jpg) no-repeat scroll top center;
  }
.projectsBG
  {
  background: #EEEEEE url(images/layout/projects-header.jpg) no-repeat scroll top center;
  }
.contactBG
  {
  background: #EEEEEE url(images/layout/contact-header.jpg) no-repeat scroll top center;
  }
.faqBG
  {
  background: #EEEEEE url(images/layout/faq-header.jpg) no-repeat scroll top center;
  }
.aboutBG
  {
  background: #EEEEEE url(images/layout/about-header.jpg) no-repeat scroll top center;
  }

div#content
  {
  width: 924px;
  margin: 0 25px 25px;
  float: left;
  }
div.portfolioBox
  {
  float: left;
  width: 924px;
  height: 280px;
  background-color: #F2FFDB;
  border: 1px solid #683323;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  -moz-box-shadow: 1px 1px 5px #E7E7E7;
  -webkit-box-shadow: 1px 1px 5px #E7E7E7;
  box-shadow: 1px 1px 5px #E7E7E7; 
  margin-bottom: 25px;
  }

div.portfolioBox img, div.portfolioDetails
  {
  float: left;
  }
div.portfolioBox #button
  {
  width: 120px;
  }
div.portfolioDetails
  {
  margin: 20px 14px 0 0;
  width: 250px;
  }
div.portfolioDetails h3
  {
  font-weight: bold;
  margin-bottom: 5px;
  }
div.portfolioDetails h3 a
  {
  color: #8ABC42;
  text-decoration: none;
  }
div.portfolioDetails h3 a:hover
  {
  color: #424846;
  text-decoration: underline;
  }
div.portfolioBox img
  {
  margin: 20px 30px 0 20px;
  }
div.portfolioBox p a
  {
  color: #8ABC42;
  font-size: 9pt;
  font-weight: normal;
  font-family: helvetica, arial, sans-serif;
  
  }
div.portfolioBox p
  {
  margin-bottom: 5px;
  }
div.portfolioDetails h2
  {
  font-size: 11pt;
  color: #99A9AD;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  }



/*-------------Other Projects-------------*/
div#content h2.comingsoon
  {
  text-align: center;
  }
div.project
  {
  padding-bottom: 30px;
  float: left;
  }
div.project p
	{
	font-size: 1em;
  line-height: 1.3;
  margin-bottom: 10px;
  clear: both;
	}
div.project img
  {
  float: left;
  }
div.projectdetails
  {
  float: left;
  width: 300px;
  margin-right: 14px;
  }
div.projectdetails h2
  {
  padding: 10px 0;
  }
img.projectLogo
	{
	margin-bottom: 10px;
	}
img.snapshot
	{
	margin-bottom: 20px;
	}
.project p.caption
	{
	font-style: italic;
	font-size: .9em;
	}
	
/*-------------Contact-------------*/
div#contactleft, div#contactright
  {
  float: left;
  width: 417px;
  margin-top: 20px;
  background-color: #F2FFDB;
  border: 1px solid #99A9AD;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  padding: 10px;
  }
div#contactleft h3, div#contactright h3
  {
  font-size: 1.6em;
  margin-bottom: 10px;
  }
div#contactleft form p
  {
  float: left;
  font-size: .8em;
  font-weight: bold;
  font-style: italic;
  width: 356px;
  padding: 3px 30px;
  }

div#contactleft form input, div#contactleft form select, div#contactleft form textarea
  {
  margin-left: 10px;
  float: right;
  width: 240px;
  }
div#contactleft form label
  {
  float: left;
  }
div#contactleft #submit
  {
  width: 90px;
  }
div#contactright
  {
  margin-left: 46px;
  }
p.notice
  {
  font-style: italic;
  font-weight: bold;
  text-align: center;
  color: #424846;
  }

/*-------------FAQ-------------*/
dl#faq
  {
  width: 660px;
  margin-left: 34px;
  float: left;
  }
dl#faq dt
  {
  font-size: 1.1em;
  font-weight: bold;
  color: #424846;
  }
dl#faq dd, dl#faq dd p
  {
  font-size: 1em;
  color: #262E30;
  margin-bottom: 10px;
  line-height: 1.3em;
  }
ul#faqlist
  {
  float: left;
  width: 208px;
  background-color: #F2FFDB;
  border: 1px solid #683323;
  padding: 10px;
  }
ul#faqlist li
  {
  font-size: .8em;
  list-style: none;
  margin-bottom: 3px;
  }
ul#faqlist li a
  {
  text-decoration: none;
  }
ul#faqlist li a:hover
  {
  color: #8ABC42;
  }
  
/*-------------Blog-------------*/

h2.storytitle
  {
  color: #8ABC42;
  font-size: 1.9em;
  font-weight: bold;
  }
h2.storytitle a
  {
  color: #8ABC42;
  text-decoration: none;
  }
div#content div.post div.postHolder
  {
  width: 600px;
  margin: 0 10px 10px;
  }
div#content div.postHolder h3
  {
  margin: 6px 0;
  }
div#content div.postHolder img
	{
	float: right;
	padding: 10px;
	}
div#blogLeftCol,div#blogRightCol
  {
  float: left;
  }
div#blogLeftCol
  {
  margin-right: 44px;
  width: 622px;
  }
div#blogRightCol
  {
  height: 100%;
  padding: 10px;
  background-color: #F2FFDB;
  border: 1px dotted black;
  width: 200px;
  }
div#blogRightCol h4
  {
  font-style: italic;
  }
div#blogRightCol li h1
  {
  font-size: 1em;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  }
div#blogRightCol li a
  {
  color: #4C585B;
  text-decoration: none;
  }
div#blogRightCol span.continueRead a:hover
  {
  color: #FFFFFF;
  }

div#blogRightCol li
  {
  list-style: none;
  border-top: 1px dotted #99A9AD;
  padding-left: 10px;
  font-size: .8em;
  }
  
div#menu li
  {
  list-style: none;
  }

div#menu ul li ul li
  {
  margin-top: 0;
  font-size: .8em;
  }

div.postFooter
  {
  background-color: #E1D9CA;
  border-top: 1px dotted #4C4C4B;
  border-left: 1px dotted #4C4C4B;
  border-right: 1px dotted #4C4C4B;
  height: 22px;
  padding: 5px 10px 0 10px;
  }

div.postFooter p a
  {
  text-decoration: none;
  color: #383736;
  float: left;
  padding: 0 10px;
  margin: 0 6px;
  background-color: #F7F9F9;
  border: 1px solid #262E30;

  }
div.postFooter p a:hover
  {
  color: #F7F9F9;
  background-color: #383736;
  }

div.postRelated
  {
  background-color: #F1EDE1;
  width: 600px;
  padding: 5px 10px;
  margin: 0 0 10px;
  border: 1px dotted #4C4C4B;
  }

div.postRelated ul
  {
  margin-left: 15px;
  }  
div.postRelated ul li
  {
  list-style: none;
  margin: 5px 0 3px;
  padding: 2px 0 0;
  border-top: 1px dotted #4C4C4B;
  } 
div.postRelated ul li a
  {
  color: #6E7472;
  font-weight: bold;
  text-decoration: none;
  font-size: 1em;
  }
div.postRelated ul li a:hover
  {
  color: #94BA4A;
  text-decoration: underline;
  }      
p.postRelatedHeader
	{
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	color: #424846;
	}
span.paginationLeft
	{
	float: left;
	}
span.paginationRight
	{
	float: right;
	}
div#paginationHolder a
	{
	border: 1px solid #4C4C4B;
	padding: 3px;
	background-color: #F2FFDB;
	font-weight: bold;
	text-decoration: none;
	font-size: .9em;
	}
div#paginationHolder a:hover
	{
	background-color: #424846;
	color: #F2FFDB;
	}
p.excerptMore
	{
	text-align: right;
	}
p.excerptMore a
	{
	text-decoration: none;
	border: 1px solid #4C4C4B;
	padding: 3px;
	background-color: #FFF;
	font-weight: bold; 
	}
p.excerptMore a:hover
	{
	background-color: #4C4C4B;
	color: #FFF;
	}

p.noArticle
	{
	text-align: center;
	font-size: 1.2em;
	color: #AAAAAA;
	margin-top: 25px;
	}

/*-------------About-------------*/
div#contentLeft, div#contentRight
  {
  float: left;
  width: 417px;
  margin-top: 10px;
  
  }
div#contentLeft h3, div#contentRight h3
  {
  font-size: 1.3em;
  margin-bottom: 10px;
  }
div#aboutContent div#contentLeft p, div#aboutContent div#contentRight p
  {
  font-size: 1em;
  line-height: 1.3em;
  margin-bottom: 16px;
  }
div#contentRight
  {
  margin-left: 90px;
  }


/*-------------Services Page-------------*/
p.printfrnd
  {
  text-align: right;
  font-size: .8em;
  }

p.printfrnd a
  {
  color: #99A9AD;
  }

.servicesList h3
  {
  font-size: 1em;
  color: #99A9AD;
  font-weight: bold;
  font-style: normal;
  font-family: helvetica, arial, sans-serif;
  color: #424846;
  padding-left: 50px;
  background: transparent url(images/layout/bg-line.gif) repeat-x scroll center;
  }
.servicesList span.noline
  {
  padding: 0 8px;
  background-color: #FFF;
  }
ul#servicesQuickNav
  {
  text-align: center;
  margin: 10px 0 35px 0;
  }
ul#servicesQuickNav li
  {
  display: inline;
  padding: 0 10px;
  font-size: 9pt;
  font-weight: bold;
  background: transparent url(images/layout/navdivider.gif) no-repeat scroll left;
  }
ul#servicesQuickNav li a
  {
  text-decoration: none;
  }
ul#servicesQuickNav li a:hover
  {
  text-decoration: underline;
  }
div.serviceDetails
  {
  margin: 20px 0 20px 20px;
  padding: 10px;
  background-color: #F2FFDB;
  border: 1px dotted #683323;
  overflow: auto; 
  }
div.serviceBlock
  {
  clear: both;
  }
div.serviceBlock h2
  {
  font-weight: bold;
  line-height: 20px;
  }
div.serviceBlock h3
  {
  color: #8ABC42;
  font-weight: bold;
  margin-top: 5px;
  padding-left: 25px;
  background: none;
  }
div.serviceBlock p
  {
  font-size: 11pt;
  color: #99A9AD;
  float: left;
  background-color: #F2FFDB;
  padding-right: 8px;
  }

div.timeWrap
  {
  border-bottom: 1px dotted #99A9AD;
  height: 14px;
  }
div#contentLeft p.serviceTime
  {
  float: right;
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #8ABC42;
  padding: 0 0 0 8px;

  }


/*-------------Quote-------------*/
div#content div.quotebox
  {
  background-color: #F2FFDB;
  border: 1px solid #683323;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  -moz-box-shadow: 1px 1px 5px #E7E7E7;
  -webkit-box-shadow: 1px 1px 5px #E7E7E7;
  box-shadow: 1px 1px 5px #E7E7E7; 
  padding: 10px;
  width: 250px;
  margin-left: 30px;
  }
.quotebox h4
	{
	font-style: italic;
	}
.quotebox p
	{
	margin-left: 10px;
	}
.quotebox div#estimate h3
	{
	margin-top: 5px;
	margin-bottom: 0;
	}
#button
  {
  color: #4C585B;
  background-color: #E6EFC2;
  border: 1px solid #C6D880;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 1px;
  width: 74px;
  margin: 5px 0 0 30px;
  cursor: pointer;
  float: right;
  font-weight: bold;
  }
#button:hover
  {
  color: #4C585B;
  background-color: #fce14d;
  border: 1px solid #99A9AD;
  }
div.project #button
  {
  width: 180px;
  }
div#content div.quoteservices
  {
  width: 622px;
  }
div#contentLeft div.checkbox
  {
  float: left;
  margin-top: 12px;
  }
div.multiplierBlock
  {
  clear: both;
  float: left;
  margin-top: 3px;
  }
div.multiplierBlock h2
  {
  font-size: 1.1em;
  }
div.multiplierDetails
  {
  float: left;
  margin-left: 10px;
  width: 550px;
  }
div#contentLeft div.multiplierBlock div.checkbox
  {
  margin-top: 2px;
  }

/*-------------Footer-------------*/
div#footer
  {
  height: 120px;
  background-color: #8ABC42;
  border-top: 4px solid #4C585B;
  }
div#footer p
  {
  font-size: 9pt;
  }

div.footer-content
  {
  float: left;
  margin: 12px 0 10px 20px;
  height: 110px;
  }
div#footer p#copyright
  {
  font-size: 8pt;
  margin-top: 4px;
  }
div#footer dl
  {
  float: left;
  font-size: 8pt;
  margin: 0 18px;
  }
div#footer dt
  {
  color: #FFFFFF;
  }
div#footer dd a
  {
  text-decoration: none;
  color: #000000;
  }
div#footer dd a:hover
  {
  color: #424846;
  }
div.footer-last
  {
  width: 300px;
  text-align: right;
  }