@import url(reset.css);

html { font: normal 62.5% Helvetica, Arial, sans-serif; background-color: #726a56; color: #312106; }
a, a span { color: #803b19; font-weight: bold; }
a:hover { text-decoration: none; }

/* CCS styles */
#content { font-size: 1.6em; line-height: 1.4em; }
#content h1 { font-size: 2.0em; line-height: 1.3em; font-weight: bold; }
#content h2 { font-family: Georgia, Times, serif; color: #803b19; font-size: 2.0em; line-height: 1.3em; font-weight: normal; }
#content h3 { font-family: Georgia, Times, serif; text-transform: uppercase; font-size: 1.1em; line-height: 1.3em; font-weight: normal; }
#content h4 { font-size: 1.1em; line-height: 1.3em; font-weight: bold; }
#content h5 { font-size: 1.0em; line-height: 1.3em; font-weight: bold; }
#content p { }
#content strong, #content b { font-weight: bold; }
#content a { text-transform: uppercase; }

#main h2 { color: #393939; margin-bottom: 30px; }
#main h3 { color: #a64625; border-bottom: 1px solid #a64625; }
#main p { color: #47342d; margin-bottom: 20px; }

.clearer { clear: both; }

.shadow-container { background: url(/images/interface/content_bg.png) left top repeat-y;
                    width: 940px; margin: 0 auto; }
                    
#header { background: url(/images/interface/header_bg.png) left top repeat-x;
          height: 192px; }
#header #masthead { background: url(/images/interface/header_masthead.jpg) left top;
                    width: 882px; height: 152px; margin: 0 auto; }
#header #masthead h1.logo a { display: block; width: 450px; height: 0; padding-top: 152px; overflow: hidden; }
#header #masthead p.phone { display: none; }
#header #navigation { background: #803b19; margin: 0 auto; width: 880px; height: 20px;
                      border: 1px solid #4c3e25; border-width: 0 1px; }

#main-nav { float: left; width: 880px; display: block; height: 40px; }
#main-nav li { display: block; float: left; }
#main-nav li a.main-nav-item { display: block; overflow: hidden; height: 0; padding-top: 40px; float: left;
                               background: url(/images/interface/main_nav.png); background-repeat: no-repeat; }
#main-nav #main-nav-home a { width: 95px; background-position: 0px top; }
#main-nav #main-nav-home a:hover { width: 95px; background-position: 0px -40px; }
#main-nav #main-nav-home a.current { width: 95px; background-position: 0px -80px !important; }
#main-nav #main-nav-about_us a { width: 109px; background-position: -95px top; }
#main-nav #main-nav-about_us a:hover { width: 109px; background-position: -95px -40px; }
#main-nav #main-nav-about_us a.current { width: 109px; background-position: -95px -80px !important; }
#main-nav #main-nav-our_services a { width: 133px; background-position: -204px top; }
#main-nav #main-nav-our_services a:hover { width: 133px; background-position: -204px -40px; }
#main-nav #main-nav-our_services a.current { width: 133px; background-position: -204px -80px !important; }
#main-nav #main-nav-getting_started a { width: 163px; background-position: -337px top; }
#main-nav #main-nav-getting_started a:hover { width: 163px; background-position: -337px -40px; }
#main-nav #main-nav-getting_started a.current { width: 163px; background-position: -337px -80px !important; }
#main-nav #main-nav-testimonials a { width: 139px; background-position: -500px top; }
#main-nav #main-nav-testimonials a:hover { width: 139px; background-position: -500px -40px; }
#main-nav #main-nav-testimonials a.current { width: 139px; background-position: -500px -80px !important; }
#main-nav #main-nav-resources a { width: 116px; background-position: -639px top; }
#main-nav #main-nav-resources a:hover { width: 116px; background-position: -639px -40px; }
#main-nav #main-nav-resources a.current { width: 116px; background-position: -639px -80px !important; }
#main-nav #main-nav-contact_us a { width: 125px; background-position: -755px top; }
#main-nav #main-nav-contact_us a:hover { width: 125px; background-position: -755px -40px; }
#main-nav #main-nav-contact_us a.current { width: 125px; background-position: -755px -80px !important; }

#sidenav { font-size: 0.95em; line-height: 1.20em; background-color: #fbf9ec; width: 255px; padding: 15px 35px 15px 0; }
#sidenav h3 { font-size: 1.3em; font-family: Georgia, Times, serif; font-weight: normal; text-transform: uppercase; color: #493918; margin-bottom: 5px; margin-left: 15px; }
#sidenav li div { padding: 7px 10px 4px 15px; }
#sidenav li.current { background-color: #ece3a0; }
#sidenav li.current li { background-color: #fbf9ec; }
#sidenav li.current a { color: #726a56; text-decoration: none; }
#sidenav li.current li a { color: #803b19; text-decoration: underline; }
#sidenav li.submenu { padding-left: 25px; font-size: 0.85em; }

#main-content ul { list-style-type: disc; padding: 10px 50px; }
#main-content ol { list-style-type: decimal; padding: 10px 50px; }
#main-content li { margin-bottom: 10px; }

#feature-list ul { list-style-type: none; padding: 0; }
#feature-list .thumb { width: 106px; position: absolute; border: 7px solid #fff; }
#feature-list h5, #feature-list p.summary { width: 385px; margin: 0 0 0 135px; }
#feature-list h5 { font-family: Georgia, Times, serif; color: #830000; text-transform: uppercase; font-weight: normal; font-size: 1.2em; line-height: 1.2em; margin-bottom: 10px; }
#feature-list p.summary { font-size: 0.90em; line-height: 1.25em; color: #312106; margin-bottom: 0; }
#feature-list li { min-height: 106px; padding-bottom: 15px; margin-bottom: 15px; }


#content { background: url(/images/interface/body_bg.png) left top repeat-x;
           position: relative; z-index: 0; }
#content .shadow-container { min-height: 200px; padding: 20px 50px 0; width: 840px; }

a.file-pdf { background-image: url('/images/interface/icon_pdf.gif'); padding-right: 25px; background-position: right top; background-repeat: no-repeat; }

#main-content { float: left; width: 520px; margin-right: 30px;
                position: relative; z-index: 2; }
#main-content blockquote { width: 200px; font-family: Georgia, Times, serif; color: #803B19; float: right; margin: 0 0 20px 20px; font-style: italic; font-size: 1.3em; line-height: 1.4em; }
#main-content .graphic { background-color: #fff; padding: 10px; }
#main-content .photo { font-size: 0.75em; line-height: 1.24em; color: #803B19; background-color: #fff; float: left; margin: 0 20px 20px 0; padding: 10px; }

#right-sidebar { float: left; width: 290px; }

#right-sidebar .information { font-size: 0.77em; line-height: 1.40em; background-color: #fbf9ec; padding: 15px; width: 260px; height: 130px; }
#right-sidebar .information h3 { font-size: 1.3em; font-family: Georgia, Times, serif; font-weight: normal; text-transform: uppercase; color: #830000; margin-bottom: 5px; }

#sidebar-info { background: url('/images/interface/dot_horizontal.gif') top left repeat-x; padding: 20px 0; margin: 20px 0 0 15px; font-size: 0.85em; }
#sidebar-info h4 { text-transform: uppercase; }

#footer { background: url(/images/interface/footer_bg.png) left top no-repeat;
          position: relative; width: 840px; height: 90px; margin: 0 auto; padding: 52px 50px 0 50px;
          font-size: .75em; line-height: 1.3em; z-index: 1; }
#footer .title { font-family: Georgia, Times, serif; font-size: 1.4em; margin-bottom: 3px; }
#footer a, #footer a span { font-weight: normal; text-transform: none; }
#footer .contact-info { width: 655px; float: left; }
#footer .site-info { width: 180px; float: right; }

#footer #decoration { background: url(/images/interface/bamboo.png) left top no-repeat;
                      width: 283px; height: 294px;
                      position: absolute; right: 34px; bottom: 106px; z-index: 1; }
body.home #footer #decoration { display: none; background: none; }


/* [=forms]
****************************************/
#content form.form fieldset { padding: 8px 10px 8px 130px; }
#content form.form fieldset * { vertical-align: middle; }
#content form.form label { font-family: Tahoma, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.85em; float: left; width: 120px;  margin-right: -100%; margin-left: -120px; }
#content form.form div.separator { border-bottom: 1px solid #d7ce89; height: 1px; margin: 5px 0 6px 0; text-indent: -9999em; }
#content form.form fieldset div.separator { margin-left: -130px; margin-right: -16px; }
#content form.form div.required { width: 25px; text-align: right; float: right; font-size: 10px; font-style: italic; }
#content form.form select,
#content form.form input.text,
#content form.form textarea { background-color: #f5f1e1; border: 0; height: 20px; padding: 3px 3px 0; width: 100%; font-size: 15px; }
#content form.form textarea { vertical-align: text-top; }
#content form.form input.submit { margin: 8px auto 0; display: block; width: 132px; height: 35px; }
#content form.form select { padding: 4px; height: 30px; }
#content form.form .checkbox-pair { position: relative; padding-left: 25px; }
#content form.form .checkbox-pair input { position: absolute; top: -1px; left: 0; }
#content form.form label.checkbox { float: none; margin-left: 0; margin-right: 0; line-height: 1.5; }
#content form.form .form-notice { padding: 10px; border: solid 3px #dedede; font-size: 110%; }

#content .error { font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; color: red; margin: 0 0 10px 0; border-bottom: dotted red 1px; padding: 10px; }
#content .notice { font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: bold; color: #0e7b15; margin: 0 0 10px 0; border-bottom: dotted #0e7b15 1px; padding: 10px; }


.sidebar_testimonials { width: 290px; height: 220px; margin-top: 20px; position: relative; z-index: 3; }
.sidebar_testimonial { position: absolute; z-index: 9; }
.sidebar_testimonials p { width: 290px; font-size: 0.8em; text-align: center; z-index: 10; position: absolute; left: 0; top: 180px; }