body { background: #000 url(/assets/images/layout/bg1x1_000.png); color: #fff; font-family: Garamond, Times New Roman, Times, serif; margin: 0; padding: 0; font-size: 14px; }
a { color: #5e6e65; }
a:hover { color: #9bbb00; text-decoration: none; }

input.input-text, textarea.input-textarea, select.input-select { border: 1px solid #ccc; background-color: #fff; width: 350px; }
input.input-text:focus, textarea.input-textarea:focus, select.input-select:focus { background-color: #f4f7d5; }
button.input-button { background-color: #5e6e65; color: #fff; font-weight: bold; border: 1px solid #ccc; }

#site { width: 750px; margin: 0 auto; }

#header { overflow: auto; width: 750px; }

#header h1 { background-image: url(/assets/images/layout/logo.png); width: 175px; height: 80px; margin: 0; padding: 0; float: left; }
#header h1 a { display: block; width: 175px; height: 80px; }
#header h1 a span { display: none; }

#header #menu { list-style: none; display: inline; margin: 35px 0 0 0; float: right; margin: 0; padding: 25px; }
#header #menu li { height: 30px; line-height: 30px; text-transform: lowercase; display: inline; margin: 0 0 0 10px; padding: 0 10px; font-size: 20px; font-weight: bold; }
#header #menu li.last { margin-right: 0; }
#header #menu li a { color: #9bbb00; text-decoration: none; }
#header #menu li.current a { color: #fff; }

#main { margin: 0 0 20px 10px; padding: 0; width: 750px; }

#container { margin-right: 10px; }
#container .content { margin-bottom: 10px; }
#container h2 { color: #5e6e65; background: #fff; margin: 0; padding: 5px; border-bottom: 1px solid; }
#container h3 { margin: 0; padding: 0; height: 28px; }
#container h3 span { display: none; }
#container h3#current_projects_hdr { background-image: url(/assets/images/headers/current_projects-main-500px.png); width: 500px; }
#container h3#services_hdr { background-image: url(/assets/images/headers/services-main-500px.png); width: 500px; }
#container h3#portfolio_hdr { background-image: url(/assets/images/headers/portfolio-main-740px.png); width: 740px; }
#container h3#about_hdr { background-image: url(/assets/images/headers/about-main-500px.png); width: 500px; }
#container h3#contact_hdr { background-image: url(/assets/images/headers/contact-main-500px.png); width: 500px; }
#container h3#faq_hdr { background-image: url(/assets/images/headers/faq-main-500px.png); width: 500px; }
#container .content .interior { background: #fff; color: #000; padding: 5px; }

#sidebar { float: left; width: 200px; margin-right: 10px; }
#sidebar .scontent { margin-bottom: 10px; }
#sidebar h4 { color: #9bbb00; margin: 0; padding: 5px; border-bottom: 1px solid; }
#sidebar h3 { margin: 0; padding: 0; width: 200px; height: 28px; }
#sidebar h3 span { display: none; }
#sidebar h3#quick_facts_hdr { background-image: url(/assets/images/headers/quick_facts-side-200px.png); }
#sidebar h3#partners_hdr { background-image: url(/assets/images/headers/partners-side-200px.png); }
#sidebar h3#how_to_contact_hdr { background-image: url(/assets/images/headers/how_to_contact-side-200px.png); }
#sidebar .scontent .interior { background: url(/assets/images/layout/bg1x1_5e6e65.png) #5e6e65; color: #fff; padding: 5px; }
#sidebar .scontent a { color: #9bbb00; }
#sidebar .scontent a:hover { color: #fff; text-decoration: none; }

#colset_2col { overflow: auto; }
#colset_2col #container { float: left; width: 500px; }

#footer { clear: both; margin-top: 10px; text-align: center; color: #5e6e65; }

/* page-specific: home */

ul.projects { margin: 10px 0 10px 0; padding: 0; list-style: none; overflow: auto; width: 100%; }
ul.projects li { float: left; text-align: center; width: 160px; }
ul.projects li p { margin: 5px; color: #5e6e65; }
ul.projects li img { border: 1px solid; }

p.quick-intro { font-weight: bold; margin: 5px 5px 10px 5px; }
ul.quick { padding: 0 10px; margin: 0; }
ul.quick li { margin: 3px 0 10px 10px; list-style-image: url(/assets/images/layout/sidebar-bullet.png); }

/* page-specific: portfolio */

ul.portfolio { margin: 10px 0 10px 0; padding: 0; list-style: none; }
ul.portfolio li { overflow: auto; margin-bottom: 15px; padding-bottom: 15px; background-image: url(/assets/images/layout/portfolio_divider.png); background-repeat: no-repeat; background-position: bottom; width: 100%; }
ul.portfolio li.last { margin-bottom: 0; border-bottom: none; }
ul.portfolio li div.thumb { float: left; width: 150px; margin-right: 10px; }
ul.portfolio li div.thumb img { border: 1px solid; }
ul.portfolio li div.details { float: left; width: 560px; }
ul.portfolio dl.meta { clear: both; margin-bottom: 10px; }
ul.portfolio dl.meta dt { float: left; clear: left; line-height: 20px; width: 100px; text-align: right; color: #5e6e65; font-weight: bold; text-transform: uppercase; }
ul.portfolio dl.meta dd { line-height: 20px; margin-left: 105px; }
ul.portfolio li div.details p { padding: 0; margin: 0; }
ul.portfolio li div.details p.partners { font-size: 12px; font-style: italic; margin-top: 10px; }

/* page-specific: contact */

dl.zend_form { padding: 0 10px; }
dl.zend_form dt { margin: 3px 0 3px 0; font-weight: bold; color: #5e6e65; }
dl.zend_form dd { margin: 3px 0 10px 0; }

dl.contact-modes dt { margin: 3px 0 3px 0; width: 65px; font-weight: bold; color: #9bbb00; text-transform: uppercase; }
dl.contact-modes dd { margin: 3px 0 10px 0; }

dl.faq { padding: 0 10px; }
dl.faq dt { margin: 3px 0 3px 0; font-weight: bold; color: #4e665c; }
dl.faq dd { margin: 3px 0 10px 0; }