/* ---------------------------------------------------
NAUTILUS RETREATS

Author: Ryan Meashaw / www.cybertrail.net
----------------------------------------------------- */

/* ---------------------------------------------------
GLOBAL
----------------------------------------------------- */
*{ margin: 0; padding: 0; }
.right { float: right; text-align: right; margin: 0 0 1em 0; }
.clear { clear: both; height: 1px; }
a img { border: 0; }
.imgspace { margin: 1em 1em 1em 1em; border: 1px solid #333; }
.center { margin: 0 auto; text-align: center; border: 0; }

body { font: 88% Verdana, sans-serif; line-height: 1.5em; color: #000; background: #0591DF url(../img/bg_body.gif) 0 0 repeat-x; line-height: 1.5em; padding: 0 0 20px 0; }
html>body { font-size: 14px; }

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

/* ---------------------------------------------------
HEADINGS
----------------------------------------------------- */
/* LOGO */
h1 { position: relative; height: 125px; width: 630px; margin: 20px auto; }
h1 a { display: block; margin: 0 auto; width: 630px; height: 125px; text-indent: -5000px; overflow: hidden; background: url(../img/logo_nautilus.png) top left no-repeat; }

h2 { margin: 15px auto; text-align: center; font: italic 2em Georgia, Candara, "Trebuchet MS", sans-serif; line-height: 1.5em; width: 600px; height: 149px; }
h2 span { display: none; }
h3 { font-weight: bold; color: #363; margin: 0; border-bottom: 1px dotted #0591DF; padding: 0 0 .7em 0; font-size: 1.5em; line-height: .857em; margin-top: 1.286em; margin-bottom: .429em; }
h4 { color: #333; font-family: georgia, serif; text-transform: uppercase; font-size: 1.3em; margin-top: 1.5em; margin-bottom: .5em; padding: 0 0 .5em 0; border: 1px solid #efefef; border-width: 0 0 1px 0; line-height: 1em; }
h5 { float: left; font-size: .8em; margin: 0 1.25em .6em 0; padding: .75em; color: #00284F; background: #efefef; line-height: 1.5em; }

/* ---------------------------------------------------
NAVIGATION
----------------------------------------------------- */
/* MAIN */
#navigation { list-style: none; margin: 0 auto; text-align: center; background: #00284F url(../img/bg_nav.gif) bottom left repeat-x; padding: 1.5em 0 2.25em 0; }
#navigation li { display: inline; margin: 0 0 0 1em; font: 1.1em Calibri, Arial, sans-serif; }
#navigation li a { color: #fff; text-decoration: none; }
#navigation li a:hover {color: #ffc;}
#navigation li.selected { background: url(../img/bg_nav_bottom.gif) no-repeat 100% 100%; padding: 5px 0; padding: 0 !important!; color: #ffc; }
#navigation li.selected a { color: #fff; padding: 0 10px 5px 0; text-decoration: none; }
#navigation li.selected a span { background: url(../img/bg_nav_top.gif) no-repeat 0 0; padding: 5px 0 0 10px; text-decoration: none; color: #ffc; }

/* SUB */
#subnav { margin: 3em auto 1em auto; font-size: .7em; text-align: center; color: #999; }
#subnav li { display: inline; list-style-type: none; margin: 0; padding: 0; }
#subnav a { padding: 0 .5em; }

/* ---------------------------------------------------
LISTS
----------------------------------------------------- */
ul { margin: 1.5em 0; }
ul li { margin: 0 0 1em 1em; }
.links { color: #00284F; }
.nobullet { list-style-type: none; }

/* ---------------------------------------------------
STRUCTURE
----------------------------------------------------- */
#wrapper { width: 700px; background: #fff url(../img/bg_wrapper.jpg) 0 0 no-repeat; margin: 0 auto; padding: 20px 0 0 0; }
#wrapper_btm { width: 700px; height: 15px; background: #fff url(../img/bg_wrapper_btm.gif) 0 0 no-repeat; margin: 0 auto; }
p { margin: 20px 40px 0 40px; font-size: 1em; line-height: 1.5em; }

#quote_home { background: transparent url(../img/quote_home.png) 0 0 no-repeat; }
#quote_about { height: 144px; background: transparent url(../img/quote_about.png) 0 0 no-repeat; }
#quote_events { height: 196px; background: transparent url(../img/quote_events.png) 0 0 no-repeat; }
#quote_contact { height: 185px; background: transparent url(../img/quote_contact.png) 0 0 no-repeat; }
#quote_custom { height: 149px; background: transparent url(../img/quote_custom.png) 0 0 no-repeat; }
#quote_testimonials { height: 98px; background: transparent url(../img/quote_testimonials.png) 0 0 no-repeat; }
#quote_coaching { height: 150px; background: transparent url(../img/quote_coaching.png) 0 0 no-repeat; }
#quote_links { height: 167px; background: transparent url(../img/quote_links.png) 0 0 no-repeat; }

#photos, #photos_about, #photos_events, #photos_contact, #photos_testimonial, #photos_links, #photos_index { background: transparent url(../img/photos_foot.png) 0 0 no-repeat; width: 452px; height: 240px; text-align: left; margin: 0 0 0 2.2em; padding: 0; }
#photos span, #photos_about span, #photos_index span { display: none; }
#photos_about { height: 350px; background: transparent url(../img/photos_foot_about.png) 0 0 no-repeat; }
#photos_events { background: transparent url(../img/photos_foot_events.png) 0 0 no-repeat; }
#photos_custom { height: 350px; background: transparent url(../img/photos_foot_custom.png) 0 0 no-repeat; }
#photos_contact { background: transparent url(../img/photos_foot_contact.png) 0 0 no-repeat; }
#photos_testimonial { background: transparent url(../img/photos_foot_testimonial.png) 0 0 no-repeat; }
#photos_coaching { height: 350px; background: transparent url(../img/photos_foot_coaching.png) 0 0 no-repeat; }
#photos_links { background: transparent url(../img/photos_foot_links.png) 0 0 no-repeat; }
#photos_index { height: 350px; margin: 1.25em auto 2em auto; text-align: center; }

.entry_top, .entry_bottom { margin: 0 auto; text-align: center; background: transparent url(../img/entry_top.png) 50% 0 no-repeat; width: 700px; height: 5px; }
.entry_bottom { background: transparent url(../img/entry_bottom.png) 50% 0 no-repeat; margin: 0 0 22px 0; }
.entry { background: #fff; width: 580px; margin: 0 auto; line-height: 1.5em; padding: 12px 20px; font-size: .9em; }
.entry p { margin: 1.25em 0; padding: 0; }

#tests { float: right; width: 140px; background: #fff; margin: 20px 40px 20px 20px; padding: 20px; font-size: .75em; line-height: 1.5em; }
.test { margin: 0 padding: 0; clear: both; border-bottom: 1px dotted #0591DF; padding: 0 0 2.25em 0; margin: 1em 0 0 0; }
.test span { font-style: italic; float: right; }

/* FOOTER */
#footer { margin: 30px auto 0 auto; padding: 0 0 1em 0; background: transparent url(../img/bg_wrapper_btm.gif) 0 100% no-repeat; clear: both; }

#badges { float: right; margin: 0; padding: 0 2em; width: 146px; list-style-type: none; }
#badges li { text-align: center; margin: 2em 0 0 0; }

#copyright { width: 700px; margin: 20px auto 0 auto; color: #fff; line-height: 1.5em; font-size: .9em; }
#copyright p { margin: 0 20px; }