@charset "UTF-8";
/* CSS Document */

#body {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position:top;
	height:600px;
}
#container {
	height:600px;	
	font-family:  "Handwriting - Dakota",Helvetica, Arial;
	color: #000000;
	width: 800px;
	margin: auto;
	text-align: center;
}
#lightBox {
	margin-left:200px;
	margin-top:450px;
}
#statement {
	font-size:16px;
	line-height:15px;

}
#frame{
margin-top:-14px;
margin-left:203px;
}
#bio_foot{

margin-top:-2px;}

.prod_list ul{
line-height:29px;
}

#kids{
margin-top:-280px;
margin-left:140px;
}
#kids_footer{
margin-top:-35px;}

#contact{
margin-left:25px;

}
/*--------------CSS for tab Nav -----------*/

	* {
	margin: 0;
	padding: 0
}
/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p {
	text-align: left;
	margin: 15px 0
}
p, ul {
	font-size: 13px;
	line-height: 1.4em
}
p a, li a {
	color: #000000;
	text-decoration: none
}
p.intro {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 20px 0 30px 0;
	text-align: center;
	width: 100%
}
#foot {
margin-top:114px;}
/*p#cross-links {
	text-align: center
}
p#cross-links {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	padding-bottom: 30px
}*/
noscript p, noscript ol {
	color: #a00;
	font-size: 13px;
	line-height: 1.4em;
	text-align: left
}
noscript a {
	color: #a00;
	text-decoration: underline
}
noscript ol {
	margin-left: 25px;
}
a:focus {
	outline:none
}
img {
	border: 0
}
h3 {
	border-bottom: 1px solid black;
	margin-bottom: 5px;
	padding-bottom: 3px;
	text-align: left
}
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
	
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 284px 0;
	position: relative;
	width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
		.csw {
	width: 100%;
	height: 60px;
	background: #fff;
}
.csw .loading {
	margin: 800px 0 300px 0;
	text-align: center
}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 520px;
	clear: both;
	/*background: #fff;*/
			top:30px;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 700px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}
.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.stripNav a { /* The nav links */
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 66px;
	/*background: #c6e3ff;*/
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
.stripNav li.tab1 a {
	background-image: url(../images/btn_about.gif);
	width:90px;
	height:106px;
	background-position: left;
}
.stripNav li.tab1 a:hover {
	background-position: right;
	color: #666666;
}
.stripNav li.tab2 a {
	background-image: url(../images/btn_bio.gif);
	width:90px;
	height:106px;
	background-position: left;
}
.stripNav li.tab2 a:hover {
	background-position: right;
	color: #666666;
}
.stripNav li.tab3 a {
	background-image: url(../images/btn_images.gif);
	width:90px;
	height:106px;
	background-position: left;
}
.stripNav li.tab3 a:hover {
	background-position: right;
	color: #666666;
}
.stripNav li.tab4 a {
	background-image: url(../images/btn_products.gif);
	width:90px;
	height:106px;
	background-position: left;
}
.stripNav li.tab4 a:hover {
	background-position: right;
	color: #666666;
}
.stripNav li.tab5 a {
	background-image: url(../images/btn_events.gif);
	width:102px;
	height:106px;
	background-position: left;
}
.stripNav li.tab5 a:hover {
	background-position: right;
	color: #666666;
}
.stripNav li.tab5 a.current {
	background-position: right;
	color: #666666;
		width:102px;
	height:106px;
}
.stripNav li.tab6 a {
	background-image: url(../images/btn_contact.gif);
	width:90px;
	height:106px;
	background-position: left;
}
.stripNav li.tab6 a:hover {
	background-position: right;
	color: #666666;
}
.stripNav li a:hover {
	align: right;
}
.stripNav li a.current {
	background-position: right;
	width:90px;
	height:106px;
	color: #000000;
}
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}
.stripNavL {
	left: 0;
}
.stripNavR {
	right: 0;
}
.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}
.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}
.stripNav li.tab1 {
	position:relative;
	left:16px;
	top:186;
}
.stripNav li.tab2 {
	position:relative;
	left:5px;
	top:186;
}
.stripNav li.tab3 {
	position:relative;
	left:0px;
	top:186;
}
.stripNav li.tab4 {
	position:relative;
	left:2px;
	top:186;
}
.stripNav li.tab5 {
	position:relative;
	left:2px;
	top:186;
}

/* jQuery lightBox plugin - Gallery style */
	#gallery {
	margin-top:-69px;
	margin-left:20px;
	background-color: none;
	padding: 10px;
	width: 629px;
}
#gallery ul {
	list-style: none;
}
#gallery ul li {
	/*display: inline;*/
}
/*#gallery ul img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #C69C6D;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover {
	color: #C69C6D;
}*/
/*----------------------------header images------------------*/

#about_h {
	background-image:url(../images/about_head.gif);
	background-repeat:no-repeat;
	width:629;
	height:131px;
	margin-top:-8px;
}
#about_images {
	background-image:url(../images/images_head.gif);
	background-repeat:no-repeat;
	width:629;
	height:131px;
	margin-top:-8px;
}
#about_products {
	background-image:url(../images/products_head.gif);
	background-repeat:no-repeat;
	width:629;
	height:141px;
	margin-top:-21px;
}
#about_contact {
	background-image:url(../images/contact_head.gif);
	background-repeat:no-repeat;
	width:629;
	height:141px;
	margin-top:-19px;
}
#about_bio {
	background-image:url(../images/bio_head.gif);
	background-repeat:no-repeat;
	width:629;
	height:141px;
	margin-top:-19px;
}
#about_events {
	background-image:url(../images/events_head.gif);
	background-repeat:no-repeat;
	width:629;
	height:141px;
	margin-top:-19px;
}z
/*----------------------------photo  images------------------*/

#star{

margin-top:-36px;
margin-left:116px;
}
#photo1{

margin-top:-266px;
margin-left:78px;
}
#photo2{

margin-top:122px;
margin-left:147px;
}
#photo3{

margin-top:-387px;
margin-left:247px;
}
#photo4{

margin-top:37px;
margin-left:416px;
}
#photo5{

margin-top:117px;
margin-left:350px;
}
#photo6{

margin-top:-312px;
margin-left:169px;
}
#photo7{

margin-top:-77px;
margin-left:323px;
}
#photo8{

margin-top:68px;
margin-left:354px;
}
#photo9{

margin-top:-2px;
margin-left:247px;
}
#photo10{

margin-top:-153px;
margin-left:138px;
}
#photo11{

margin-top:-132px;
margin-left:250px;
}