/*  
Site designed by Greg Artime
artimeg.com
*/

/* ---------------- Basic Elements ------------------ */

body {
	color:#eee;
	margin: 0;
	padding:0;
	background:#000;
	text-align:center;
	padding-bottom:2em;
	font:1.1em 'Trebuchet MS', Arial, Verdana, sans-serif;
	}

a {
	color:#5881AF;
	text-decoration:none;
	}

a img {
	border: none;
	}

a:hover img {
	background:none;
	}

a:visited {
	color: #5881AF;
	}

a:hover {
	color: #879A58;
	background:#111;
	}

h1 {
	color:#879A58;
	font-size:120%;
	padding:10px;
	margin:0;
	letter-spacing:1px;
	}

h1 span {
	color:#FFF;
	font-size:70%;
	font-weight:normal;
	letter-spacing:normal;
	}

h2 {
	font-size:110%;
	padding-bottom:5px;
	margin:30px 10px 0 10px;
	color:#5881AF;
	border-bottom:1px solid #222;
	clear:both;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
h2#june {
	background:url(/images/header-june08.jpg) no-repeat;
	height:100px;
	width:276px;
	}
	
h2#june span {
	text-indent:-500em;
	display:block;
	}

h2 a, h2 a:visited {
	}

h2 a:hover {
	color:#879A58;
	border-bottom:1px dashed #5881AF;
	background:none;
	}
	
.i-faq h2 a:hover {
	color:#5881AF;
	background:none;
	border:none;
	}

h3 {
	padding:10px 0 0 0;
	margin:0 15px;
	font-size:100%;
	color:#879A58;
	font-variant: small-caps;
	}
	
h3 span {
	color:#EEE;
	font-size:80%;
	}

h3 a, h3 a:visited {
	color:#879A58;
	}
	
h3 a:hover {
	color:#5881AF;
	}

p {
	padding:5px;
	margin:0 20px;
	font-size:90%;
	line-height:1.5em;
	}

p span {
	color:#879A58;
	}

br {
	clear:both;
	}
	
.arrows {
	color:#EEE;
	font-size:100%;
	letter-spacing:1px;
	}

.quicknews {
	float:right;
	width:200px;
	background:#111;
	border-top:1px solid #879A58;
	margin-bottom:10px;
	}

.quicknews h3 {
	margin-left:5px;
	}

.quicknews p a, .quicknews p a:visited {
	font-size:90%;
	color:#EEE;
	}

.quicknews p a:hover {
	border-bottom:1px dashed #5881AF;
	color:#EEE;
	}
	
.specialcontain img {
	float:right;
	margin-bottom:10px;
	}
	
.flash {
	width:730px;
	font-size:120%;
	text-align:center;
	padding-bottom:10px;
	color:#5881AF;
	}

.montage10 {
	width:365px;
	float:left;
	margin-left:20px;
	}
	
.montage30 {
	width:365px;
	float:left;
	}
	
.montage10 img, .montage30 img {
	margin-top:10px;
	}

.session-image, .special-image {
	float:left;
	margin:10px 0 0 25px;
	border:5px solid #FFF;
	}

.session-image-alt, .special-image-alt {
	float:right;
	margin:10px 25px 0 0;
	border:5px solid #FFF;
	}

.session-desc, .special-desc {
	float:right;
	width:435px;
	}
	
.session-desc-alt, .special-desc-alt {
	float:left;
	width:435px;
	margin-left:10px;
	}
	
.special-image-wide {
	display:block;
	margin:10px auto;
	border:5px solid #FFF;
	}

.special-desc-wide {
	width:725px;
	margin-left:25px;
	}
	
.fam-session-desc {
	float:right;
	width:750px;
	}
	
.disclaimer {
	overflow:auto;
	height:200px;
	margin:20px 0;
	border:1px solid #222;
	}

.centerimage {
	display:block;
	text-align:center;
	}
	
p.text-wrap img {
	float:left;
	padding:5px 10px 0 0;
	}
	
#staff p {
	width:720px;
	margin-left:15px;
	}
	
.baby-info {
	margin-top:20px;
	}
	
.body-image, #baby-begin {
	float: left;
	margin:0 10px;
	border: 5px solid #fff;
}

#baby-begin {
	margin:10px 10px 20px 10px;
	}
	
.no-border {
	border:none;
	}
	
/* ---------------- Containers ------------------ */

#main {
	width: 770px;
	text-align: left;
	margin: 0 auto;
	padding:0;
	position:relative;
	}

#content {
	width:770px;
	}

/* only for the home page */
body#home #content { 
	width:730px !important;
	background:#000;
	margin:10px 20px;
	display:block;
	}

.intro {
	float:left;
	padding:0;
	margin-bottom:10px;
	background:#000;
	width:510px;
	border:5px solid #fff;
	height:329px;
	}

/* ---------------- Header ------------------ */

#header {
	width:770px;
	height:75px;
	margin:0 auto;
	padding:0;
	}

#header span {
	position: absolute;
	margin:0 auto;
	width: 770px;
	height:75px;
	background: url(images/header.gif) no-repeat;
	}

#header a {
	display:block;
	height:100%;
	text-indent:-500em;
	text-decoration:none;
	}

#header a:hover {
	background:none;
	}

/* ---------------- Navigation ------------------ */

#navcontain ul {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: center;
	width:770px;
	background: url(images/n-bg-off.gif) repeat-x;
	}

#navcontain ul li {
	display: inline;
	}

#nav {
	height: 51px;
	padding: 0;
	margin:0;
	}

#nav li a:link, #nav li a:visited {
	position: absolute;
	display: block;
	height: 51px;
	color:#FFF;
	background:#5881AF;
	text-indent: -5000px;
	overflow: hidden;
	text-decoration: none;
	}

/*Navigation hover when not on current page */
#nav #n-home a {left: 181px; width: 78px;background: url(images/n-home-normal.gif) no-repeat;}
#nav #n-about a {left: 259px; width: 80px;background: url(images/n-about-normal.gif) no-repeat;}
#nav #n-gallery a {left: 339px; width: 90px;background: url(images/n-gallery-normal.gif) no-repeat;}
#nav #n-contact a {left: 429px; width: 95px;background: url(images/n-contact-normal.gif) no-repeat;}
#nav #n-info a {left: 524px; width: 64px;background: url(images/n-info-normal.gif) no-repeat;}

#nav #n-home a:hover,#nav #n-home a.active {background-position:0 -51px;}
#nav #n-about a:hover,#nav n-about a.active {background-position:0 -51px;}
#nav #n-gallery a:hover,#nav #n-gallery a.active {background-position:0 -51px;}
#nav #n-contact a:hover,#nav #n-contact a.active {background-position:0 -51px;}
#nav #n-info a:hover,#nav #n-info a.active {background-position:0 -51px;}

/*Navigation hover when on current page */
body#home #n-home a {left: 181px; width: 78px;background:url(images/n-home-active.gif) no-repeat;background-position: 0 0;}
body#about #n-about a {left: 259px; width: 80px;background:url(images/n-about-active.gif) no-repeat;background-position: 0 0;}
body#gallery #n-gallery a {left: 339px; width: 90px;background:url(images/n-gallery-active.gif) no-repeat;background-position: 0 0;}
body#contact #n-contact a {left: 429px; width: 95px;background:url(images/n-contact-active.gif) no-repeat;background-position: 0 0;}
body#info #n-info a {left: 524px; width: 64px;background:url(images/n-info-active.gif) no-repeat;background-position: 0 0;}

body#home #n-home a:hover,#n-home a.active {background-position:0 -51px;}
body#about #n-about a:hover,#n-about a.active {background-position:0 -51px;}
body#gallery #n-gallery a:hover,#n-gallery a.active {background-position:0 -51px;}
body#contact #n-contact a:hover,#n-contact a.active {background-position:0 -51px;}
body#info #n-info a:hover,#n-info a.active {background-position:0 -51px;}

/* ---------------- Sub Nav for the Gallery ------------------ */

#subnav {
	margin:0 auto;
	padding:0;
	background:#6E8342;
	width:770px;
	font-size:90%;
	}
div#s-nav {
	margin:0;
	padding:10px;
	background:#6E8342;
	}

ul#s-nav {
	list-style:none;
	margin:0;
	padding:10px;
	background:#6E8342;
	}

#s-nav li {
	display:inline;
	margin:0;
	padding:0;
	}

#s-nav a, #s-nav a:visited {
	color:#FFF;
	padding:5px;
	margin:0;
	}

#s-nav a:hover {
	background:#879A58;
	padding:5px;
	margin:0;
	}

body.g-seniors #s-seniors a, body.g-families #s-families a, body.g-children #s-children a, body.g-babies #s-babies a, body.g-business #s-business a, body.g-pets #s-pets a, body.g-secialevents #s-specialevents a, body.c-email #s-email a, body.a-staff #s-staff a, body.i-directions #s-directions a, body.i-things-to-know #s-things-to-know a, body.i-faq #s-faq a, body.i-specials #s-specials a, body.i-sessions #s-sessions a, body.i-features #s-features a {
	background:#879A58;
	padding:5px;
	margin:0;
	}

#subgal {
	display: inline;
	float:left;
	margin:30px 20px 20px 20px;
	padding:0;
	width:90px;
	background:#111;
	border-top:1px solid #879A58;
	}

ul#g-nav {
	list-style:none;
	margin:0;
	padding:0;
	}

#g-nav li {
	margin:0;
	padding:0;
	display:inline;
	}

#g-nav a, #g-nav a:visited {
	display:block;
	color:#5881AF;
	padding:5px;
	margin:0;
	line-height:normal;
	font-size:80%;
	}

#g-nav a:hover {
	color:#879A58;
	padding:5px;
	margin:0;
	background:#222;
	}

#g-nav a.g-active, #g-nav a:visited.g-active  {
	background:#000;
	color:#879A58;
	}

#g-nav a:hover.g-active {
	background:#222;
	}

/* ---------------- Style the Intros to the Galleries ------------------ */

#gallerythumbnails {
	float:left;
	width:770px;
	padding:10px 0;
	}

div.float-thumb {
	float:left;
	width:236px;
	padding:10px;
	text-align:center;
	}
	
div.float-thumb img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

/* ---------------- Contact Form and Directions Form ------------------ */


#contactcontain, #commentcontain {
	margin:10px auto 0 auto;
	padding:20px 0;
	width:740px;
	border-top:1px dashed #879A58;
	}
	
body#contest #contactcontain {
	border:none;
	}

.contactform {
	position: static;
	overflow: hidden;
	}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	color:#5881AF;
	}

.contactright {
	width: 70%;
	text-align: left;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	color:#879A58;
	}

#name, #email, #phone, #subject, #msg, #contactsubmit, #mapaddr, #mapsubmit, #url {
	background:#111;
	border:1px solid #222;
	color:#FFF;
	padding:5px;
	}

#name:focus, #email:focus, #phone:focus, #subject:focus, #msg:focus, #mapaddr:focus, #url:focus {
	border:1px solid #333;
	}

.contactright span {
	font-size:80%;
	}

.mapitlabel {
	text-align: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	color:#5881AF;
	}

.contactbg {
	background:#111;
	border:1px solid #222;
	color:#FFF;
	padding:5px;
	}

.contacterror {
	border: 1px solid #ff0000;
	}
	
#contactcontain input {
	background:#111;
	border:1px solid #222;
	color:#FFF;
	padding:5px;
	}
	
#contactcontain input:focus {
	border:1px solid #333;
	}
	
p.invis {
	display:none;
	}

/* ---------------- Lists ------------------ */

ul#faq {
	margin:0 10px;
	padding: 0;
	list-style: none;
	}
	
ul#list {
	margin-left:30px;
	padding: 0;
	list-style: none;
	}

ul#faq li, ul#list li, ul#i-specials {
	margin: 0 0 5px 0;
	padding: 0 0 0 18px;
	line-height: 1.2em;
	background: url(images/bullet.gif) no-repeat 0 6px;
	}

ul#faq li.last {
	border-bottom:1px dashed #879A58;
	padding-bottom:20px;
	margin-bottom:20px;
	}

a.top {
	float:right;
	margin:0 20px 20px 0;
	padding: 0 0 0 15px;
	background:url(images/top.gif) no-repeat 0 50%;
	font-size:90%;
	}

.top a, .top a:visited {
	color:#879A58;
	}

 a:hover.top {
	background:transparent url(images/top.gif) no-repeat 0 50%;
	}
	
a.moreinfo {
	float:right;
	margin:0 20px 20px 0;
	padding: 0 15px 0 0;
	background:url(images/right.gif) no-repeat right 50%;
	font-size:80%;
	}

.moreinfo a, .moreinfo a:visited {
	color:#879A58;
	}

 a:hover.moreinfo {
	background:transparent url(images/right.gif) no-repeat right 50%;
	}

/* ---------------- Footer ------------------ */

#footer {
	width:770px;
	padding: 7px 0 9px 0;
	margin:20px auto 0 auto;
	clear:both;
	text-align: center;
	font-size:70%;
	background:#222;
	border-top:1px solid #879A58;
	line-height:1.5em;
	}

#footer p {
	width:80%;
	margin:0 auto;
	}

#footer a, #footer a:visited {
	padding:2px;
	color:#6E8342;
	text-decoration:none;
	font-weight:bold;
	}

#footer a:hover {
	padding:2px;
	color:#879A58;
	background:#000;
	}