/* CSS Document */

body
{
	background:#1e1e1b;
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	
}

a:active {  outline:none; }
	:focus   { -moz-outline-style:none; }

p
{
	margin:0;
	padding: 10px 0 30px 0;
}
a{
	color:#F8BC47;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

img
{
	border:none;
}

#wrapper
{
	width:781px;
	margin:25px auto;
}

.header
{
	width:781px;
	height:80px;
	background:#525252;
}

.logo
{
	float:left;
	margin-left:12px;
	margin-top:4px;
}

#menu 
{
	height:25px;
	width:100%;
	background:#525252;
	margin-bottom:7px;
	text-transform:uppercase;
	font-size:.78em;
	font-weight:900;
}

#menu a
{
/*	
	padding-right:10px;
	padding-left:14px;
*/
	padding-top:5px;
	float: left;
	list-style:none;
	text-align:center;
	
}

#menu li
{
	float:left;
}

.products a
{
	background-color:#4caaf9;
	padding-bottom:5px;
	width:153px;
}

.inside-scoop a
{
	background-color:#4caaf9;
	padding-bottom:5px;
	width:153px;
}

.photos-video a
{
	background-color:#4caaf9;
	padding-bottom:5px;
	width:153px;
}

.getting-started a
{
	background-color:#4caaf9;
	padding-bottom:5px;
	width:153px;
}

.contact a
{
	background-color:#4caaf9;
	padding-bottom:5px;
	width:153px;
}


#menu a.hover 
{
	background:#4caaf9;
	color:#ffffff;
}
#menu a:hover
{
	background:#4caaf9;
	color:#ffffff;
}

li.products
{
	margin-right:4px;
	width:153px;
	background-color:#4caaf9;
}
li.inside-scoop
{
	margin-right:4px;
	width:153px;
	background-color:#4caaf9;
}
li.photos-video
{
	margin-right:4px;
	width:153px;
	background-color:#4caaf9;
}
li.getting-started
{
	margin-right:4px;
	width:153px;
	background-color:#4caaf9;
}

#menu li a
{
	text-decoration:none;
	color:#1e1e1b;
}

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

#bottom-nav
{
	background:#525252;
	height:250px;
	margin-top:4px;
	margin-bottom:0px;
}

#flash
{
	width:781px;
	height:345px;
	margin-bottom:3px;
}

#footer
{
	background:url(images/footer_bg.png) left top repeat-x;
	height:33px;
	margin:0px;
	margin-top:-4px;
	padding-top:9px;
}

#home-footer
{
	background:url(images/home_footer_bg.png) top left repeat-x;
	height:33px;
	margin:0px;
	margin-top:-4px;
	padding-top:9px;
}

.footer-nav
{
	color:#fff;
	font-size:.78em;
	font-weight:900;
	text-align:center;
}

.footer-nav a
{
	text-decoration:none;
	color:#fff;
}

.footer-nav a:hover
{
	text-decoration:underline;
}


#content
{
	background:url(images/h1_bg.png) top center no-repeat;
	color:#969696;
	font-size:.85em;
	margin-top:7px;
	margin-bottom:0;
}

#content-inner
{
	border-left:5px solid #393b40;
	border-right:5px solid #393b40;
	background:url(images/content_bottom.png) bottom center no-repeat;
	padding-left:12px;
	padding-right:12px;
}

#content p
{
	margin-left:14px;
	margin-right:17px;
	text-align:justify;
}

#content .title 
{
	margin-bottom:0px;
padding-bottom:12px;
padding-top:25px;
text-align:right;
width:405px;
}

#content .title h1
{
	font-size:1.35em;
	margin:0px;
}

#content h2
{
	font-size:1.05em;
	color:#f8bc47;
	margin:0px;
	margin-left:14px;
}

#content .pic
{
	float:right;
	width:305px;
	height:575px;
	margin-right:6px;
	margin-left:34px;
	margin-bottom:24px;
}

/* WHAT IS CREATURE CRAFT PAGE STYLES */

#content-whatis
{
	background:url(images/content_bottom.png) bottom center no-repeat;
	color:#969696;
	font-size:.85em;
}

#content-whatis .content-inner
{
	border-left:5px solid #393b40;
	border-right:5px solid #393b40;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:6px;
}

#content-whatis .pic
{
	background:url(images/pic_whatis.jpg) top center no-repeat;
	width:761px;
	height:158px;
}

#content-whatis .pic-commercial
{
	background:url(images/pic_commercial.jpg) top center no-repeat;
	width:761px;
	height:203px;
}

#content-whatis .pic-recreational
{
	background:url(images/rec_use_pic.jpg) top center no-repeat;
	width:761px;
	height:203px;
}

#content-whatis .pic-rescue
{
	background:url(images/pic_rescue_use.jpg) top center no-repeat;
	width:761px;
	height:203px;
}

#content-whatis .title
{
	background:url(images/title_whatis.png) top left no-repeat;
	height:35px;
	width:264px;
	margin-left:10px;
	margin-top:18px;
	font-size:1.05em;
	font-weight:bold;
	color:#f8bc47;
	padding-left:14px;
	padding-top:15px;
}

.title-commercial
{
	background:url(images/h1_bg.png) top left no-repeat;
	height:45px;
	width:100%;
	margin-left:15px;
	margin-top:18px;
	font-size:1.35em;
	font-weight:bold;
	color:#f8bc47;
	padding-left:14px;
	padding-top:15px;
}

#content-whatis .text
{
	text-align:justify;
	margin-left:12px;
	margin-right:16px;
}

/
.video
{
	padding: 28px 30px;
	width:100%;
}

.content-video
{
	margin-left: 9px;
	margin-right:14px;
	background:#525252 url(images/video_content_bg.png) bottom center no-repeat;
}

#content-video-gallery
{
	color:#969696;
	font-size:.85em;
}

#content-video-gallery .content-inner
{
	border-left:5px solid #393b40;
	border-right:5px solid #393b40;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:6px;
}



#content-video-gallery .title
{
	background:url(images/video_title_bg.png) top left no-repeat;
	height:49px;
	width:100%;
	font-size:1.05em;
	font-weight:bold;
	color:#fff;
	padding-left:14px;
	padding-top:15px;
}

#content-video-gallery .title-photo
{
	background:url(images/photo_title_bg.png) top left no-repeat;
	height:49px;
	width:100%;
	font-size:1.05em;
	font-weight:bold;
	color:#fff;
	padding-left:14px;
	padding-top:15px;
}

h3.photo-gallery
{
	background:url(images/photo_title_h3.png) top left no-repeat;
	padding:7px 12px;
}


#content-video-gallery  p
{
	margin:0 15px;
	padding-bottom:10px;
	color:#fff;
	text-align:justify;
}

#content-video-gallery  p a
{
	color:#4CAAF9;
	font-weight:bold;
}

h3.photo-gallery
{
	margin:0px;
	font-weight:bold;
	font-size:1.3em;
}

a.about-us-links
{
	color:#969696;
}

a.about-active:hover
{
	color:#E8B044;
}

a.about-us-links:hover
{
	text-decoration:underline;
}


/* VIDEO GALLERY STYLES */

.video1
{
}

.content-video1
{
	margin-left: 9px;
	margin-right:14px;
	background:url(images/content_bottom.png) bottom center no-repeat;
}

#content-video-gallery1
{
	color:#969696;
	font-size:.85em;
}

#content-video-gallery1 .content-inner
{
	border-left:5px solid #393b40;
	border-right:5px solid #393b40;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:6px;
}



#content-video-gallery1 .title
{
	background:url(images/h1_bg.png) top left no-repeat;
	height:49px;
	width:100%;
	font-size:1.45em;
	font-weight:bold;
	color:#969696;
	padding-left:14px;
	padding-top:15px;
}

#content-video-gallery1 .title-photo
{
	background:url(images/photo_title_bg.png) top left no-repeat;
	height:49px;
	width:100%;
	font-size:1.05em;
	font-weight:bold;
	color:#fff;
	padding-left:14px;
	padding-top:15px;
}


#content-video-gallery1  p
{
	margin:0 15px;
	padding-bottom:10px;
	color:#969696;
	text-align:justify;
}

#content-video-gallery1  p a
{
	color:#F8BC47;
	font-weight:bold;
}

/* container has a background image */
a.player {
	margin-left:30px;
	margin-top:45px;
	display:block;
	background:url(images/splash.png) no-repeat;
	width:425px;
	height:298px;
	padding:0 126px 75px 127px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}


	

#pl {
	height:80px;
	background:#1E1E1B;
	padding:10px;
	width:652px;
	margin-left:30px;
}

#pl div.entries {
	height:80px;
	float:left;
}

#pl div.entries a {
	background:transparent url(images/entry.png) no-repeat scroll 0%;
	color:#034074;
	float:left;
	font-family:"bitstream vera sans","lucida grande","verdana";
	font-size:11px;
	height:60px;
	margin-right:7px;
	padding:10px;
	text-decoration:none;
	width:117px;
}

#pl div.entries a:hover {
	background-position:-140px 0;
	color:#012441;
}

#pl div.entries a.playing {
	background-position:-280px 0;		
	color:#F8BC47;
}

#pl div.entries a.paused {
	background-position:-420px 0;		
	color:#b88d39;
}

#pl div.entries a.progress {
	opacity:0.8;
}

#pl div.entries em {	
	float:right;
	margin-top:0;
	color:#f8bc47;
	font-style:normal;
}

#pl a.nextPage, #pl a.prevPage {
	display:block;
	width:18px;
	height:18px;
	background:url(images/left.png) no-repeat;
	margin:30px 10px;
	cursor:pointer;
	float:left;
}

#pl a.nextPage:hover, #pl a.prevPage:hover {
	background-position:0px -18px;		
}

#pl a.nextPage {
	background-image:url(images/right.png);	
}

#related-pages
{
	font-family:"Courier New", Courier, monospace;
	margin-top:30px;
	font-size:.9em;
}

#related-pages a
{
	margin:5px 10px 5px 0;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #969696;
	color:#969696;
}

#related-pages a:hover
{
	border:1px solid #F8BC47;
	color:#F8BC47;
	text-decoration:none;
}

#rolling-menu
{
	float:left;
	width:232px;
	height:252px;
	margin-left:40px;
	margin-right:50px;
	padding:20px 0;
	color:#4CAAF9;
	background:url(images/rolling_menu_bg.png) top center no-repeat;
}

.rolling-menu-inner
{
	margin:0 15px;
}

#rolling-menu ul li
{
	list-style-type:circle;
	margin:10px 0;
}

#rolling-menu a
{
	color:#4CAAF9;
}

#rolling-flash
{
	float:left;
	width:400px;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding:0;
margin-left: 2px;
margin-top: 10px;
margin-bottom: 10px;
font: bold 13px Arial;
list-style-type: none;
line-height:14px;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs a{
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-right-radius:5px;
border-top-left-radius:5px;
-x-system-font:none;
background:url(images/rolling_tab.png) top left repeat-x;
}

.shadetabs a.selected{
	background:url(images/rolling_tab_a.png) top left repeat-x;
}

.shadetabs li{
display: inline;
margin: 0px;
margin-bottom:-11px;
margin-right:-2px;
width:170px;
height:14px;
padding: 10px 0;
}

.shadetabs li a{
text-decoration: none;
padding: 9px 23px;
color: #F8BC47;
width:170px;
}
.shadetabs li a.selected{
padding: 9px 25px;
}



.shadetabs li a:hover{
text-decoration: none;
color:#f5ff81;
}

.shadetabs li.selected, .shadetabs li:hover
{
}

.shadetabs li.selected a, .shadetabs li:hover a{ /*selected main tab style */
}

.shadetabs li.selected a
{
	padding: 10px 21px;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


#rolling-tabs
{
	background:#4D4D4D url(images/rolling_tabs_bg.png) bottom left no-repeat;
	color:#FFFFFF;
	width:725px;
	padding: 25px 15px 50px 15px;
	margin:0 0 0 2px;
	text-align:justify;
}

#specs-table
{
	color:#1E1E1B;
	margin-left:-5px;
}

#specs-table .dark
{
	background-color:#515151;
	height:35px;
}

#specs-table .light
{
	background-color:#969696;
}

#contact-form
{
	color:#DCDCDC;
	font-family:"Courier New", Courier, monospace;
}

#contact-form input, #contact-form textarea
{
	background:#DCDCDC;
	border:0px none;
	color:#000000;
	padding:4px;
}

#contact-form input.submit
{
	color:#DCDCDC;
	font-family:"Courier New", Courier, monospace;
	background:url(images/contact_form_btn.png) center no-repeat;
	padding:10px 0;
	margin-right:5px;
	width:100px;
	text-align:center;
}

#contact-form input.submit:hover
{
	color:#E9B144;
}

#contact-form-wrapper
{
	width:589px;
	background:#515151 url(images/contact_form_wrapper.png) bottom left no-repeat;
	margin-bottom:20px;
}

#contact-form-wrapper-inner
{
	padding:20px;
	background:url(images/contact_form_wrapper_inner.png) top left no-repeat;
}