/*	----------------------------------------------------------------------------
	
	CSS Code is Poetry - Moxie Interactive
	
	----------------------------------------------------------------------------
	
	1.	Globals
	2.	Links
	3.	Layout
		A.	Foundation
		B.	Header
		C.	Content
		D.	Footer
	4.	Styling
		A. Forms
		B. Any Extras

	----------------------------------------------------------------------------
	(1) GLOBALS
	--------------------------------------------------------------------------*/
	
	* 									{ margin: 0px; padding: 0px; } 
	html, body 							{ height: 100%; background-color:#000; } 

	body 								{ color: #FFF; font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif;}	
	h1, h2, h3, h4, h5, h6 				{ font-weight: normal; line-height: 1em;  } 
	h1 									{ font-size: 140%; padding: 4px 0; color: #fff; } 
	h2 									{ font-size: 115%; line-height: 1.6em; color: #000; padding-top:15px;  } 
	h3 									{ font-size: 75%; color: #66615d; padding-bottom: 5px; } 
	h3 em 								{ font-style: normal; color: #ccc3ba; } 
	h4 									{ padding-bottom: 7px; font-size: 70%; line-height: 1.3em; color: #66615d;  }
	h5 									{ padding: 20px 0 5px 0; font-size: 130%; color: #fff; }
	blockquote 							{ display: block; margin-top: 5px; padding: 15px 20px 0 20px; border-top: 1px dotted #232221; color: #ccc6c2; }
	cite 								{ display: block; text-align: right; padding: 0 20px 5px 20px; font-size: 85%; color: #66615d; border-bottom: 1px dotted #232221; margin-bottom: 10px; }
	p 									{ line-height: 1.4em; padding-bottom: .8em; }
	ol 									{ padding: 0 0 .8em 20px; font-size: 85%; }	
	table 								{ padding:0px; border:0px; border-collapse: collapse; }
	td, th 								{ text-align:left; }
	em 									{ font-style: normal; color: #fff; }
	sup 								{ font-size: 50%; }
	textarea							{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
	input								{ font-family:Arial, Helvetica, sans-serif; }
	option								{ margin-left:4px; }
	.hidden								{ width:0px; height:0px; position:absolute; left:-2000px; overflow:hidden;}

/*	----------------------------------------------------------------------------
	(2) LINKS
	--------------------------------------------------------------------------*/

	a, a:link, a:visited, a:active		{ color:#0066CC;} 
	a:hover								{ text-decoration:underline; color:#09F; }
	a img 								{ border: none; }
	
/*	----------------------------------------------------------------------------
	(3) LAYOUT
	----------------------------------------------------------------------------	
	(3A) Foundation
	--------------------------------------------------------------------------*/
	#body_wrapper						{ width:100%; display:block; } 
	#globalnav_wrapper					{ }
	#globalfooter_wrapper				{ }
	#tnav_lnk_wrapper					{ }
	
	#tnav_lnk a, #tnav_lnk a:link, #tnav_lnk a:visited, #tnav_lnk a:active						{ font-weight:bold; font-size:13px; color:#000; text-decoration:none; }
	
/*	----------------------------------------------------------------------------
	(3B) Header
	--------------------------------------------------------------------------*/	
	
	 #header_bg_overlay										{ position: absolute; z-index: 3; width:100%; height: 68px; background-color: #000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; border-bottom:1px solid #0B0B0B;}
	 
	 #header_wrapper_shell									{ width:100%; height:68px; text-align:center; margin:0px auto; }
	 #header_wrapper										{ width:800px; height:68px; text-align:center; margin:0px auto; position:relative; z-index:10; }
	 
	 #img_logo_wrapper										{ float:left;filter:alpha(opacity=90); -moz-opacity: 0.9; 	opacity: 0.9; margin-top:11px; margin-left:20px; margin-right:65px; }
	 #nav_link_wrapper										{ float:right; }
	
	.tnav_lnk												{ float:left; margin-right:25px; margin-top:26px; }
	.social_lnk_wrapper										{ float:left; margin-right:0px; margin-top:17px; }
	
	.button_wrapper											{ height:24px; overflow:hidden; border:1px solid #666; padding:0px; margin:0px; -moz-border-radius:4px 4px 4px 4px; line-height:16px; float:right; }
	.btn_lnk a, .btn_lnk a:visited							{ color:#323231; cursor:pointer; font:normal 11px Tahoma; text-decoration:none; }
	.btn_lnk a:hover										{ color:#323231; cursor:pointer; font:normal 11px Tahoma; text-decoration:none; }
	.btn_lnk_hvr a											{ border-style:none;font:normal 11px Tahoma; color:#FFF; text-decoration:none; }	
	.btn_lnk_hvr a:hover									{ border-style:none;font:normal 11px Tahoma; color:#FFF; text-decoration:none; }
	
	.txt_form_tiny_note										{ font-size:11px; color:#999; }
	.input_title											{ font-size:12px; padding-bottom:5px; }
	.textinput input										{ border:0px; padding:4px; padding-top:5px; height:25px; border:2px solid #C5C5C5; font-weight:bold; font-size:20px; color:#666; }
	.err_str												{ color:#e10000; font-weight:bold; }
	.form_button_lbl										{ color:#323231; cursor:pointer;font:normal 11px Tahoma; text-decoration:none; }
	
/*	----------------------------------------------------------------------------
	(3C) Content
	--------------------------------------------------------------------------*/
	
	#lcol_wrap_shell										{ float:left; width:138px; margin-right:6px;position:relative; z-index:5; }
	#lcol_wrap												{ height:400px; width:138px; background-color:#020001; }
	#lcol_wrap .copy										{ padding:5px;font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#7F7D7E; line-height:14px; }
	
	#content_wrapper_shell									{ width:100%; margin-top:26px;}
	#content_wrapper										{ width:800px; text-align:center; margin:0px auto;}
	
	#ftr_banner_shell										{ position:absolute; width:100%; z-index:50; height:94px; }
	#ftr_banner												{ text-align:center; margin:0px auto; height:94px; }
	
	.copy_wrapper											{ padding:20px; color:#FFF; font-size:14px; text-align:left; line-height:20px;}
	.copy_wrapper_shell										{ width:500px; background-color:#000;}
	
	.social_lnk_youtube										{ cursor:pointer;}
	.social_lnk_facebook										{ cursor:pointer;}
	.social_lnk_vimeo										{ cursor:pointer;}
	.social_lnk_twitter										{ cursor:pointer;}
	
	.copy_callout											{ color:#0F0;}
	#category_wrapper_shell									{ float:left; width:910px;position:relative; z-index:10; }	
	.category_wrapper										{ width:263px; height:203px; border:1px solid #CCC; float:left; margin-right:25px; margin-bottom:25px; cursor:pointer;position:relative; z-index:29;}
	.category_wrapper_overlay								{ width:263px; height:203px; background-color: #000; filter:alpha(opacity=00); -moz-opacity: 0.0; 	opacity: 0.0; position:absolute; z-index:30; left:0px;}
	.category_wrapper_overlay_hvr							{ width:263px; height:203px; background-color: #000; filter:alpha(opacity=0); -moz-opacity: 0.0; 	opacity: 0.0; position:relative; z-index:30; left:0px;}
	.category_wrapper_overlay_null							{ width:263px; height:203px; background-color: #000; filter:alpha(opacity=40); -moz-opacity: 0.4; 	opacity: 0.4; position:relative; z-index:30; cursor:default; left:0px;}
	
	.category_wrapper_content								{ width:263px; height:203px; border:1px solid #ffffff; overflow:hidden; position:absolute; z-index:2; left:0px;  filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; display:block;}
	.category_wrapper_content_hvr							{ width:263px; height:203px; border:1px solid #ffffff; overflow:hidden; position:absolute; z-index:2; left:0px;  filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; display:block;}
	
	.category_wrapper_title_shell							{ width:263px; text-align:center;position:absolute; text-align:center; z-index:40; left:0px;}
	.category_wrapper_title									{ text-align:center; margin-top:95px; }
	
	.showcase_wrapper_shell									{ float:left; width:610px; height:240px; position:relative; z-index:10; }
	.showcase_wrapper_overlay_white							{ width:500px; height:240px; border:3px solid #CCC; background-color: #FFF; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; position:absolute; z-index:30; left:0px;}
	.showcase_wrapper_overlay_black							{ width:500px; height:240px; border:3px solid #CCC; background-color: #000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; position:absolute; z-index:30; left:0px;}
	.showcase_wrapper_content_shell							{ width:500px; overflow:hidden; text-align:center;position:absolute; text-align:center; z-index:40; left:0px;}
	.showcase_wrapper_content								{ width:500px; text-align:center; margin:0px auto; padding-top:5px; padding-left:3px;}

	#social_subnav											{ text-align:center; margin:0px auto; margin-top:25px;}
	 
	.thumb_shell											{ float:left; margin-right:14px;}
	#main_img												{ text-align:left;}
	
	#description_shell										{ width:850px; text-align:left;}
	#description_underlay									{ background-color: #000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; position:relative; z-index:30; left:0px; width:850px;}
	#description_copy										{ text-align:left; margin:25px; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
	#description_shell a									{ text-decoration:none; color:#FFF;}
	
	#confirmation_message									{ width:100%; background-color:#093; color:#FFF; font-size:19px; font-weight:bold; text-align:center; height:60px; border:2px solid #063;}
	#confirmation_message .copy  							{ padding-top:15px;}
	
	.note													{ font-size:10px; text-align:left; color:#777; margin-right:15px;}	
  	#legal													{ font-size:10px; color:#666; text-align:center; margin:0px auto;}
	 
	.inputbx												{ background-color:#FFF; height:30px; border:2px solid #CCC; padding-top:5px;}
	.err_msg												{ display:none; color:#e10000;}
		
	.btn_wrapper											{ height:25px; background-color:#03F; border:2px solid #009; cursor:pointer;}
	.btn_text												{ padding:2px; color:#FFF; padding-left:15px; padding-right:15px;}
	input													{ height:26px; font-size:20px; color:#666; padding-left:4px; border:0px;}
	
	textarea												{ font-size:20px; color:#666; margin-left:4px; font-family:Verdana, Geneva, sans-serif; border:0px;}
	
/*	----------------------------------------------------------------------------
	(3D) Footer
	--------------------------------------------------------------------------*/
	 
	
	 
/*	----------------------------------------------------------------------------
	(4) Styling
	--------------------------------------------------------------------------*/	
	
	.bgstretcher {
		background: black;
		overflow: hidden;
		width: 100%;
		position: fixed !important;
		z-index: 1;
	}
	.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}
	.bgstretcher UL, .bgstretcher UL LI {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	 
		
/*	----------------------------------------------------------------------------
	(4)A Styling - Forms
	--------------------------------------------------------------------------*/	

 
		
/*	----------------------------------------------------------------------------
	(4) Extras
	--------------------------------------------------------------------------*/		
	.cb 								{ display:block; clear:both; height:0px; line-height:0px; overflow:hidden; width:100%; font-size:1px;}
	.cb_mini							{ display:block; clear:both; height:1px; line-height:1px; overflow:hidden; width:100%; padding-bottom:4px;  font-size:1px;}
	.cb_tiny 							{ display:block; clear:both; height:10px;  line-height:1px; overflow:hidden; border:0px; padding:0px; margin:0px; font-size:1px;}
	.cb_small 							{ display:block; clear:both; height:10px;  line-height:1px; overflow:hidden; border:0px; padding:0px; margin:0px; font-size:1px;}
	.cb_small20							{ display:block; clear:both; height:20px;  line-height:1px; overflow:hidden; border:0px; padding:0px; margin:0px; font-size:1px;}
	.cb_medium 							{ display:block; clear:both; height:55px;  line-height:1px; overflow:hidden; border:0px; padding:0px; margin:0px; font-size:1px;}
	.cb_large 							{ display:block; clear:both; height:100px; line-height:1px; overflow:hidden; border:0px; padding:0px; margin:0px; font-size:1px;}
	.cb_xlarge 							{ display:block; clear:both; height:200px; line-height:1px; overflow:hidden; border:0px; padding:0px; margin:0px; font-size:1px;}