@charset "utf-8";

/* water background */
body           { background: #387576 url('/images/water.jpg') no-repeat center top; background-attachment: fixed; }
img#background { display: none; }
div#container  { background: url('/images/gradient.png') repeat-x bottom center; }
div#footer     { margin-top: 20px; }

/* links */
a { color: #9ff; border-bottom: 1px dotted #6cc; }
a:visited { color: #cff; }
a:active, a:hover, a:focus { color: #155052; background: #6ff; }

a.more { width: 23px; height: 23px; background: url('/images/dot.png') no-repeat; position: absolute; top: 15px; right: 20px; border: none !important; }
a.more img { margin: 7px 0 0 8px; }
p.more { position: absolute; top: 0.6em; right: 20px; }

/* images */
img.border { border: 6px solid #fff; }
a:hover img.border, a:active img.border, a:focus img.border { border: 6px solid #6ff; }
a.noborder { border: none; }
img.inline { display: inline; line-height: 1.5em; vertical-align: middle; }

/* tabs */
div#tab ul { float: right; }
div#tab a  { color: #155052; display: inline-block; padding: 70px 20px 5px !important; }
div#tab li.current a { color: #fff; background: url('/images/teal-bg.png') repeat; }
div#tab li a:active, div#tab li a:hover, div#tab li a:focus { color: #fff; background: url('/images/teal-bg-dk.png') repeat; }

/* teal backgrounds */
div.teal-bg    { background: url('/images/teal-bg.png') repeat; margin-top: 0; }
div.teal-bg-dk { background: url('/images/teal-bg-dk.png') repeat; margin-bottom: 0; }
div.relative   { position: relative; }
div.teal-bg-dk h2 { margin-top: 0; margin-bottom: 0; }

/* text */
div.portfolio h3 { font-size: 2.5em; }
h3, legend { color: #cfc; }

/* forms */
label        { width: 9em; float: left; margin-bottom: 1em; }
form h3      { border-bottom: 1px dotted #155052; margin: 0.25em 0 1em; }
form p       { clear: both; float: left; margin-top: 0; }
form input, form textarea { width: 300px; float: left; border: 1px solid #155052 !important; margin: 0; padding: 3px !important; }
input.button { background: #155052; color: #fff; font-weight: bold; margin: 1em 0 0 9.5em; padding-top: 2px !important; width: 9em; }

/* Easy Slider */
#slider    { width: 900px; height: 320px; overflow: hidden; }
#slider li { width: 900px; height: 320px; overflow: hidden; font-size: 1em; } /* define width and height (also set in js file) of list item (slide) */

ol#controls    { height: 28px; float: right; }
ol#controls li { margin: 0 10px 0 0; padding: 0; float: left; list-style: none; }

p.show-hide { width: 5em; height: 1.5em; overflow: hidden; }

p.dots a { font-size: 1.8em; line-height: 20px !important; }
p.dots span.left { margin-right: 5px; }
p.dots span.right { margin-left: 5px; }
.dots a { float: left; width: 23px; height: 23px; line-height: 23px; font-weight: bold; text-align: center; border: none;
		                                       background: url('/images/dot.png') no-repeat; color: #fff; }
.dots a:active, .dots a:hover, .dots a:focus { background-image: url('/images/dot-active.png'); color: #155052; }
ol#controls li.current a                     { background-image: url('/images/dot-selected.png'); color: #155052; }