/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body { text-align: center; background-color: #ebebeb; font-family: verdana, geneva, sans-serif; color: #333; font-size: .8em; }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address, input { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
p { margin: 1em 0; line-height: 1.3em; }
h1 {  }
h2 {  }
h3 {  }
a { color: #5c8dcb; background-color: inherit; }
a:hover { color: #999; background: inherit; }
.left { float: left; }
.right { float: right; }


/* #wrapper
----------------------------------------- */
#wrapper { text-align: left; width: 780px; margin: 0 auto; position: relative; color:inherit; background-color: #fff; }

/* #header
----------------------------------------- */
#header { color: #666; background-color: #fff; font: normal .9em 'Trebuchet MS', Helvetica, sans-serif; letter-spacing:.1em; border-bottom: 1px solid #0e0f34; }
#header img {float: left; padding-top: 5px; }
#header p { padding: 10px 10px 10px 640px; color: #666; background-color:inherit; margin: 0; }

#navArea { color:#0e0f34; background-color: #dfc07f; margin-top:1px; }

#topNav { float: left; margin: 0; padding: 30px 0 0 0; width:175px; font: bold 1em 'Trebuchet MS', Helvetica, sans-serif; font-style:italic; }
#topNav ul { list-style: none; margin: 0; padding: 0; border: none; }
#topNav li { border-bottom: 1px solid #aca392; margin: 0; text-align:right; }
#topNav li a { display: block; padding: 4px 10px 3px 10px; color: #0e0f34; background-color: #d6c6a4; text-decoration: none; }
html>body #topNav li a { width: auto; }
#topNav a:hover, .home #topNav a.nhome, .about #topNav a.nabout, .services #topNav a.nservices, .photos #topNav a.nphotos, .contact #topNav a.ncontact { color: #fff; background-color: #0e0f34; }
#topNav li.lastnav { border-bottom: 1px solid #aca392; }

#flash { float: left; width: 460px;}
#services {float: right; text-align:right; padding: 10px 8px 0 0; font-weight:bold; }
#services h1 { font-size: 1.35em; }
#services li { line-height: 1.5em; font-size: .8em; }


/* #content
----------------------------------------- */
#content { padding: 30px 18px; font-size: .85em; }
#content h1 { font-size:1.25em; }

#contentLeft { float:left; }

/* for two column layout */
#contentLeft { width: 260px; float: left; margin-right: 20px; position: relative; }
#contentRight { margin-left: 280px; }

#contentRight .fourup { float: left; margin: 0; }
#contentRight .fourup dt { padding: 8px 10px 0 0; }
#contentRight .fourup dd { text-align: center; margin: 3px 10px 1em 0; padding: 6px; color:inherit; background-color: #d6c6a4; }
#contentRight .fourup dd a { color: #0e0f34; background-color: #d6c6a4; text-decoration:none }
#contentRight .fourup dd a:hover { text-decoration:underline; }
#contentRight .fourup img { width: 102px; height: 169px; }

#contactinfo { width:100%; border-collapse:collapse; border:none; }
#contactinfo td { padding: 5px 20px; }

/* #contact
----------------------------------------- */
#contact form { margin: 0; padding: 0; }
#contact fieldset { padding: 0 0 10px 10px; margin: 0 20px; width: 80%; border: 1px solid #663C28; }
#contact legend { font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #663C28; background-color: inherit; }
#contact dt { float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
#contact label.last { font-weight: bold; text-align: left; padding-left: 10px; }
#contact input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
#contact input.submit { margin: 0; padding: 3px; color: inherit; background-color: #FDFE9A; }
#contact .errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

/* #footer
----------------------------------------- */

#footer { color: #b1aca5; background: #ebebeb url(../images/footer_bkg.gif) 0 0 no-repeat; padding: 0 0 12px 17px; font-size:.85em; letter-spacing:.05em; }
#footer ul { padding: 12px 0 18px 0; }
#footer li { display: inline; background: url(../images/nav_sep.gif) no-repeat 0 50%; padding: 7px 5px 7px 11px; }
#footer li.first { background: none; padding-left: 0; }
#footer li a { color: #5c8dcb; background-color: inherit; background:none; text-decoration: underline; }
#footer a:hover, .home #footer a.nhome, .about #footer a.nabout, .services #footer a.nservices, .photos #footer a.nphotos, .contact #footer a.ncontact { color: #999; background-color: inherit; text-decoration: none; }
#footer p { margin: 0; font-size: .8em; }


/* Images
----------------------------------------- */

.photo { background-color: #eee; border: 1px solid #000; padding: 5px; }
.photo_container { margin: 10px; }



/* Images
----------------------------------------- */

.irc_gallery { float: left; margin: 10px; }
.irc_gallery a img { background-color: #eee; border: 1px solid #000; padding: 5px; }
.irc_gallery dd { text-align: center; }


/* Self Cleared Floats
----------------------------------------- */
#header:after,
#navArea:after,
#topNav:after,
#content:after,
#contentLeft:after,
#contentRight:after,
.fourup:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }