body { font-family: arial,helvetica,clean,sans-serif; font-size: 1.1em; }

h1, h2, h3 { font-family: coronado,arial,helvetica,clean,sans-serif; font-weight: bold; }

h1 { font-size: 1.8em; margin-bottom: 20px; color: #a1238d; }

h2 { font-size: 1.3em; color: #777a7d; margin: 10px; text-align: center; text-decoration: underline; }

h3 { color: #cccccc; }

a, a:link, a:visited { outline: none; color: #a1238d; }

a:active { color: #0b0906; }

a:hover { color: #73bf45; }

p { margin: 15px; font-family: serif; font-size: 1em; }

p.add { font-style: italic; color: #a1238d; }

.lfloat { float: left; margin: 20px 0 0 20px; }

.clear { clear: all; size: 0 0; }

#header { text-align: center; background-color: white; }
#header #logo-container { padding: 10px; }
#header #logo-container img { width: 650px; }

#menu { background-color: white; font-size: 1em; }
#menu ul.menu { padding: 0; list-style: none; margin-left: 10px; }
#menu ul.menu li { margin: 0; list-style: none; display: inline; font-weight: bold; }
#menu ul.menu li.dot { color: !light_gray; margin: auto 0 auto 0; padding: 0; }
#menu ul.menu li.pipe { color: #eeeeee; padding: 4; }
#menu ul.menu li.menu-item a, #menu ul.menu li.menu-item a:link, #menu ul.menu li.menu-item a:visited { text-decoration: none; border: 1px solid transparent; padding: 2px 4px; color: #777a7d; }
#menu ul.menu li.menu-item a:hover { border: 1px solid; border-color: #cccccc; background-color: #a1238d; color: white; }

#footer { color: #0b0906; background-color: #eeeeee; border-top: 1px solid; border-color: #cccccc; clear: both; font-size: 0.7em; overflow: auto; }
#footer #copyright { padding-left: 15px; float: left; }
#footer #design { padding-right: 15px; float: right; }

#content-container { background-color: white; background-image: url(../images/watermark.png); background-position: 100% 95%; background-repeat: no-repeat; margin-top: 42px; color: #777a7d; padding: 10px; }

#content { min-height: 560px; }
#content img { border: 2px solid; border-color: #cccccc; padding: 4px; margin: 2px; }

/* text styles */
.bizname { color: #0b0906; }

.bigger { font-size: 1.1em; font-weight: bold; }

/* content groups */
.content-group { overflow: auto; margin-bottom: 20px; }
.content-group img { margin: 10px 0 0 10px; }
.content-group p, .content-group .imagebox { margin: 15px 0 15px 250px; }

.imagebox { text-align: center; vertical-align: top; }

/* welcome page */
#slideshow-container { overflow: auto; margin: 20px 0 20px 120px; }
#slideshow-container img { border: none !important; }

#slideshow { height: 500px; margin: auto; }

/* about page */
.associations img { border: none !important; margin: 10px; max-height: 150px; }

/* services page */
.renderings img { margin: 10px; max-height: 200px; }

.services { margin: 20px 50px; text-align: center; }
.services span.item { padding: 7px; display: inline-block; font-weight: bold; font-size: 1.2em; color: #a1238d; }
.services .dot { padding-left: 12px; padding-right: 12px; color: #777a7d; }

/* portfolio page */
.portfolio-thumb-row { margin: 0 40px; padding: 10px 5px; }
.portfolio-thumb-row img { width: 165px; height: 165px; }
.portfolio-thumb-row a img.selected { border-color: #a1238d !important; background-color: #a1238d !important; }

.gallery { display: none; color: #777a7d; background-color: #eeeeee; border: 6px solid; border-color: #a1238d; }
.gallery .header { background-color: #a1238d !important; color: white; font-weight: bold; padding: 4px; }
.gallery .pictures { text-align: center; padding: 10px; }
.gallery .pictures img { background-color: white !important; }

/* endorsements page */
.endorsement { overflow: auto; margin: 15px 15px 50px 15px; }
.endorsement .header { padding: 5px; font-size: 1.2em; font-weight: bold; color: #0b0906; border-bottom: 2px solid #eee; }
.endorsement .header .date { color: #777a7d; }
.endorsement .note { padding: 20px; }

.minipics img { margin: 5px 10px; max-height: 64px; }

/* blog page */
#blog-container { width: 100%; height: 600px; border: 1px solid #eee; frameborder: 0; }

/* contact page */
#contact-info { margin: 25px 15px; padding: 30px; background-color: #eee; border: 3px solid #ccc; }
#contact-info a, #contact-info a:link, #contact-info a:visited { font-weight: bold; }
#contact-info span.label { display: inline-block; width: 7em; }
#contact-info span.number { font-weight: bold; color: #0b0906; }

#contact-form-container .hidden { display: none; font-weight: bold; color: red; text-align: center; margin-bottom: 20px; }
#contact-form-container .error { color: red; }
#contact-form-container .row { padding: 3px 10px; }
#contact-form-container .row .form-label { color: #777a7d; margin-left: 40px; display: inline-block; width: 140px; padding-bottom: 10px; vertical-align: top; font-size: 1.2em; font-weight: bold; }
#contact-form-container .row .form-element { margin-left: 20px; margin-bottom: 10px; display: inline-block; }
#contact-form-container .row .form-element input, #contact-form-container .row .form-element textarea { width: 520px; border: 3px solid #ccc; font-size: 1.2em; font-weight: bold; }
#contact-form-container .row .form-element textarea { height: 13em; }
#contact-form-container .row .form-element input.error, #contact-form-container .row .form-element textarea.error { border: 3px solid red; }
#contact-form-container .row .form-element input.valid, #contact-form-container .row .form-element textarea.valid { border: 3px solid green; }
#contact-form-container .row .form-element label.error { color: red; margin-left: 10px; }
#contact-form-container .row .button { margin-left: 560px; width: 6em; border: 3px solid #ccc; font-size: 1.2em; font-weight: bold; font-color: #777a7d; }