/* css reset */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {text-align: left; vertical-align: top}


body {background: #2e9ea2; color: #000; font: 90% helvetica, sans-serif;}

/*
colors

*/

.l {text-align: left !important;}
.r {text-align: right;}
.c {text-align: center;}
.nowrap {white-space: nowrap;}

a[href="#"], a[href=""] {border-bottom: 3px solid red;}

a {color: #117c83;}
a:visited {color: #628486;}
a:hover {color: #d7b015;}
.hilight {background-color: yellow !important;}

p {margin: 0 0 1em;}
hr {border: 1px solid #ddd; border-width: 1px 0 0; margin: 1em 0; height: 1px;}

#wrapper {width: 982px; margin: 0 auto; position: relative;}
#logo {display: block; margin-bottom: 10px;}
#shimtop {margin-left: 193px; width: 789px; height: 16px; background: url(../img/bg-top.png) no-repeat;}
#contentwrap {margin-left: 193px; width: 772px; min-height: 520px; padding: 0 10px 0 7px; background: url(../img/bg.png) repeat-y; overflow: auto;}

h1 {color: #08797d; font-weight: normal; font-size: 180%; margin: 2px 0 10px 158px;}
h2 {color: #08797d; font-weight: normal; font-size: 140%; margin: 1em 0 0;}
strong {color: #08797d;}
#content ul {margin: 0 0 1em;}
#content li {padding-left: 20px; margin: 0 0 .4em; background: url(../img/li.png) 5px 4px no-repeat;}
#highlight {color: #fff; font-size: 110%; background: #92c73e; line-height: 1.8; padding: 16px 16px 16px 158px;}
#highlight p {margin: 0;}

#content {width: 458px; margin: 40px 0 40px 50px; line-height: 1.5; float: left;}
#testimonials #content {width: 640px;}
#testimonialwrap {float: right; width: 233px; margin: 24px 10px 24px 0;}
#testimonials #testimonialwrap {display: none;}
#testimonial {font-size: 110%; color: #fff; line-height: 1.3; padding: 16px 16px 1px; background: #d7b015 url(../img/bg-star.png) 110% 110% no-repeat; position: relative;
-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(inc/PIE.htc);}
#author {color: #999; font-size: 85%; padding: 20px 0 0 30px; background: url(../img/bubblearrow.png) 20px 0 no-repeat;}
.author {color: #999; font-size: 85%;}
#author a {white-space: nowrap;}
#testimonials #content div {background: #fff url(../img/bg-star-yellow.png) no-repeat; padding: 50px 0 0 100px; position: relative;}

#shimbot {margin-left: 193px; width: 789px; height: 17px; background: url(../img/bg-bot.png) no-repeat;}

#nav {position: absolute; top: 340px; left: 15px;}
#nav a {color: #fff; text-decoration: none; text-indent: -4000px; display: block; width: 196px; height: 35px; background: url(../img/nav.png) no-repeat;}
#nav #nav-home a {background-position: 0 0;}
#nav #nav-about a {background-position: 0 -35px;}
#nav #nav-services a {background-position: 0 -70px;}
#nav #nav-resources a {background-position: 0 -105px;}
#nav #nav-testimonials a {background-position: 0 -140px;}
#nav #nav-contact a {background-position: 0 -175px;}
#nav #nav-summer a {height: 60px; background-position: 0 -210px;}
#nav #nav-blog a {background-position: 0 -270px;}

#nav #nav-home a:hover {background-position: -196px 0;}
#nav #nav-about a:hover {background-position: -196px -35px;}
#nav #nav-services a:hover {background-position: -196px -70px;}
#nav #nav-resources a:hover {background-position: -196px -105px;}
#nav #nav-testimonials a:hover {background-position: -196px -140px;}
#nav #nav-contact a:hover {background-position: -196px -175px;}
#nav #nav-summer a:hover {background-position: -196px -210px;}
#nav #nav-blog a:hover {background-position: -196px -270px;}

#home #nav #nav-home a {background-position: -392px 0;}
#about #nav #nav-about a {background-position: -392px -35px;}
#services #nav #nav-services a {background-position: -392px -70px;}
#resources #nav #nav-resources a {background-position: -392px -105px;}
#testimonials #nav #nav-testimonials a {background-position: -392px -140px;}
#contact #nav #nav-contact a {background-position: -392px -175px;}
#summer #nav #nav-summer a {background-position: -392px -210px;}

#photo {position: absolute; top: 95px; left: 0;}
#headshot {position: absolute; top: 40px; right: 6px; width: 125px; height: 152px; background: url(../img/shannon-okeefe.png) no-repeat;}
#footer {margin-left: 193px; width: 689px; padding: 0 50px 10px 50px; font-size: 90%; font-weight: bold;}
#footer, #footer a {color: #fff; text-decoration: none;}
#footer p {float: left;}
#footer #credit {font-weight: normal; font-size: 80%; float: right;}