body { margin: 0 10px 10px 10px; background-color: #d0e4a6; font-family: Verdana, Arial, Helvetica, sans-serif; }
.clear { clear: both; overflow: hidden; }
#frame { width: 760px; background: #697640; margin-left: auto; margin-right: auto; border: 1px solid #3f3e29; box-shadow:0px 0px 2px #aab986; border-top: 0; }
form { display:inline; }


/* HEADER */
#header { width: 760px; background: url(../images/header_image.jpg) no-repeat; }
#logo { float: left; width: 180px; height: 98px; }
#logo h1 { display: none; visibility: hidden; }

#header-bar { width: 251px; padding-left:509px; height: 30px; background: #697640 url(../images/call_now_background.gif) top left no-repeat; }
#header-bar p { display: none; visibility: hidden; }

#search-field {  width:164px; float:left; padding:4px 4px 0 0; text-align:right; }
#search-button { width:60px; line-height:0; float:left; padding:4px 15px 0 4px; }
#search-field input { width: 90%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding:2px; border: 1px solid #BCDAB0; }

/* NAVIGATION */
#navigation { float: left; width: 541px; height: 26px; margin: 72px 0 0 39px; }

#navigation div { background-position: bottom left; background-repeat: no-repeat; float: left; }
#navigation a { height: 26px; background-position: top left; background-repeat: no-repeat; display: block; outline: none; }
#navigation a:hover { background-position: bottom left; outline: none; }
#navigation span { display: none; visibility: hidden; }

/*#nav-home { width: 90px; height: 26px; background-image: url(../images/b_home.gif); }
#nav-home a { width: 90px; background-image: url(../images/b_home.gif); }
#nav-home-selected { width: 90px; background-image: url(../images/b_home.gif); }*/

#nav-services { width: 87px; height: 26px; background-image: url(../images/b_services.gif); }
#nav-services a { width: 87px; background-image: url(../images/b_services.gif); }
#nav-services-selected { width: 87px; background-image: url(../images/b_services.gif); }

#nav-products { width: 87px; height: 26px; background-image: url(../images/b_products.gif); }
#nav-products a { width: 87px; background-image: url(../images/b_products.gif); }
#nav-products-selected { width: 87px; background-image: url(../images/b_products.gif); }

#nav-promotions { width: 130px; height: 26px; background-image: url(../images/b_promotions.gif); }
#nav-promotions a { width: 130px; background-image: url(../images/b_promotions.gif); }
#nav-promotions-selected { width: 130px; background-image: url(../images/b_promotions.gif); }

/*#nav-about { width: 107px; height: 26px; background-image: url(../images/b_about.gif); }
#nav-about a { width: 107px; background-image: url(../images/b_about.gif); }
#nav-about-selected { width: 107px; background-image: url(../images/b_about.gif); }*/

#nav-casestudies { width: 138px; height: 26px; background-image: url(../images/b_casestudies.gif); }
#nav-casestudies a { width: 138px; background-image: url(../images/b_casestudies.gif); }
#nav-casestudies-selected { width: 138px; background-image: url(../images/b_casestudies.gif); }

#nav-contact { width: 99px; height: 26px; background-image: url(../images/b_contact.gif); }
#nav-contact a { width: 99px; background-image: url(../images/b_contact.gif); }
#nav-contact-selected { width: 99px; background-image: url(../images/b_contact.gif); }


/* LEFT COLUMN */
#left-column { float: left; width: 180px; }
#page-title { width: 180px; height: 43px; }
#page-title h2 { display: none; visibility: hidden; }
.welcome { background: url(../images/title_welcome.gif) top left no-repeat; }
.services { background: url(../images/title_services.gif) top left no-repeat; }
.products { background: url(../images/title_products.gif) top left no-repeat; }
.promotions { background: url(../images/title_promotions.gif) top left no-repeat; }
.about { background: url(../images/title_about.gif) top left no-repeat; }
.contact { background: url(../images/title_contact.gif) top left no-repeat; }
.default { background: url(../images/title_default.gif) top left no-repeat; }

#left-column ul { margin: 20px 0 20px 0; padding: 0; }
#left-column li { color:white }
#left-column ul ul { margin: 0; padding: 0 0 0 30px; background-color: #697640; }
.level1, .level1-selected { background-color: #545a34; list-style-type: none; padding: 0; margin-bottom: 3px; font-size: 75%; font-weight: bold;}
.level1 span, .level1-selected span { padding: 3px 3px 3px 15px; display:block; height:16px; }
.level1-selected { background-color:#47492e; }
.level2, .level2-selected { list-style-type: disc; font-weight: normal; font-size: 90%; padding:0; margin:0; line-height:1.7em; }
.level2-selected { color:white; font-weight: bold; }

#left-column a:link, #left-column a:visited { color:#d0e4a7; text-decoration:none; }
#left-column .level2-selected a:link, #left-column .level2-selected a:visited, #left-column .level1-selected a:link, #left-column .level1-selected a:visited { color:#fff; text-decoration:none; }
#left-column a:active, #left-column a:hover { color:#FFF; text-decoration:none; }

/* MAIN COLUMN */
#main-column { float: left; width: 550px; background: #fff url(../images/main_column_background.gif) top left no-repeat; padding: 25px 15px 15px 15px; overflow: hidden; }

#main-column h3 { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 115%; margin: 0 0 0.8em 0; padding-bottom:.2em; border-bottom: 1px solid #669966; }
#main-column h4 { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 100%; margin: 0.8em 0 0.8em 0; }
#main-column li, p { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 80%; margin-top: 0.5em; margin-bottom: 0.8em; }
.tiny { font-size: 70%; color:#85A9D0; }
.blue { color:#85A9D0; }
.green { color: #696; }
.quote { background: url(../images/quotes.gif) #e8f1d1 top left no-repeat; padding: 10px; text-align: center; color: #3F3E29; font-size: 90%; line-height: 1.5em; 
font-weight: bold; }
.quote span { color: #3F3E29; }
#main-column a:link, #main-column a:visited { color:#4d9833; text-decoration:underline; }
#main-column a:active, #main-column a:hover { color:#000; text-decoration:underline; }
#main-column .feature { background-color: #EBF4E8; padding: 10px; }
.indented-main-column { margin-left:50px; margin-right:50px;}
.page-symbol { float:left; margin-left:-60px;}

/* FOOTER */
#footer { width:760px; height:22px; padding-top:5px; margin-left: auto; margin-right: auto; }
#footer-copyright { width: 640px; float: left; font-size: 70%; color: #669966; }
#footer-credit { width: 120px; height: 22px; float: left; font-size: 70%; text-align: right; color: #669966; }
#footer-credit-logo { height: 22px; display:block; padding-right: 36px; background: url(../images/credit_2c.gif) top right no-repeat; text-decoration: none; color:#669966; }
#footer-credit-logo:hover { background-position: bottom right; }
#footer-credit-logo span { display:none; }


.divider { border:0; line-height:0; border-bottom: 1px solid #669966; }

hr { height: 0; border: 0; border-bottom: 1px solid #669966; }

.left-image { float:left; margin: 0 10px 10px 0; border: 1px solid #5587BF; }
.right-image { float:right; margin: 0 0 10px 10px; border: 1px solid #5587BF; }
.center-image { margin-left: auto; margin-right: auto; border: 1px solid #5587BF; }


/* CONTACT FORM */
th { white-space: nowrap; text-align: right; font-weight: bold; font-size: 80%; }
th,td { background-color: #D0E6C8; }
table { border: 1px solid #669966; }
input,textarea { width: 97%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; padding: 2px; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; padding: 2px; }
#buttons { padding-top: 10px; text-align: center; }
#buttons input { width: auto; font-size: 100%; }
.error { color: #c00; }