/* @group Browser Reset (Defaults) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline;}

/* remember to define focus styles! */
:focus {outline: 0;}

body {background: white; color: black; line-height: 1;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* @end */

html {background: #464646 url(/images/pattern.gif) 0 0 repeat;}
body {background: transparent url(/images/corner.gif) 0 0 no-repeat; color: #fff; font-family: Georgia, "Times New Roman", "Times Roman", Times, serif; font-size: 12px; padding: 1px 0 0 0; text-align: center;}
p, blockquote, ul, ol, dl, li, label, input, textarea {line-height: 18px; margin-bottom: 18px;}

em {font-style: italic;}
strong {font-weight: bold;}

h1, h2, h3, h4, h5, h6, label {clear: both; font-family: Calibri, "Trebuchet MS", Arial, Verdana, sans-serif; line-height: 18px;}
h1 {background: transparent url(/images/logo.gif) 0 0 no-repeat; font-size: 36px; margin-top: 35px; margin-bottom: 36px; text-align: left;}
h1 a {display: block; height: 72px; width: 264px; text-indent: -99999em;}
h2 {font-size: 24px; margin-bottom: 18px;}
h3 {font-size: 18px; margin-top: 18px;}
h4 {font-size: 14px;}

a:link, a:visited {color: #fff; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}
a:active {color: #ccc; text-decoration: none;}

form {}
fieldset {}
legend {}
label {display: block; font-weight: bold; margin-bottom: 0;}
label span {font-weight: normal;}

input, textarea {font-size: 14px; width: 324px;}
textarea {font-size: 12px; height: 126px;}
input#submit {width: auto;}

ul li {line-height: 18px; list-style-type: square; margin-left: 2em; margin-bottom: 0;}

/* @group Navigation */
#nav {position: absolute; top: 39px; right: 0; z-index: 1000;}
#nav li {color: #666; float: left; font-size: 14px; list-style-type: none; margin-left:  0; margin-right: 18px;}
#nav li.selected {color: #fff; font-weight: bold;}
#nav a:link, #nav a:visited {color: #ccc; text-decoration: none;}
#nav a:hover {color: #ccc; text-decoration: underline;}
#nav a:active {color: #666; text-decoration: underline;}

#nav li.selected a:link, #nav li.selected a:visited {color: #fff; text-decoration: none;}
#nav li.selected a:hover {color: #fff; text-decoration: underline;}
#nav li.selected a:active {color: #666; text-decoration: underline;}
/* @end */

/* @group Content */
#wrapper {margin: 0 auto; position: relative; width: 960px;}
#photo_content {background: transparent url(/images/slideshow.gif) 0 0 no-repeat; height: 472px;}
#about #content {background: transparent url(/images/portrait.gif) 0 0 no-repeat; height: 690px;}
#home #photo_content a {display: block; float: left; margin-left: 18px;}
#home #photo_content a.last {margin-left: 0;}
#photo_content, #content {padding: 18px 0 0 0; position: relative; text-align: center; width: 960px;}
#content #overlay {padding: 18px; position: absolute; top: 108px; right: 36px; text-align: left; width: 324px;}
#restoration #photo_content img {float: left; margin-left: 18px;}
#restoration #photo_content img.last {margin-left: 0;}
#restoration #photo_content h3 {margin-top: 198px;}
#restoration_info {background: transparent url(/images/restoration_middle.gif) 50% 50% no-repeat; float: left; height: 454px; padding: 0 18px; vertical-align: middle; width: 184px;}
#footer {clear: both; color: #666; margin-top: 36px;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: #666;}
/* @end */

/* @group hCard */
.vcard {font-size: 11px;}
.fn {font-style: italic;}
.fn a {text-decoration: none;}
.type {font-weight: bold;}
.title {display: none;}
.org, .adr, .street-address, .tel, .email {display: inline;}
.type {margin-left: 9px;}
.vcard * {line-height: 18px;}
/* @end */

/* @group Contact Form */
#map_address {background: transparent url(/images/map.gif) 0 0 no-repeat; margin: 36px 36px 0 0; text-align: left; width: 582px;}
#map {height: 324px; margin: 18px 0 54px 18px; width: 546px;}
.map_info {color: #000;}
#contact_form {text-align: left; width: 324px;}
#content .vcard {font-size: 12px;}
#content .org, #content .tel, #content .email {display: block;}
#content .tel {margin-top: 18px;}
#contact_form, #map_address {float: left;}
#submit {margin-bottom: 0; margin-right: 4px; vertical-align: middle;}
/* @end */

/* @group Form Validation */
.message {background: #bcdd76; border: 1px solid #a7dd34; color: #000; line-height: 18px; padding: 8px 8px 8px 8px;}
.message p {margin: 0;}
.message div {line-height: 18px; margin: 18px 0;}
.error {background: #c42028; border: 1px solid #9e1a20; color: #fff}
.validation-advice {background: #ffc; border: 1px solid #ff0; color: #c42028; font-style: italic; font-weight: bold; line-height: 18px; margin-bottom: 9px; padding: 8px 8px 8px 19px;}
/* @end */