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

* {
	margin: 0;
	padding: 0;
	border: none;
	}

body {
	background: #fff;
	text-align: center;
	}

#wrapper {
	width: 665px;
	padding: 0 0 0 15px;
	margin: 0 auto;
	text-align: left;
	}
	
h1 { 
	width: 650px;
	height: 115px;
	background: url(images/bird.jpg) no-repeat right bottom;
	}
	
h1 a {
	display: block;
	width: 276px;
	height: 115px;
	background: url(images/logo.gif) no-repeat left top;
	text-indent: -9999em;
	}

ul#nav {
	width: 650px;
	height: 30px;
	background: #504e51 url(images/nav.jpg) no-repeat right top;
	overflow: hidden;
	}
	
ul#nav li {
	display: inline;
	list-style: none;
	}

ul#nav li a {
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	height: 30px;
	text-indent: -9999em;
	}
	
ul#nav li.n-home a { background-image: url(images/n-home-58.gif); width: 58px; }
ul#nav li.n-activity a { background-image: url(images/n-activity-94.gif); width: 94px; }
ul#nav li.n-transport a { background-image: url(images/n-transport-141.gif); width: 141px; }
ul#nav li.n-tickle a { background-image: url(images/n-tickle-83.gif); width: 83px; }
ul#nav li.n-custom a { background-image: url(images/n-custom-120.gif); width: 120px; }
ul#nav li.n-about a { background-image: url(images/n-about-79.gif); width: 79px; }

ul#nav li a:hover,
ul#nav li a.on {
	background-position: left bottom;
	}
	
/* home */

#intro {
	width: 650px;
	height: 225px;
	background: url(images/bg-intro.jpg) no-repeat right top;
	}
	
#intro h2 {
	background: url(images/h2-intro.gif) no-repeat left top;
	height: 115px;
	text-indent: -9999em;
	}
	
#intro p {
	float: left;
	font: normal 18px/24px Helvetica, Arial, sans-serif;
	color: #504e51;
	width: 390px;
	padding: 0 20px;
	text-align: justify;
	}
	
#intro p.orderNow {
	width: 190px;
	padding: 55px 0 0 20px;
	}
	
#intro p.orderNow a {
	background: url(images/orderNow.gif) no-repeat left top;
	width: 190px;
	height: 35px;
	display: block;
	text-indent: -9999em;
	}
	
#activities {
	width: 650px;
	height: 185px;
	background: #999;
	vertical-align: top;
	overflow: hidden;
	background: url(images/bg-activities.jpg) no-repeat right 30px;
	}
	
#activities h3 {
	background: url(images/h3-activities.jpg) no-repeat left top;
	height: 40px !important;
	text-indent: -9999em;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	}
	
#activities ul {
	padding: 15px 20px 0;
	font: normal 16px/18px Helvetica, Arial, sans-serif;
	color: #504e51;
	height: 200px;
	}
	
#activities ul li {
	list-style: none;
	float: left;
	width: 220px;
	margin: 0 0 11px;
	}
	
#system {
	padding: 0 0 5px;
	}
	
#system h3 {
	background: url(images/h3-system.gif) no-repeat left top;
	height: 30px;
	text-indent: -9999em;
	}

#system ol {
	height: 100px;
	padding: 10px 0 0;
	overflow: hidden;
	}

#system ol li {
	float: left;
	width: 210px;
	height: 90px;
	list-style: none;
	margin: 0 10px 0 0;
	background-position: left top;
	}

#system ol li a {
	background-position: left top;
	display: block;
	width: 210px;
	height: 90px;
	text-indent: -9999em;
	}
	
#system ol li.step1 a { background-image: url(images/step1.gif); }
#system ol li.step2 a { background-image: url(images/step2.gif); }
#system ol li.step3 { background-image: url(images/step3.gif); text-indent: -9999em; }

#system p {
	font: normal 14px/16px Helvetica, Arial, sans-serif;
	margin: 0 20px 10px;
	color: #504e51;
	}

ul#callouts {
	height: 70px;
	}

ul#callouts li {
	display: inline;
	list-style: none;
	}

ul#callouts li a {
	float: left;
	width: 320px;
	height: 60px;
	margin: 0 10px 0 0;
	background-position: left top;
	text-indent: -9999em;
	}

ul#callouts li.c-custom a { background-image: url(images/callout-custom.gif); }
ul#callouts li.c-quantity a { background-image: url(images/callout-quantity.gif); }


/* product page */

.summary {
	float: left;
	width: 410px;
	padding: 0 0 1px;
	}
	
.summary h2 {
	height: 55px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999em;
	}

.summary h4 {
	font: bold 13px/18px Helvetica, Arial, sans-serif;
	color: #f6af15;
	margin: 0 0 6px 20px;
	}
	
.summary p,
.summary ul {
	margin: 0 0 12px 20px;
	font: normal 13px/18px Helvetica, Arial, sans-serif;
	color: #504e51;
	}
	
.summary li {
	list-style: square;
	margin: 0 0 3px;
	}
	
.summary a {
	color: #f6af15;
	text-decoration: none;
	border-bottom: 1px dotted #f6af15;
	}

#activityTags .summary h2 { background-image: url(images/h2-activity.gif); }
#transportationTags .summary h2 { background-image: url(images/h2-transport.gif); }
#tickleTags .summary h2 { background-image: url(images/h2-tickle.gif); }
#customizedTags .summary h2 { background-image: url(images/h2-custom.gif); }
#customAdd .summary h2 { background-image: url(images/h2-custom.gif); }
#activityTags h3 { background-image: url(images/h3-step1.gif); }
#transportationTags h3 { background-image: url(images/h3-step2.gif); }
#tickleTags h3 { background-image: url(images/h3-tickle.gif); }
#customizedTags h3 { background-image: url(images/h3-custom.gif); }

img.hero {
	float: left;
	}

.listings {
	clear: both;
	}
	
.listings h3 {
	height: 30px;
	width: 650px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999em;
	}
	
.listings h4 {
	font: bold 13px/13px Helvetica, Arial, sans-serif;
	background: #c44e00;
	color: #fff;
	width: 630px;
	padding: 7px 10px;
	clear: both;
	}
	
.listings ul {
	}

.listings li {
	float: left; 
	width: 155px;
	text-align: center;
	padding: 5px 10px 10px 0;
	list-style: none;
	}
	
.listings li img {
	display: block;
	margin: 0 auto;
	}
	
.listings li h5 {
	border-top: 5px solid #504e51;
	font: bold 13px/13px Helvetica, Arial, sans-serif;
	padding: 5px 10px;
	color: #f6af15;
	text-align: left;
	}
	
.listings li p {
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	color: #504e51;
	padding: 0 10px;
	text-align: left;
	height: 45px;
	}
	
.listings li .order {
	background: #eee;
	padding: 3px 0 0;
	}
	
.listings li .order strong {
	float: left;
	text-align: left;
	padding: 5px 0 0 10px;
	height: 20px;
	width: 72px;
	font: bold 12px/12px Helvetica, Arial, sans-serif;
	color: #504e51;
	}
	
.listings li .order label {
	float: left;
	text-align: right;
	padding: 5px 0 0 0;
	height: 20px;
	width: 30px;
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	color: #504e51;
	}
	
.listings li .order input.qty {
	float: right;
	margin: 0 5px 0 0;
	display: inline;
	border: 1px solid #ccc;
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	width: 25px;
	padding: 3px;
	color: #504e51;
	}

.listings li .order .break {
	border-top: 1px solid #ccc;
	clear: both;
	padding: 3px 3px 0;
	height: 29px;
	}	

.listings li .order input.button {
	background: #39363a url(images/button.gif) repeat-x left top;
	color: #fff;
	float: right;
	font: bold 10px/10px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	padding: 7px 8px;
	border: 1px solid #ccc;
	}
	
/* content */

.content {
	width: 650px;
	padding: 0 0 1px;
	}
	
.content h2 {
	height: 55px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999em;
	}

.content h4 {
	font: bold 13px/18px Helvetica, Arial, sans-serif;
	color: #f6af15;
	margin: 0 20px 6px;
	}
	
.content p,
.content ul,
.content ol {
	margin: 0 20px 12px;
	font: normal 13px/18px Helvetica, Arial, sans-serif;
	color: #504e51;
	}
	
.content ul li {
	list-style: square;
	margin: 0 0 3px;
	}
	
.content a {
	color: #f6af15;
	text-decoration: none;
	border-bottom: 1px dotted #f6af15;
	}

.content table {
	width: 650px;
	margin: 0 0 12px;
	}
	
.content table td {
	padding: 6px 20px;
	border-top: 1px solid #eee;
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	}
	
.content table.contact td {
	vertical-align: top;
	}

.content input.text,
.content textarea,
.content select {
	border: 1px solid #ddd;
	padding: 3px;
	font: normal 11px/13px Helvetica, Arial, sans-serif;
	width: 200px;
	color: #504e51;
	}	
	
.content label {
	display: block;
	font-weight: bold;
	padding: 5px 0 0;
	color: #504e51;
	}

.content input.button {
	background: #39363a url(images/button.gif) repeat-x left top;
	color: #fff;
	font: bold 10px/10px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	padding: 7px 8px;
	border: 1px solid #ccc;
	}
	
.content blockquote p {
	font: italic 22px/24px "Times New Roman", Times, serif;
	color: #f6af15;
	}	

#aboutUs #about h2 { background-image: url(images/h2-about.gif); }
#aboutUs #contact h2 { background-image: url(images/h2-contact.gif); }

/* footer */

#footer {
	clear: both;
	border-top: 5px solid #504e51;
	width: 650px;
	padding: 10px 0;
	}

#footer p {
	font: normal 10px/10px Helvetica, Arial, sans-serif;
	color: #504e51;
	}

#footer p a {
	color: #504e51;
	text-decoration: none;
	}

#footer p a:hover {
	color: #f6af15;
	}
	
.orange {
	color: #f6af15 !important;
	}