@import url('/stylesheets/refinery/application.css');
/* Override default refinery application CSS below.  Formatting applies to all frontend. */
body { background: white; color: #4e4c4c; font: normal normal normal 0.88em/normal Arial, Helvetica, sans-serif; line-height: 1.5; }

#page_container { margin: 0 auto; width: 1021px; }
#page_container > header, #page_container #page { border: solid #e5e5e5; border-width: 0 1px; }
#page_container > header { background: #f5f5f5; width: auto; position: relative; display: block; padding-top: 37px; }
#page_container > header h1 { float: left; margin: 0 46px 22px; padding: 0; width: 447px; height: 48px; }
#page_container > header h1 a { display: block; width: 447px; height: 48px; background: url("/images/layout/ipx.png") no-repeat; }
#page_container > header h1 a span { display: none; }
#page_container > header #contact { float: right; position: relative; z-index: 3; margin: 30px 46px 0; font: bold 1.07em Georgia, serif; color: #2168a6; line-height: 28px; }
#page_container > header #contact .button { float: left; margin-right: 1em; }
#page_container > header #banner { margin: 0 auto; min-height: 20px; text-align: center; clear: both; }
#page_container > header #banner p { margin: 0; }
#page_container > header #banner #slideshow { position: relative; z-index: 1; margin: 0 auto; width: 943px; height: 316px; overflow: hidden; }
#page_container #page { background: #f5f5f5 url("/images/layout/page-bg.png") repeat-x left bottom; padding: 46px 0 0 45px; width: auto; font-family: Arial, Helvetica, sans-serif; }
#page_container #page #body_content { margin: 20px 0 0; }
#page_container #page #body_content_title { padding: 0; margin: 0; }
#page_container #page #body_content_left { width: 560px; padding: 1em 0 30px; margin-right: 15px; }
#page_container #page #galleries { padding-left: 30px; }
#page_container #page #galleries a { float: left; margin: 40px 30px; border: 10px solid #222222; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; box-shadow: 0 -2px 30px black; -moz-box-shadow: 0 -2px 30px black; -webkit-box-shadow: 0 -2px 30px black; width: 283px; height: 283px; position: relative; }
#page_container #page #galleries a:hover { border-color: #333333; }
#page_container #page #galleries a h1 { position: absolute; margin: 0; padding: 0; right: 0; }
#page_container #page #galleries a h1 span { display: none; }
#page_container #page #galleries a#paintings { background: url("/images/paintings.jpg"); }
#page_container #page #galleries a#paintings h1 { width: 136px; height: 33px; bottom: -6px; background: url("/images/paintings-text.png"); }
#page_container #page #galleries a#portraits { background: url("/images/portraits.jpg"); }
#page_container #page #galleries a#portraits h1 { width: 125px; height: 27px; bottom: 0; background: url("/images/portraits-text.png"); }
#page_container #page .portfolio #body_content #body_content_left { margin-right: 0; }
#page_container > footer { background: url("/images/layout/bottom.jpg") no-repeat; padding: 23px 30px; margin-bottom: 3em; width: auto; color: #636363; font-size: 0.86em; }
#page_container > footer .address { float: left; }
#page_container > footer .copyright { float: right; }

#menu { background: url("/images/layout/nav-bg.png") no-repeat; width: 1061px; height: 54px; position: absolute; z-index: 2; bottom: -71px; left: -39px; padding: 32px 0 32px 35px; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { display: inline; }
#menu ul li { margin: 0; background: none; }
#menu ul li a { font: normal 1.07em Georgia, serif; letter-spacing: 1px; text-transform: uppercase; float: left; padding: 18px 16px 16px 15px; height: 20px; color: white; background: #2168a6 url("/images/layout/nav-border.png") no-repeat center right; }
#menu ul li a:hover { background: #1b507f; text-decoration: none; }
#menu ul li.selected:not(.first) a { background: #163958; }
#menu ul li.last a { background-image: none; }

#page #submenu { margin: 1em 0 0; position: relative; }
#page #submenu ul { margin: 0; padding: 0; list-style: none; }
#page #submenu ul li { display: inline; }
#page #submenu ul li { margin: 0; padding: 0; background: none; }
#page #submenu ul li a { font-family: Georgia, serif; letter-spacing: 1px; text-transform: uppercase; float: left; border-right: 1px solid #2168a6; padding: 0 15px; color: #2168a6; }
#page #submenu ul li.selected a { font-weight: normal; color: #163958; }
#page #submenu ul li.first a { padding-left: 0; }
#page #submenu ul li.last a { padding-right: 0; border: none; }

#sidebar, #body_content_right { float: right; background: url("/images/sidebar/sidebar-bg.png") no-repeat left top; width: 373px; min-height: 600px; padding: 15px 0 30px 1px; }
#sidebar section, #body_content_right section { margin: 0 0 1em; padding: 0.5em 40px; }
#sidebar section h1, #body_content_right section h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; }
#sidebar ul, #body_content_right ul { margin: 0; padding: 0; list-style: none; margin-bottom: 2em; }
#sidebar ul li, #body_content_right ul li { margin: 0; padding: 0; }
#sidebar ul.sidebar_list, #body_content_right ul.sidebar_list { margin: 0 -40px; }
#sidebar ul.sidebar_list li, #body_content_right ul.sidebar_list li { margin: 2px 0; padding: 3px 40px; background: url("/images/sidebar/gray-bg.png"); font-size: 20px; color: #2168a6; }
#sidebar .photo img, #body_content_right .photo img { border: 3px solid white; box-shadow: 0 0 15px #999999; -moz-box-shadow: 0 0 15px #999999; -webkit-box-shadow: 0 0 15px #999999; }
#sidebar #contact_form, #body_content_right #contact_form { background: url("/images/sidebar/divider.png") no-repeat center top; }
#sidebar #contact_form h1, #body_content_right #contact_form h1 { margin: 0.5em 0; font-size: 30px; font-weight: normal; text-transform: none; }
#sidebar #contact_form .inquiries form .field label, #body_content_right #contact_form .inquiries form .field label { width: 100px; font-weight: normal; }
#sidebar #contact_form .inquiries form .field input, #body_content_right #contact_form .inquiries form .field input { width: 187px; }
#sidebar #contact_form .inquiries form .actions, #body_content_right #contact_form .inquiries form .actions { padding-top: 5px; text-align: right; }
#sidebar #contact_form .inquiries form .actions #inquiry_submit, #body_content_right #contact_form .inquiries form .actions #inquiry_submit { width: 83px; height: 25px; font-size: 15px; font-weight: bold; color: white; background: #909090; border: none; }

#body_content_right { width: 293px; padding: 1em 40px; }

label { font-weight: bold; }
label.required abbr { color: red; }

input.button, input[type="submit"] { font-family: Arial, Helvetica, sans-serif; width: auto; max-width: none; height: auto; margin: 0; cursor: pointer; vertical-align: baseline; }

form.formtastic fieldset legend { padding-bottom: 1em; }
form.formtastic fieldset legend span { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #99af75; }
form.formtastic fieldset legend.label { padding-top: 0; }
form.formtastic fieldset legend.label label { color: #444444; padding-top: 0; width: auto; }
form.formtastic fieldset abbr { margin-left: 3px; color: red; }
form.formtastic fieldset.inputs > ol { margin-bottom: 5px; }
form.formtastic fieldset ol li.date fieldset ol { border: none; padding-left: 25%; }
form.formtastic fieldset ol li.string input.datepicker { width: 186px; }
form.formtastic fieldset ol li.hidden { display: none !important; }
form.formtastic fieldset ol li.select label { padding-top: 0; }
form.formtastic fieldset.inputs { margin-top: 1em; }
form.formtastic fieldset.inputs ol li.calendar input { width: 185px; }
form.formtastic fieldset.inputs li.threeColumns ol li { float: left; width: 33%; white-space: nowrap; overflow: hidden; }
form.formtastic fieldset .inline-hints { font-size: 10px; font-style: italic; }
form.formtastic fieldset.buttons { margin: 1em 0; }
form.formtastic fieldset.buttons a.button { display: block; height: 17px; line-height: 15px; }

.errorExplanation li { color: red; }