@import url(../reset.css);
@import url(base.css);
@import url(typography.css);
@import url(home.css);

html { margin: 0px; background: url(../../images/shared/main_bckgrnd.jpg) repeat-x top center #C0B079 }

body { width: 1036px; margin: 0px auto; background: url(../../images/shared/hdr_bckgrnd.jpg) no-repeat top center }

h2, h3, h4, h5, h6 { color: #3A6B05 }
h2 { font-size: 180%}
h3 { font-size: 150% }
h4, h5, h6 { font-size: 130% }

/* begin -- set color of links for whole site */
a:link { color: #E8561A }
a:visited { color: #E8561A }
a:hover { color: #E8561A; text-decoration: none }
a:active { color: #E8561A }
/* end -- set color of links for whole site */

#page { background: url(../../images/shared/.jpg) no-repeat top center }

#header { position: relative; width: 976px; height: 129px; margin: 0px auto; border-bottom: solid 0px green }
#header h1 { position: absolute; left: 4px; top: 89px; width: 354px; height: 40px; margin: 0px }
#header h1 a { display: block; width: 354px; height: 40px; text-indent: -99999em; background: url(../../images/shared/logo.gif) no-repeat 0px 0px }

#main_nav { position: absolute; right: 5px; top: 87px; height: 31px; margin: 0px }
#main_nav li { float: left; height: 31px; margin: 0px; line-height: 31px; list-style-type: none }

#main_nav li a { display: block; float: left; height: 25px; padding: 6px 18px 0px 18px; background-color: #3D3425; text-decoration: none; color: #fff; font: bold 115% Times, serif; text-transform: uppercase }
#main_nav li a:hover { background: url(../../images/shared/nav_hover_background.png) no-repeat top center transparent }
#main_nav li.on a { background: url(../../images/shared/nav_hover_background.png) no-repeat top center transparent }

#utility_nav { position: absolute; top: 23px; right: 10px; margin: 0px; font: bold 85% Verdana, Geneva, Arial, Helvetica, sans-serif }
#utility_nav li { float: left; margin: 0px 0px 0px 7px; padding: 0px 0px 0px 7px; border-left: solid 2px #9F9D02; list-style-type: none; text-transform: uppercase }
#utility_nav li:first-child { margin-left: 0px; padding-left: 0px; border-left: 0px }
#utility_nav li a { text-decoration: none; color: #F7FAB9 }
#utility_nav li a:hover { text-decoration: underline }
#utility_nav li.on a { text-decoration: underline }



#content_area { width: 976px; margin: 0px auto; padding-bottom: 10px; border-top: solid 0px red; background-color: #FFFFF7 }
#content_area div.content_innerwrap { width: 100%; overflow: hidden; background: url(../../images/shared/content_topbckground.gif) no-repeat top center; font: 95% Georgia, Times, serif; color: #3F4409 }

.widecolumn {  background: url(../../images/shared/page_bckground_twoCol.gif) repeat-y top center }
.home {  background: url(../../images/shared/page_bckground_home.gif) repeat-y top center }

#content_area.home #content { width: 490px; padding: 0px 20px 0px 15px; float: left }
#content_area.home #sidebar { width: 398px; padding: 0px 33px 0px 20px; float: right }

#content_area.widecolumn #content { width: 708px; padding: 0px 20px 0px 15px; float: left }
#content_area.widecolumn #sidebar { width: 200px; padding: 0px 23px 0px 10px; float: right }

#footer { width: 956px; margin: 0px auto 10px auto; padding: 15px 10px 0px 10px; height: 58px; background: url(../../images/shared/footer_background.gif) no-repeat top center #3D3425; font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif; color: #F7FAB9 }

#sub_nav { width: 100%; margin: 0px; font-weight: bold; text-transform: uppercase; overflow: hidden }
#sub_nav li { margin: 0px 0px 0px 7px; padding: 0px 0px 0px 7px; border-left: solid 1px #9F9D02; float: left; list-style-type: none }
#sub_nav li:first-child { margin-left: 0px; padding-left: 0px; border: 0px }
#sub_nav li a { text-decoration: none; color: #F7FAB9 }
#sub_nav li a:hover { text-decoration: underline }
#sub_nav li.on a { text-decoration: underline }

p.copyright { margin: 10px 0px 0px 0px }

div.reviews blockquote { min-height: 40px; margin: 0em 0px 1.2em 0px; background: url(../../images/quote01.gif) no-repeat 0px 0px; font-size: 123%; font-weight: bold; text-align: left }
div.reviews blockquote p { margin: 0px 0px 0.3em 0px; color: #3A6B05 }
div.reviews blockquote p em { font-weight: bold }
div.reviews blockquote cite { display: block; margin-top: 1em; font-size: 70%; text-transform: uppercase }

#advanced_reviews h3 { margin-top: 20px }
#advanced_reviews img.bryan_photo { display: block; width: 112px; margin: 20px auto 0px auto }

#advanced_reviews blockquote { min-height: 40px; margin: 0em 0px 1.2em 0px; background: url(../../images/quote01.gif) no-repeat 0px 0px; font-size: 103%; font-weight: bold; text-align: left }
#advanced_reviews blockquote p { margin: 0px 0px 0.3em 0px; color: #3A6B05 }
#advanced_reviews blockquote p em { font-weight: bold }
#advanced_reviews blockquote cite { display: block; margin-top: 1em; font-size: 80%; text-transform: uppercase }