/* reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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 {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:'';}
abbr,acronym {border:0;}

/* fonts.css - Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
table {font-size:inherit;font:100%;}
/* 99% for safari; 100% is too large */
select, input, textarea {font:99% arial, helvetica, clean, sans-serif;}
/*  Bump up !IE to get to 13px equivalent */
pre, code {font:115% monospace;*font-size:100%;}
/* Default line-height based on font-size rather than "computed-value" */
body * {line-height:1.22em;}
body        { color: #ffffff; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background-color: #404040; background-image: url("images/background.jpg"); background-repeat: repeat-x; letter-spacing: 1px }
#pad_top     { height: 0 }
#container              { background-color: #000000; margin-right: auto; margin-left: auto; position: relative; width: 960px; height: 700px }
#logo_text { position: absolute; top: 45px; left: 117px }
#logo { padding-left: 29px }
#header       { background-color: #404040; width: 960px; height: 114px }
#header .h_left  { width: 280px; float: left }
#header .right        { text-align: right; width: 680px; height: 100px; float: right }
#header_line    { width: 960px; height: 100px; border-bottom: 1px solid #000000 }
#header_line .left    { width: 280px; float: left }
#header_line .right         { text-align: right; width: 680px; height: 100px; float: right}
#nav_pad    { width: 100%; height: 94px }
#index_quote { width: 500px }
#preloadedImages { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px }
#facebook    { position: absolute; top: 10px; right: 30px; font-size: 8pt }
#facebook a   { color: white }
#facebook a:hover  { color: #85ba38 }
#facebook_philosophy a  { color: white }
#facebook_philosophy a:hover  { color: #85ba38 }
#content      { width: 100%; height: 555px }
#content_pad  { padding-right: 15px; padding-left: 29px }
#content .opener  { color: #85ba38; font-size: 11pt; font-weight: bold; letter-spacing: 1px }
#page_title    { color: #85ba38; font-size: 18pt; font-weight: bold; padding-bottom: 2px }
#content .subtitle     { color: #85ba38; font-size: 11pt; font-weight: bold; text-transform: uppercase; letter-spacing: 1px }
#content a:hover   { color: #85ba38 }
#services_text  { line-height: 20px; text-align: left; width: 440px; float: right }
#contact_text { line-height: 20px; text-align: left; width: 440px; float: right }
#contact_text td { line-height: 18px }
#contact_text a     { color: #85ba38 }
#contact_text a:hover   { color: #ffffff }
#email { font-size: 20pt; padding-top: 45px }
/* contact form */
#contact_form td { padding-right: 10px; padding-bottom: 10px }
#contact_form .input { color: #000000; font-size: 9pt; background: #e0f1ba; padding-left: 4px; width: 250px; height: 20px; border: outset 0 }
#contact_form .input2 { color: #000000; font-size: 9pt; background: #e0f1ba; padding-left: 4px; width: 80px; height: 20px; border: outset 0 }
#contact_form .input3 { color: #000000; font-size: 9pt; background: #e0f1ba; padding-left: 4px; width: 30px; height: 20px; border: outset 0 }
#contact_form textarea { color: #000000; font-size: 9pt; background: #e0f1ba; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; width: 250px; height: 60px; overflow: auto; border: outset 0 }
#about_right  { text-align: left; width: 440px; float: right }
#about_left  { text-align: left; width: 440px; float: left }
#published_text  { text-align: left; width: 300px; float: left }
#published_img {  width: 612px; float: left }
#pub_list  { line-height: 24px; padding-top: 15px; padding-left: 20px }
#green_img { width: 116px; float: left }
#green_text { line-height: 24px; text-align: left; width: 800px; float: right }
#green_text a     { color: #85ba38 }
#green_text a:hover   { color: #ffffff }
#gallery  { padding-top: 24px; padding-left: 29px }
#slide_show     { height: 446px }
#slide_show .left     { text-align: left; width: 647px; float: left }
#slide_show .right        { font-size: 7pt; text-align: right; width: 240px; float: right }
#slide_show .spacer       { color: #85ba38; font-size: 9pt; font-weight: bold; padding-left: 4px; padding-right: 4px }
#slide_show a      { color: #ffffff }
#slide_show a:hover     { color: #85ba38 }
#thumbs    { width: 973px; height: 80px }
#thumbs .left   { text-align: right; width: 953px; float: left; border-top: 2px solid #85ba38 }
#thumbs_pad img  { padding-top: 8px; padding-left: 10px }
#thumbs .right          { width: 20px; float: right; border-top: 2px solid #000000 }
#thumbs_pad2 img  { padding-top: 8px }
#cab_text  { font-size: 9pt; font-weight: normal; line-height: 24px; text-align: left; height: 200px }
.button    { color: #ffffff; background-color: #0c5680; padding: 3px 6px; border: solid 1px #0c5680 }
.button:hover { color: #98d01f; background-color: #0c5680; padding: 3px 6px; border: solid 1px #0c5680 }
/* misc links */
.aOn { color: #85ba38 }
.aOff { color: #ffffff }
.med { font-size: 12pt; font-weight: bold }
.phone { font-size: 16pt }
.clear { clear: both; }
.notice { color: #FF0000; }
.spacer  { }
.color   { color: #85ba38}
.color2  { color: #85ba38 }
.title1   { color: #343c2b }
.title2 { color: #343c2b; font-weight: bold; text-transform: uppercase }
.title3 { font-size: 16pt }
.indent     { padding-left: 190px }
.quote { font-size: 8pt; font-style: italic; padding-left: 190px }
.small { font-size: 8pt }
.caption   { font-size: 7pt; line-height: 16px; text-align: right; width: 100% }
div .hr  { border-bottom: 1px solid #9c9c9c }
.float-right     { display: inline; margin: 0; float: right }
.float-left        { display: inline; margin: 0; float: left }
.image_space { width: 20px }
.image_space2 { width: 10px }
#popup a     { color: #40aefa }
#popup a:hover   { color: #000000 }
/* footer */
#footer { color: #ffffff; background-color: #404040; margin-right: auto; margin-left: auto; width: 960px; height: 31px; vertical-align: bottom }
#footer .left { margin-left: 29px; padding-top: 4px; width: 545px; float: left }
#footer .right { font-size: 7pt; text-align: right; padding-top: 4px; width: 386px; float: right }	
#footer a { color: #98d01f }
#footer a:hover { color: #ffffff }
/* links */
a   { text-decoration: none }
a:focus  { outline-style: none; outline-color: invert }