@charset "utf-8";

/* RESET - If this doesn't work, take out the cartridge and blow on it*/
/* ----------------------------------------- */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border: none }

a
{
    font-family:@Arial Unicode MS;
}

.clear {
clear: both;
}

.image-text {
height: 1px;
width: 1px;
margin: -9999px;
}

html, body {
height: 100%;
font-family: Georgia, "Times New Roman", Times, serif;
color: #ffffff;
font-size: 1em;
line-height: 1.1em;
}

/* START - Let's do this thing */
/* ----------------------------------------- */


/* GENERAL STYLES */
/* ----------------------------------------- */

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -92px;
}

.push {
height: 92px;
}

#header {
height: 106px;
background-image:url(/images/header-bg.jpg);
background-repeat: repeat-x;
}

#header-container {
position: relative;
margin: 0px auto;
width: 960px;
height: 106px;
background-image:url(/images/header-bg.jpg);
background-repeat: repeat-x;
}

#logo {
position: absolute;
bottom: 0px;
left: 0px;
width: 268px;
height: 106px;
}

#header-text {
float: right;
width: 355px;
margin: 18px 0px 18px 0px;
font-size: .8em;
line-height: 1.4em;
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
text-align: left;
font-weight: bold;
}

#navbar {
position: absolute;
right: 1px;
bottom: 0px;
width: 343px;
height: 36px;
background-image:url(/images/nav-line.jpg);
background repeat: none;
background-color: #2c8f2c;
}

#navbar li {
display: inline;
height: 36px;
list-style: none;
}

#contact {
position: absolute;
left: 229px;
}

#about {
position: absolute;
left: 0px;
}

#staff {
position: absolute;
left: 116px;
}

#container {
margin: 0px auto;
width: 960px;
background: #ffffff;
overflow: hidden;
}

#footer {
height: 92px;
background-image:url(/images/footer-bg.jpg);
background-repeat: repeat-x;
}

#footer-container {
margin: 0px auto;
width: 960px;
height: 92px;
background-image:url(/images/footer-bg.jpg);
background-repeat: repeat-x;
background-color: #258823;
}

#copyright {
margin-top: 8px;
float: left;
}

#copyright-year {
font-family: "Times New Roman", Times, serif;
}

#contact-info {
margin-top: 4px;
text-align: right;
font-size: 1.2em;
float: right;
}

#contact-info a {
color: #ffffff;
text-decoration: none;
}

#contact-info a:hover {

text-decoration: underline;
}

#phone {
font-size: 1.4em;
line-height: 1.1em;
font-family: "Times New Roman", Times, serif;
}

/* HOME PAGE */
/* ----------------------------------------- */

#family-photo {
float: right;
width: 342px;
height: 261px;
background-image:url(/images/clouds.jpg);
background-repeat: none;
border-right: solid 1px #dddddd;
border-left: solid 1px #dddddd;
}

#quote-box {
margin: 70px 20px 20px 20px;
width: 559px;
float: left;
}

#quote-box p {
padding: 30px 20px 10px 29px;
font-size: 1.4em;
line-height: 1.3em;
color: #82c782;
}
.quotes-start {
float: left;
width: 30px;
height: 22px;
background-image:url(/images/quotes-start.jpg);
background-repeat: none;
}

.quotes-end {
float: right;
width: 30px;
height: 22px;
background-image:url(/images/quotes-end.jpg);
background-repeat: none;
}

#middle-divider {
width: 958px;
height: 36px;
background-image: url(/images/middle-bg.jpg);
background-repeat: repeat-x;
border: solid 1px #dddddd;
}

#left-box {
margin: 20px 10px 20px 0px;
float: left;
width: 380px;
}

#left-box h2 {
font-size: 1.3em;
line-height: 1.2em;
color: #5a9e5a;
}

#left-box p {
font-size: 1em;
line-height: 1.45em;
color: #78be78;
}

#learn-more {
margin-top: 18px;
float: right;
width: 149px;
height: 81px;
}

#right-box {
float: right;
width: 513px;
font-size: 1em;
color: #ababab;
}

#upper-right {
margin: 14px 0px 0px 0px;
width: 513px;
}

#consulting {
width: 513px;
height: 29px;
background-image: url(/images/consulting-top.jpg);
background-repeat: no-repeat;
}

#industries {
width: 513px;
height: 29px;
background-image: url(/images/industries-top.jpg);
background-repeat: no-repeat;
}

#upper-right ul {
padding-left: 26px;
width: 485px;
border-left: solid 1px #d4d4d4;
border-right: solid 1px #d4d4d4;
}

#upper-right ul li {
padding-left: -26px;
line-height: 1.2em;
font-size: .95em;
list-style: url(/images/bullet.jpg);
}

.border-bottom {
width: 513px;
height: 14px;
background-image: url(/images/box-border-bottom.jpg);
background-repeat: no-repeat;
}

#bottom-right {
margin: 10px 0px 20px 0px;
width: 513px;
}

#products {
width: 513px;
height: 29px;
background-image: url(/images/products-top.jpg);
background-repeat: no-repeat;
}

#bottom-right p {
font-size: .95em;
padding: 0px 10px 0px 10px;
width: 491px;
border-left: solid 1px #d4d4d4;
border-right: solid 1px #d4d4d4;
}

/* ABOUT PAGE */
/* ----------------------------------------- */

#about-us {
float: left;
margin: 26px 0px 20px 0px;
width: 513px;
}

#about-heading {
width: 513px;
height: 29px;
background-image: url(/images/about-top.jpg);
background-repeat: no-repeat;
}

#about-us p {
padding: 0px 10px 0px 10px;
width: 491px;
border-left: solid 1px #d4d4d4;
border-right: solid 1px #d4d4d4;
font-size: 1em;
line-height: 1.2em;
color: #ababab;
}

#about-photo {
float: right;
width: 342px;
height: 261px;
background-image:url(/images/about-image.jpg);
background-repeat: none;
border-right: solid 1px #dddddd;
border-left: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
}

/* STAFF PAGE */
/* ----------------------------------------- */

#eric-image {
margin: 34px 0px 0px 0px;
float: left;
width: 150px;
height: 225px;
background-image: url(/images/ericstanding.jpg);
background-repeat: no-repeat;
border: solid 1px #d4d4d4;
}

#about-eric {
float: right;
margin: 26px 44px 0px 0px;
width: 730px;
}

.break {
line-height: .5em;
}

.eric-header {
font-size: 1.1em;
line-height: 1em;
color: #949494;
}

#about-eric p {
padding: 0px 10px 0px 10px;
width: 708px;
border-left: solid 1px #d4d4d4;
border-right: solid 1px #d4d4d4;
font-size: .95em;
line-height: 1em;
color: #ababab;
}

#eric-heading {
width: 730px;
height: 29px;
background-image: url(/images/eric-heading.jpg);
background-repeat: no-repeat;
}

.border-bottom-long {
width: 730px;
height: 14px;
background-image: url(/images/box-border-bottom-long.jpg);
background-repeat: no-repeat;
}

#references { 
float:right;
margin: 20px 44px 20px 0px;
width: 730px;
}

#references-heading {
width: 730px;
height: 29px;
background-image: url(/images/references-top.jpg);
background-repeat: no-repeat;
}

#references p {
padding: 0px 10px 0px 10px;
width: 708px;
border-left: solid 1px #d4d4d4;
border-right: solid 1px #d4d4d4;
font-size: .95em;
line-height: 1em;
color: #ababab;
}

.italic-date {
font-style: italic;
}

.referencer {
font-size: 1em;
line-height: 1.3em;
color: #949494;
}

/* CONTACT PAGE */
/* ----------------------------------------- */

#contact-left {
float: left;
margin: 26px 0px 20px 0px;
width: 513px;
}

#phone-outer {
margin: 20px 0px 0px 0px;
}

#phone-outer p {
padding: 0px 10px 0px 20px;
width: 481px;
border-left: solid 1px #d4d4d4;
border-right: solid 1px #d4d4d4;
font-family: "Times New Roman", Times, serif;
font-size: 1.4em;
line-height: 1.4em;
color: #ababab;
}

#phone-heading {
width: 513px;
height: 29px;
background-image: url(/images/phone-top.jpg);
background-repeat: no-repeat;
}

#email-outer {
margin: 20px 0px 0px 0px;
}

#email-outer p {
padding: 0px 10px 0px 20px;
width: 481px;
border-left: solid 1px #d4d4d4;
border-right: solid 1px #d4d4d4;
}

#email-outer p a {
line-height: 1.4em;
font-size: 1.4em;
color: #ababab;
text-decoration: none;
}

#email-outer p a:hover {
color: #5a9e5a;
}

#email-heading {
width: 513px;
height: 29px;
background-image: url(/images/email-top.jpg);
background-repeat: no-repeat;
}

#contact-box {
margin: 20px 0px 20px 0px;
}

#form-heading {
width: 513px;
height: 29px;
background-image: url(/images/form-top.jpg);
background-repeat: no-repeat;
}

#contact-inner-box {
padding: 0px 10px 0px 20px;
width: 481px;
border-left: solid 1px #d4d4d4;
border-right: solid 1px #d4d4d4;
}

.contact-headings {
line-height: 1.4em;
font-size: 1.3em;
color: #ababab;
}

#name {
height: 24px;
}

#phone-field {
height: 24px;
}

#email {
height: 24px;
}

#comment {
height: 100px;
width: 300px;
}

#form-button {
margin: 14px 0px 0px 0px;
}

#contact-photo {
float: right;
width: 342px;
height: 261px;
background-image:url(/images/contact-image.jpg);
background-repeat: none;
border-right: solid 1px #dddddd;
border-left: solid 1px #dddddd;
border-bottom: solid 1px #dddddd;
}