/* generics */

body { background-color: white; }

body, input, textarea { font-family: helvetica neue, helvetica, arial, verdana, sans-serif; font-size: 11pt; }

h3 { display: inline; }

/* site-wide styles */

div#site_wrapper, div#tagline { margin-left: auto; margin-right: auto; width: 900px; }
div#site_wrapper { background-color: white; }
div#tagline { color: #aaa; font-size: 8.5pt; text-align: right; padding-top: 10px; }
div#tagline a { text-decoration: none; }
div#tagline img { border: 0px; vertical-align: middle; }
div#taglineleft { float: left; }
div#taglineright a { color: #aaa; }
div#taglineright img { opacity: 0.5; }

div#site_container { border: 2px solid gray; border-top: 0px; padding: 10px; }

div.headerlogo { text-align: center; }

div.headerphones { margin-bottom: 20px; text-align: center; font-size: 14pt; }

div.navbar { background-color: #103908; margin: -12px; margin-bottom: 0px; padding: 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; }

div.navbar a.button { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 15px; font-weight: bold; color: white; text-decoration: none; }

div.navbar a.button:hover { background-color: white; color: black; }

/* current page */
body.home div.navbar a.buttonhome,
body.about div.navbar a.buttonabout,
body.products div.navbar a.buttonproducts,
body.services div.navbar a.buttonservices,
body.specials div.navbar a.buttonspecials,
body.financing div.navbar a.buttonfinancing,
body.contact div.navbar a.buttoncontact,
body.employment div.navbar a.buttonemployment,
body.weblog div.navbar a.buttonweblog
{ background-color: white; color: black; }

/* weblog-specific style */

a#weblogrss { background-color: orange; border: 0px; color: white; float: right; font-weight: bold; padding: 3px 8px; margin-left: 5px; text-decoration: none; }

div.weblogitemwrapper { margin-bottom: 50px; }

div.weblogcal { border: 2px solid #ccc; float: left; width: 60px; }
div.weblogcalmonth, div.weblogcalyear { background-color: #eee; border-bottom: 2px solid #ccc; font-size: smaller; text-align: center; }
div.weblogcalyear { border-bottom: 0px; border-top: 2px solid #ccc; }
div.weblogcalday { text-align: center; font-size: 20px; font-weight: bold; padding: 4px 0px 2px 0px; }

div.weblogcontent { margin-left: 75px; }
div.postedline { color: #aaa; font-size: 9pt; }

div.weblogcomment { border: 1px solid gray; padding: 5px; }
div.weblogcommentheader { font-size: smaller; }

/* form styles */

form label { display: block; font-weight: bold; float: left; margin-bottom: 4px; width: 115px; }
form label, form span, form select, form br { line-height: 2em; }
form label.normal { display: inline; font-weight: normal; float: none; margin-bottom: 0; width: auto; }
form br { clear: both; }
form div.explain { margin-left: 115px; color: gray; font-size: 8.5pt; margin-bottom: 1em; }

form.wide label { width: 150px; }
form.wide div.explain { margin-left: 150px; }

/* from halfmoon */
div.flash-notice, div.flash-error { border: 2px solid; margin: 5px 5px 10px 5px; padding: 5px 10px; }
div.flash-notice { background-color: #e8ffe7; border-color: green; }
div.flash-error { background-color: #ffe7e7; border-color: red; }
div.fieldWithErrors { display: inline; }
div.fieldWithErrors input, div.fieldWithErrors select { padding: 2px; border: 2px solid red; }