/* Reset */
body, p, ul, ol, li, h1, h2, h3, h4, h5, a, div, blockquote, cite, a img { margin: 0; padding: 0; text-indent: 0; border: none; outline: none; text-decoration: none; font-size: 100%; list-style: none; font-weight: normal }
table, td, tr { padding: 5px 20px 5px 0; margin: 0; border-spacing: 0; border: none; vertical-align: top }
a, a:visited { color: #2a710c;  }
a:hover, a:active { color: #173869; text-decoration: underline; }

/* Core */
body { background: #c7ecee; font-size: 0.62em; font-family: Arial, Helvetica, sans-serif }
h1 { display: block; width: 100%; height: 92px; margin: 18px 0 25px }
h1 a { width: 296px; height: 92px; display: block; background: url(images/logo) no-repeat; float:right; text-indent: -99999px }
h2 { text-indent: -9999px }
h3 { font-size: 1.4em; color: #655; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em; margin-bottom: 10px }
h4 { font-size: 1.3em; letter-spacing: 1px; color: #83b9bd; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; line-height: 2em; margin-bottom: 10px }

#container { background: #eee6dc url(images/flourish) left center no-repeat; border: 7px solid #fff; width: 716px; margin: 0 auto }

/* Sub Page */
#container.sub { padding-bottom: 20px; background: #eee6dc url(images/nav.gif) no-repeat }
#container.sub.about #nav { background: url(images/header_about.jpg) top right no-repeat }
#container.sub.about #nav:hover { background: url(images/header_about_on.jpg) top right no-repeat }
#container.sub.about h3 { background: url(images/h3_about.gif) no-repeat }
#container.sub.portfolio #nav { background: url(images/header_portfolio.jpg) top right no-repeat }
#container.sub.portfolio #nav:hover { background: url(images/header_portfolio_on.jpg) top right no-repeat }
#container.sub.portfolio h3 { background: url(images/h3_portfolio.gif) no-repeat }
#container.sub.contact #nav { background: url(images/header_contact.jpg) top right no-repeat }
#container.sub.contact #nav:hover { background: url(images/header_contact_on.jpg) top right no-repeat }
#container.sub.contact h3 { background: url(images/h3_contact.gif) no-repeat }

#container.sub h3 { text-align: center; width: 310px; display: block; height: 54px; text-indent: -9999px; margin: 10px auto 20px }

#container .tube { margin: 0 40px }
#container .tube p { margin-bottom: 20px; font-size: 1.2em; color: #666; line-height: 1.4em; padding: 0 26px }
#container .tube h4 { padding: 0 26px }
#container .tube a { color: #666; text-decoration: underline;}
#container .tube a:hover { color: #2f1304; text-decoration: none }

/* Sub Page Navigation */
#nav { background: ; display: block; height: 117px; padding-top: 110px; width: 100%; border-bottom: solid #fff 7px; margin-bottom: 10px; overflow: hidden }
#nav li { margin-left: 110px; display: block; width: 105px; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; text-align: right }
#nav a, #nav a:active, #nav a:visited { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-variant: small-caps; color: #fff; padding: 5px; display: block }
#nav a:hover, #nav li.active a { color: #2f1304; text-decoration: none }

/* Home */
#container.home { height: 417px; }
.home { text-align: center }
.home h3 { clear: both; display: block; height: 11px; width: 332px; margin: 10px auto; text-indent: -9999px; background: url(images/h3_home.gif) }
.home p { padding: 0 66px }
.home ul { display: block; clear: both; margin: 80px 0 45px 38px }
.home li { float: left; display: block; clear: none; padding-left: 28px }
.home a.about, .home a.portfolio, .home a.contact { display: block; text-indent: -9999px; width: 177px; height: 176px }
.home a.about { background: url(images/block_about_off.jpg); }
.home a:hover.about { background: url(images/block_about_on.jpg); }
.home a.portfolio { background: url(images/block_portfolio_off.jpg); height: 186px }
.home a:hover.portfolio { background: url(images/block_portfolio_on.jpg); }
.home a.contact { background: url(images/block_contact_off.jpg); }
.home a:hover.contact { background: url(images/block_contact_on.jpg); }
.home p { font-size: 1.2em; color: #666; line-height: 1.4em }

/* Portfolio */
#prev, #next, #myGallery { float: left; clear: none }
#prev, #next { display: block; height: 170px; padding-top: 170px; overflow: hidden }
#prev { padding-right: 24px }
#next { padding-left: 24px }
#prev a { display: block; width: 26px; height: 26px; background: url(images/prev.gif) no-repeat; text-indent: -9999px; }
#next a { display: block; width: 26px; height: 26px; background: url(images/next.gif) no-repeat; text-indent: -9999px; }
#container.sub.portfolio p { clear: both}

/* Footer */
#footer { text-align:center; padding: 20px }
#footer p { font-size: 1.2em; line-height: 1.6em }

p.copy { font-family: Georgia, "Times New Roman", Times, serif; color: #655; font-variant:small-caps; font-size: 1.1em line-height: 1.8em }
p.copy a, p.copy a:visited, p.copy a:active { color: #655 }
p.copy a:hover { text-decoration: underline }

p.credit { font-size: 1em; color:#958989; font-family: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; line-height: 1.7em }
p.credit a, p.credit a:visited, p.credit a:active { color: #958989 }
p.credit a:hover { text-decoration: underline }

/* Clear FIx */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { zoom: 1; display: block; }