/*
Theme Name: Michal's Framework
Version: 1.0
Author: Michal Pechardo
Author URI: http://www.revivalidea.com
*/   


/* ---------------------------------------------------------------------------------------
   CSS RESET
   --------------------------------------------------------------------------------------- */  
   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,
   kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
                          { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
   :focus				{ outline:0; }
    body                { line-height:1; color:black; background:white; }
   ol, ul               { list-style:none; }
   table                { border-collapse:separate; border-spacing:0; }
   caption, th, td      { text-align:left; font-weight:normal; }
   blockquote:before    { content:""; }
   blockquote:after     { content:""; }
   q:before, q:after    { content:""; }
   blockquote, q        { quotes:"" ""; }

/* ---------------------------------------------------------------------------------------
   HTML ELEMENTS
   --------------------------------------------------------------------------------------- */  
	body                { background: #202020;font-family:Helvetica, Arial, sans-serif; color: #fff;-webkit-font-smoothing: antialiased;/* Fix for webkit rendering */-webkit-text-size-adjust: 100%; line-height: 24px;}
	h1					{ font-size: 24px; line-height: 30px; margin-bottom: 10px; font-weight:bold; margin-top:10px; color:#fff; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;}
	h2 					{ font-size: 18px; line-height: 24px; margin-bottom: 10px; font-weight:bold; color:#bc0016; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;}
	h3 					{ font-size: 16px; line-height: 21px; margin-bottom: 10px; color:#cd0019; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;}
	h4 					{ font-size: 20px; line-height: 32px; margin-bottom: 12px; color:#fff; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;}
	h5 					{ font-size: 16px; line-height: 20px; margin-bottom: 8px; margin-top:-10px; color:#ccc; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;}
	h6 					{ font-size: 12px; line-height: 21px; margin-bottom: 5px; color:#adadad; font-weight:bold; text-transform:uppercase;}
	blockquote          { line-height:24px; margin:0 0 24px; }
	p                   { font-size: 28px; line-height:30px; margin:0 0 24px; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px; }
	pre                 { }
	em 					{ font-style: italic; }
	strong 				{ font-weight: bold; color: #333; }
	.small 				{ font-size: 12px !important; }
	a.blank				{ color:#fff !important; }
	a.gray				{ color:#ABABAC !important; }
	a.gray:hover		{ color:#cd0019; }
	.blk				{ color:#000; }
	.highlight			{ background:#747474; padding:5px; border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px; margin-right:5px; }
	.loaded				{ opacity:1; }
	
	/*	Links  */
	a, a:visited 		{ outline: 0; text-decoration: none; color: #cd0019;transition: all 0.3s ease-out; position: relative;}
	a:hover, a:focus 	{ color: #ae0015; }
	p a, p a:visited 	{ line-height: inherit; }
	
	@font-face 			{ font-family: 'FontAwesome';src: url('../../font/fontawesome-webfont.eot');src: url('../../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
						  url('../../font/fontawesome-webfont.woff') format('woff'),
						  url('../../font/fontawesome-webfont.ttf') format('truetype'),
						  url('../../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal;font-style: normal;}
	
	/*	List  */
	ul, ol 				{ }
	ul 					{ list-style: none outside; }
	ol 					{ list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc, ul.numbers { margin-left: 30px; margin-bottom:10px; margin-top:-10px; font-size:14px; }
	ul.square 			{ list-style: square outside; }
	ul.circle			{ list-style: circle outside; }
	ul.disc				{ list-style: disc outside; }
	ul.numbers			{ list-style: decimal; }
	ul ul, ul ol,
	ol ol, ol ul 		{  }
	ul ul li, ul ol li,
	ol ol li, ol ul li 	{ margin-bottom: 0px; }
	li 					{  }
	ul.large li 		{ line-height: 21px; }
	li p 				{ line-height: 21px; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote 			{ margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite 	{ display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

/*	Advanced CSS  */
	hr 					{ border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	table tr:nth-child(even) { background: rgba(0,0,0,0.1);}
	.clearfix:before, 
	.clearfix:after 	{ content: " ";display: table;}
 	.clearfix:after 	{ clear: both;}
	.clearfix 			{ *zoom: 1;}
	.ir 				{ text-indent: 100%; white-space: nowrap;overflow: hidden;}
	*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	
/*	Advanced Text CSS  */
	.content 			{ font: 1em/1.4 Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;}
 	.title 				{ font: 1.7em/1.2 Baskerville, "Baskerville old face", "Hoefler Text", Garamond, "Times New Roman", serif;}
 	.code 				{ font: 0.8em/1.6 Monaco, Mono-Space, monospace;}
	.disabled 			{ pointer-events: none;opacity: 0.5;}

/*	Advanced Styling CSS  */	
	.embossed-light 	{ border: 1px solid rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);}
	.embossed-heavy 	{ border: 1px solid rgba(0,0,0,0.1); box-shadow:  inset 0 2px 3px rgba(255,255,255,0.3), inset 0 -2px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9);}
	.inset-shadow		{ box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); }
	.gradient-light-linear 	{ background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));}
	.gradient-dark-linear 	{ background-image: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,0));}
	.gradient-light-radial 	{ background-image: radial-gradient(center 0, circle farthest-corner, rgba(255,255,255,0.4), rgba(255,255,255,0));}
	.gradient-dark-radial 	{ background-image: radial-gradient(center 0, circle farthest-corner, rgba(0,0,0,0.15), rgba(0,0,0,0));}
	.light-rounded 		{ border-radius: 3px;}
	.heavy-rounded 		{ border-radius: 8px;}
	.full-rounded		{ border-radius: 50%;}
	.barrel-rounded 	{ border-radius: 20px/60px;}
	.mac {display: block;border: none;border-radius: 20px;padding: 5px 8px;color: #333;box-shadow: inset 0 2px 0 rgba(0,0,0,.2),  0 0 4px rgba(0,0,0,0.1);}
	.mac:focus {  outline: none;  box-shadow:  inset 0 2px 0 rgba(0,0,0,.2),  0 0 4px rgba(0,0,0,0.1), 0 0 5px 1px #51CBEE;}

/*	Advanced Inline CSS  */	
	.inline-link-1 		{ display: inline-block; margin: 0 0.2em; padding: 3px;background: #97CAF2; border-radius: 2px; transition: all 0.3s ease-out; text-decoration: none; font-weight: bold; color: white;}
	.inline-link-1:hover   { background: #53A7EA; }
	.inline-link-1:active  { background: #C4E1F8; }
	.inline-link-1:visited { background: #F2BF97; }
	.inline-link-3 		   { display: inline-block;position: relative; padding-left: 6px; text-decoration: none; color: #6AB3EC; text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
	.inline-link-3:hover   { color: #3C9CE7;}
	.inline-link-3:before  { content: "\25BA"; font-size: 80%;  display: inline-block; padding-right: 3px; pointer-events: none;}
	.inline-link-3:hover:before { color: #F2BF97; }

/* ---------------------------------------------------------------------------------------
   DEFAULT CLASSES
   --------------------------------------------------------------------------------------- */  
	.no-bg              { background:none; }
	.no-display         { display:none; }
	.no-border          { border:0; }
	.no-margin          { margin:0; }
	.no-padding         { padding:0; }
	.clear              { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	.left               { float:left; }
	.right              { float:right; }
	.center             { text-align:center; }
	.alignleft          { float:left; margin:0 20px 10px 0; }
	.alignright         { float:right; margin:0 0 10px 20px; }
	.aligncenter        { margin:0 auto; }
	.always-center		{ display: block !important; margin-left: auto !important; margin-right: auto !important; }
	.no-float			{ float:none !important; }
	.text-left			{ text-align:left; }
	.text-right			{ text-align:right; }

/* ---------------------------------------------------------------------------------------
   SPECIFIC CLASSES
   --------------------------------------------------------------------------------------- */  
   ::selection 			{ background: #990012; color:#fff; text-shadow:none; /* Safari */}
   ::-moz-selection 	{ background: #990012; color:#fff; text-shadow:none; /* Firefox */}
   .x-pad				{ padding:0px !important; margin:0px !important; }
   .x-pad-top			{ margin-top:0px !important; }
   .x-pad-bottom		{ margin-bottom:0px !important; }
   .x-pad-side			{ margin-left:0px !important; margin-right:0px !important; }
   .pad-full			{ margin:30px 0px 20px 0px; }
   .pad-top-10			{ margin-top:10px !important; }
   .pad-bottom-10		{ margin-bottom:10px !important; }
   .pad-top				{ margin-top:20px !important; }
   .pad-bottom			{ margin-bottom:20px !important; }
   .pad-left			{ margin-left:20px !important; }
   .pad-right			{ margin-left:20px !important; }
   .remove-bottom 		{ margin-bottom: 0 !important; }
   .half-bottom 		{ margin-bottom: 10px !important; }
   .add-bottom 			{ margin-bottom: 20px !important; }
   .add-bottom-full		{ margin-bottom: 60px; }
   
   .img-control			{ max-width:100% !important;  }
   .opac				{ opacity:.5; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;-ms-transition: all 0.4s ease; transition: all 0.4s ease; }
   .opac:hover			{ opacity:1; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;-ms-transition: all 0.4s ease; transition: all 0.4s ease; }
   .border				{ height:0px; border-top:1px solid #000; border-bottom:1px solid rgba(255,255,255,0.1); margin:15px 0px; clear:both;  }
   .line-bottom			{ border-bottom:1px solid #000; }
   .line-bottom2		{ border-bottom:1px solid rgba(255,255,255,0.1)}
   .line-top			{ border-top:1px solid rgba(255,255,255,0.1); }
   .relative			{ position:relative; }
   
   .full				{ width:100% !important; text-align:center !important; }
   .half				{ width:48% !important; text-align:center !important; }
   .third				{ width:50%; text-align:center !important; }
   .twice				{ width:33%; text-align:center !important; margin-right:10px; }
   .vid-review			{ width:auto; text-align:center !important; margin-left:10px; float:right; }
   .amazon				{ background:url(../images/amazon.png); width:128px; height:30px; float:left; margin-top:3px; }
   
   .vid					{ width:auto; text-align:center !important; margin-right:10px; }
   .frame				{ background:rgba(255,255,255,0.8); padding:10px; border:1px solid rgba(255,255,255,.9); }
   .vid-description		{ width:54%; float:right; }
   .videoWrapper 		{ position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
   .videoWrapper iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
   .videoWrapper2 		{ position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
   .videoWrapper2 iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
   
   .excerpt				{ width:84.6%; float:right; font-size: 14px; line-height: 21px; margin-bottom: 10px; color:#ababab; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;}
   .excerpts			{ width:100%; float:right; font-size: 14px; line-height: 21px; margin-bottom: 10px; color:#ababab; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;}
   .dot					{ margin:0px 5px 0px 0px; }   
   
   .social-square		{ width:100px; height:auto; position:fixed; padding:10px; left:2%; top:22%; z-index:1000; background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.3);
   						-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;-ms-transition: .2s ease-in-out;transition: .2s ease-in-out; }
   .social-square:hover	{ background:rgba(255,255,255,.5);
   						-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;-ms-transition: .2s ease-in-out;transition: .2s ease-in-out; }
   .social-button		{ z-index:10000; opacity:.4;
   						-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;-ms-transition: .2s ease-in-out;transition: .2s ease-in-out;}
   .social-button:hover	{ opacity:1;  -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;-ms-transition: .2s ease-in-out;transition: .2s ease-in-out; }
   .social-button2		{ float:right; margin-right:10px; margin-top:0px; }
   .twr					{ margin-bottom:5px; }
   .gb					{ margin-bottom:5px; }
   .fbr					{ margin-bottom:5px; }
   
   .social-button2		{ float:left; margin-right:10px; margin-top:10px; }
   .social-platform		{ width: 465px; position:relative; }
   .press1				{ width:80px; float:left; margin-right:10px; }
   .press2				{ width:86px; float:left; margin-right:10px; }
   .press3				{ width:86px; float:left; margin-right:10px; }
   
   .phone				{ position:absolute; left:0px; bottom:-5px; }
   .target				{ position:absolute; right:0px; bottom:-5px; }
   .pads				{ padding:20px 20px; }
   
   ul.listed li			{ padding:7px 0px; border-bottom:1px solid #000; border-top:1px solid rgba(255,255,255,0.1); }
   ul.listed li:first-child	{ border-top:none; }
   ul.listed li:last-child	{ border-bottom:none; }

/* ---------------------------------------------------------------------------------------
   LAYOUT
   --------------------------------------------------------------------------------------- */  
	.page-wrap          { width:960px; margin:0 auto; position:relative; }
	.wrap				{ background:#171717; padding:15px; margin-bottom:20px; }
	.wrap2				{ background:#171717; padding:15px;  margin-bottom:20px; box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); }
	.block-fit			{ width:70%; }
	
	.metal				{ width:100%; height:342px; background:url(../images/metal.jpg) no-repeat center; margin-top:-30px; overflow: hidden; background-size: cover;  box-shadow: inset 0px -10px 15px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0px -10px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px -10px 15px rgba(0, 0, 0, 0.4);  }
	.lite-gray			{ background:#535353; position:relative; }
	.middle				{ height:85px; background:url(../images/noise-black.jpg) repeat; padding:10px 0px; border-bottom:1px solid #181818; }
	.black-box			{ background:#202020 !important; border:1px solid #181818;  }
	
	.middle-button		{ margin-top:10px; }
	.available			{ float:right; font-size:12px; color:#808080; margin:10px 10px 0px 20px; line-height:20px; float:right; }
	.endorsed			{ margin-top:-10px; }
	
	.footer				{ background:url(../images/noise-black.jpg) repeat; border-top:1px solid rgba(72,72,72,.3); padding-bottom:20px; }
	.footer-text		{ width:auto; float:left; }
	.footer-buttons		{ margin-top:0px; float:right; }
	.stretch			{ width:50%; }
	
	.top-box			{ padding:20px 0px 20px; margin:0 auto; position:relative; }
	.icon				{ background:url(../images/icon.png) no-repeat; width:111px; height:111px; }
	.screens-bg			{ background:#000; padding:20px 0px; position:relative; }
	ul.expander li		{ font-size: 14px; line-height: 21px; margin-bottom: 10px; color:#ababab; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; float:left; width:90%;}
	
	.left-side			{ float:left; width:50%; }
	.right-side			{ float:right; width:50%; }
	.latest				{ background:rgba(255,255,255,.1); padding:10px 20px; margin-bottom:20px; }
	.latest h5			{ font-size:20px; margin-top:0px; margin:0px; }
	
	.richard			{ position:absolute; bottom:0px; left:20px; display:none; }
	.latests			{ background:url(../images/richard-about.png) left bottom no-repeat rgba(255,255,255,.1); }
	.latests h5			{ font-size:20px; margin-top:0px; margin:0px; }
	
	#privacy h4			{ margin-bottom:0px !important; color:#cd0019; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; }
	#privacy h1, #privacy .disc	{ color:#000; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; }
	#privacy p			{ color:#000; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; }
	#privacy .border    { border-top-color:#c5c5c5; border-bottom-color:#fff; }
	.white				{ background:url(../images/paper.jpg) ; padding:20px; }
    
/* ---------------------------------------------------------------------------------------
   LOGO & NAV
   --------------------------------------------------------------------------------------- */  
	#logo a             { width:420px; height:64px; background:url(../images/big-logo.png) left top no-repeat;text-indent:-9999px; display:block; float:left; margin-top:2px; transition: none; }
	#logo a:active		{ background-position:left bottom; transition: none; }
	
	.nav-bg				{ background:url(../images/nav-bg.png) repeat-x; height:161px; position:relative; padding-top:25px; z-index:100; }
	
/* ---------------------------------------------------------------------------------------
   FACEBOX="REL"
   --------------------------------------------------------------------------------------- */ 
	
	#facebox 			{ position: absolute;top: 0;left: 0;z-index: 100;text-align: left; }
	#facebox .popup		{ position:relative;border:3px solid rgba(0,0,0,0);-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;-webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);-moz-box-shadow:0 0 18px rgba(0,0,0,0.4);box-shadow:0 0 18px rgba(0,0,0,0.4);}
	#facebox .content 	{ display:table;width: auto;padding: 10px;background: #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
	#facebox .content > p:first-child { margin-top:0; }
	#facebox .content > p:last-child { margin-bottom:0; }	
	#facebox .close		{ position:absolute;top:-10px;right:-10px;padding:2px;}
	#facebox .close img	{ opacity:0.3;}
	#facebox .close:hover img{ opacity:1.0;}	
	#facebox .loading 	{ text-align: center;}
	#facebox .image 	{ text-align: center; }
	#facebox img 		{ border: 0;margin: 0;}
	#facebox_overlay 	{ position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
	.facebox_hide 		{ z-index:-100;}
	.facebox_overlayBG 	{ background-color: #000;z-index: 99;}
	
/* ---------------------------------------------------------------------------------------
   ACCORDION
   --------------------------------------------------------------------------------------- */ 
   
	.accordion				{ list-style-type: none; padding: 0; margin: 0 0 30px; border-top: none; border-left: none; }
	.accordion ol 			{ padding: 0; margin: 0; float: left; display: block; width: 100%; list-style:none; }
	.accordion li 			{ background: #505050; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left;display: block; width: 100%; border-bottom:1px solid #333333;border-top:1px solid #6b6b6b; }
	.accordion li.active>a 	{ background: url('../images/close.gif') no-repeat center right; }
	.accordion li div 		{ padding: 10px; background: #757575; display: block; clear: both; float: left; width: 100%; border-top:1px solid #333333;}
	.accordion li div p 	{ margin-bottom:0px; }
	.accordion a 			{ text-decoration: none; font-size:14px; text-shadow:rgba(0, 0, 0, 0.6) 0px -1px 0px; color: #fff; padding: 10px 25px 10px 15px; display: block; cursor: pointer; background: url('../images/open.gif') no-repeat center right; line-height:20px; }
	.accordion li div a 	{ padding:0px; display:inline; background:none; color:#ae0015; text-shadow:rgba(255, 255, 255, 0.2) 0px 1px 0px;}
	
	.accordion li:first-child { border-top-left-radius:10px; border-top-right-radius:10px; }
	.accordion li:last-child  { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
	.last-last { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
	
	/* Level 2 */
	.accordion li ol li 	{ background: #7FD2FF; font-size: 0.9em; }
	
/* ---------------------------------------------------------------------------------------
   BUTTONS
   --------------------------------------------------------------------------------------- */ 
	.button, .button:visited {background: #222; display: inline-block; padding: 7px 10px 6px; color: #fff; text-decoration: none;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-width:0px 0px 1px 0px; border-style:solid; border-color:rgba(0,0,0,0.25);position: relative;cursor: pointer; outline:0px;}
	.full				{ width:100% !important; text-align:center; }
	.half				{ width:89%; text-align:center; }
	.vid				{ width:auto; text-align:center !important; margin-right:10px; }

	.button:hover			 					{ background-color: #111; color: #fff; }
	.button:active								{ top: 1px; }
	.small.button, .small.button:visited 		{ font-size: 11px; padding: ; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 12px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited 		{ font-size: 14px; padding: 9px 14px 9px; }
	.x-large.button, .x-large.button:visited 	{ font-size: 14px; padding: 12px 16px 11px; }
	
	.gray.button, .gray.button:visited			{ background-color: #9e9e9e; }
	.gray.button:hover							{ background-color: #898989; color:#000; text-shadow: 0 1px 1px rgba(255,255,255,0.3); }
	.dark.button, .dark.button:visited			{ background-color: #777777; }
	.dark.button:hover							{ background-color: #6a6a6a; }
	.blue.button, .blue.button:visited			{ background-color: #055fa4; }
	.blue.button:hover							{ background-color: #004d88; }
	.red.button, .red.button:visited			{ background-color: #990012; }
	.red.button:hover							{ background-color: #75000e; }
	.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
	.magenta.button:hover						{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.trans.button, .trans.button:visited		{ background-color:transparent; border:1px solid #898989; color:#898989; text-shadow:none; }
	.trans.button:hover							{ background-color: #898989; border:1px solid #898989; color:#fff; text-shadow:none; }	
	
	button.standard, a.standard, input[type=submit].standard { padding: 6px 10px; -webkit-border-radius: 2px 2px; border: solid 1px rgb(153, 153, 153); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221))); color: #333; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; text-shadow: 0px 1px 1px rgba(255,255,255,1); line-height: 1; }
	.standard:hover 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(221, 221, 221))); }
	.standard:active 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(204, 204, 204)), to(rgb(221, 221, 221))); }
	.standard.medium 		{ padding: 5px 8px; font-size: 12px; }
	.standard.large 		{ padding: 10px 15px; font-size: 21px; font-weight: bold; }
	.standard.scaled 		{ -webkit-transform: scale(2); -webkit-transform-origin: bottom left; }
	
	.standard.blue 			{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(98,202,227))); border-color: rgb(98,202,227);  }
	.standard.green 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(213,224,77))); border-color: rgb(213,224,77);  }
	.standard.red 			{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(241,93,34)), to(rgb(146,60,6))); border-color: rgb(146,60,6); text-shadow: 0px -1px 1px rgba(0,0,0,0.5); color: #fff; }
	.standard.purple 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(202,0,108)), to(rgb(124,0,64))); border-color: rgb(202,0,108); text-shadow: 0px -1px 1px rgba(0,0,0,0.5); color: #fff;  }
	.standard.orange 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(245,132,38))); border-color: rgb(245,132,38);  }


/* ---------------------------------------------------------------------------------------
   SLIDEBOX
   --------------------------------------------------------------------------------------- */ 
   
#slidebox{
    width:320px;
    height:230px;
    padding:10px;
    background:url(../images/pop.jpg) no-repeat;
    position:fixed;
    bottom:-10px;
    right:-510px;
	z-index:2000;
}

a.close{
    background:transparent url(../images/close2.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    left:10px;
	transition: none;
}
a.close:hover, a.close:visited{
    background-position:0px -13px;
	transition: none;
}


/* ---------------------------------------------------------------------------------------
   SLIDER
   --------------------------------------------------------------------------------------- */ 
   .slider-image	{ width:100%; }
   .tabby	{ position:absolute; right:47px; top:0px; }
   
   div#feature_list {
			width: 100%;
			height: 348px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			right: 0;
			z-index: 2;
			width: 345px;
			
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			background:url(../images/tab-bg.png)  top center no-repeat;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 3px 10px 0 28px;
		}

		ul#tabs li a {
			color: #fff;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 116px;
			outline: none;
		}
		ul#tabs li h3 {
			color:#FFF;	
			margin:0;
			font-size:14px;
			padding:0px 8px 2px;
			font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
		}
		ul#tabs li a.current h3 {
			color:#fff;
			font-size:16px;
			font-weight:bold;
			text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
		}

		ul#tabs li a:hover {
			text-decoration: none;
		}

		ul#tabs li a.current {
			background:  url('../images/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			left: 0;
			width: auto;
			height: auto;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 580px;
			height: 361px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;}

/* ---------------------------------------------------------------------------------------
   NAV
   --------------------------------------------------------------------------------------- */ 
	#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999;
    
    /* Specify the width of your pageslide here */
    width: 260px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}
	#nav { padding-left: 0; list-style: none; width: 53%; position:relative; z-index:9999; margin-bottom:0px; margin-top:15px; float:right;}
	
	#nav { 
		height: 52px;
	
		background: #7b000f;
		background: -webkit-linear-gradient(top, #a00014 0%,#7b000f 100%);
		background: -moz-linear-gradient(top, #a00014 0%,#7b000f 100%);
		background: -o-linear-gradient(top, #a00014 0%,#7b000f 100%);
		background: -ms-linear-gradient(top, #a00014 0%,#7b000f 100%);
		background: linear-gradient(top, #a00014 0%,#7b000f 100%);
	
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		border:1px solid #6e000d;
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3); 
		-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3); 
		-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
	}
	
	#nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	
	.container ul#nav li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		height: 40px;
		z-index:1000;
		}
	.container ul#nav a { 
		display: block;
		padding: 13px 12px 9px;
		margin: 0px 0;
		line-height: 28px;
		text-decoration: none;
		
		border-left: 1px solid #9e2938;
		border-right: 1px solid #6e000d;
	
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 13px;
		text-transform:uppercase;
	
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	
		-webkit-transition: color .2s ease-in-out;
		-moz-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}
	
	#nav li:first-child a:active { 
		-webkit-border-top-left-radius: 30px;
		-moz-border-radius-topleft: 30px;
		border-top-left-radius: 30px;
		-webkit-border-bottom-left-radius: 30px;
		-moz-border-radius-bottomleft: 30px;
		border-bottom-left-radius: 30px;
	 }
	
	#nav li:last-child a:active { 
		-webkit-border-top-right-radius: 30px;
		-moz-border-radius-topright: 30px;
		border-top-right-radius: 30px;
		-webkit-border-bottom-right-radius: 30px;
		-moz-border-radius-bottomright: 30px;
		border-bottom-right-radius: 30px; 
	}

	#nav li a:active	{ 
		background: #7b000f;
		background: -webkit-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -moz-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -o-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -ms-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: linear-gradient(top, #7b000f 0%,#a00014 100%);
	 }

	/* actives */ 
	#nav-active { 
		background: #7b000f;
		background: -webkit-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -moz-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -o-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -ms-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: linear-gradient(top, #7b000f 0%,#a00014 100%);
	 }
	
	#nav-active-last { 
		background: #7b000f;
		background: -webkit-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -moz-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -o-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -ms-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: linear-gradient(top, #7b000f 0%,#a00014 100%); 
		-webkit-border-top-right-radius: 30px;
		-moz-border-radius-topright: 30px;
		border-top-right-radius: 30px;
		-webkit-border-bottom-right-radius: 30px;
		-moz-border-radius-bottomright: 30px;
		border-bottom-right-radius: 30px; 
	 }
 
	#nav-active-first { 
		background: #7b000f;
		background: -webkit-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -moz-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -o-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: -ms-linear-gradient(top, #7b000f 0%,#a00014 100%);
		background: linear-gradient(top, #7b000f 0%,#a00014 100%); 
		-webkit-border-top-left-radius: 30px;
		-moz-border-radius-topleft: 30px;
		border-top-left-radius: 30px;
		-webkit-border-bottom-left-radius: 30px;
		-moz-border-radius-bottomleft: 30px;
		border-bottom-left-radius: 30px; 
	 }
	 
	#nav-first a { border-left: none !important; }
	#nav-last a { border-right: none !important; padding: 13px 14px 9px !important; }
	
/* Sub Menu */

	#nav ul {
		position: absolute;
		z-index:1000;
		top: 52px;
		left: 0;
	
		opacity: 0;
		filter: alpha(opacity = 0);
		zoom: 1;
		
		background: #66000c;
		border:solid #52000a;
		border-width:0px 1px 1px 1px;
	
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	
		-webkit-transition: opacity .25s ease .1s;
		-moz-transition: opacity .25s ease .1s;
		-o-transition: opacity .25s ease .1s;
		-ms-transition: opacity .25s ease .1s;
		transition: opacity .25s ease .1s;
	}
	
	#nav li:hover > ul {
		 opacity: 1;
		 position:absolute;
		 z-index:1000;
		 filter: alpha(opacity = 100);
		 zoom: 1 ; 
	}
	
	#nav ul li {
		height: 0;
		overflow: hidden;
		padding: 0;
	
		-webkit-transition: height .25s ease .1s;
		-moz-transition: height .25s ease .1s;
		-o-transition: height .25s ease .1s;
		-ms-transition: height .25s ease .1s;
		transition: height .25s ease .1s;
		
		border-bottom: 1px solid #52000a;
		border-top: 1px solid #750916;
		
	}
	
	#nav li:hover > ul li {
		height: 36px;
		overflow: visible;
		padding: 0;
		
	}
	
	#nav ul li a:hover { 
		opacity:1;
		filter: alpha(opacity = 100);
		zoom: 1 ; 
	}
		
	#nav ul li a {
		width: 150px;
		padding: 4px 0 4px 50px !important;
		text-align:left;
		margin: 0;
		
		border-left:none !important;
		border-right:none !important;
	
	}
	
	#nav ul li a:active { background: #66000c; }
	#nav ul li a:hover { color: #da001a; text-shadow: 1px 1px 1px rgba(0,0,0,.6); }
	#nav ul li:last-child { border-bottom:none; } 

	
	.container ul#nav .active { color: #fff; }

	.open {
		display: none;
		float: left;
		width: 45px;
		height: 52px;
		margin: 0px 0px 0px 0px;
		background: url(../images/menu.png) center center no-repeat #73000d;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-border-radius: 8px;
		box-shadow: inset 0 -1px 0px rgba(255,255,255, .3);
		text-indent: -999999px;
		border: 0;
}
	 /* Mobile and iPad Portrait */
    	@media only screen and (max-width: 959px) { 
		.container ul#nav li { }
		.container ul#nav a { font-size:12px; }
		#nav	{ width:63% !important; margin-top:15px; }
		h1#logo-words { margin: 18px 30px 0px 0px; } 
		}
    	
    	/* Mobile Landscape and Portrait */
    	@media only screen and (max-width: 767px) {
    	.container ul#nav { display: none; }
		.container ul#nav li { margin-right:0px; }
		.container ul#nav a { font-size:12px; }
		.container ul#nav ul { display:inline-block; }
		.content-box { background:#ececec; border:none; }
		h1#logo-words { float:right; margin:18px 0px 0px; }
    	    
		.open { display: block; margin-top:15px; }
		#pageslide { width: 200px; }
		#pageslide #nav li { padding: 10px 0; border-bottom: 1px solid #666; }
		#pageslide #nav li a { color: #FFF; border: none; }
		#pageslide #nav li a:hover { text-decoration: underline; }
		
		#nav ul {
		position: relative !important;
		display:inline-block;
		top:0px !important;
	
		opacity: 1;
		
		background: none !important;
		border:none !important;
	
		-webkit-border-radius:none !important;
		-moz-border-radius: none !important;
		border-radius: none !important;}
		
		#nav ul li {
		height: auto;
		overflow: visible;
		padding: 2px 0px !important;
	
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		
		border-bottom: none !important;
		border-top: none !important;}
		
		#nav li:hover > ul li {height: auto !important;}
		#nav li > ul li { margin-left:30px !important; }
		#nav li > #nav-active { padding:8px 5px 6px!important; }
		#nav-last a { border-right: none !important; padding:0px !important; }
		#nav li > #nav-active-first { padding:8px 5px 6px!important; 
				-webkit-border-top-left-radius: 0px !important;
				-moz-border-radius-topleft: 0px !important;
				border-top-left-radius: 0px !important;
				-webkit-border-bottom-left-radius: 0px !important;
				-moz-border-radius-bottomleft: 0px !important;
				border-bottom-left-radius: 0px !important; }
		#nav li > #nav-active-last { padding:8px 5px 6px!important;
				-webkit-border-top-right-radius: 0px !important;
				-moz-border-radius-topright: 0px !important;
				border-top-right-radius: 0px !important;
				-webkit-border-bottom-right-radius: 0px !important;
				-moz-border-radius-bottomright: 0px !important;
				border-bottom-right-radius: 0px !important;  }
		#nav li > a:hover { text-decoration:none !important; }
			
			#nav li:first-child a:active { 
				-webkit-border-top-left-radius: 0px !important;
				-moz-border-radius-topleft: 0px !important;
				border-top-left-radius: 0px !important;
				-webkit-border-bottom-left-radius: 0px !important;
				-moz-border-radius-bottomleft: 0px !important;
				border-bottom-left-radius: 0px !important;
			 }
			
			#nav li:last-child a:active { 
				-webkit-border-top-right-radius: 0px !important;
				-moz-border-radius-topright: 0px !important;
				border-top-right-radius: 0px !important;
				-webkit-border-bottom-right-radius: 0px !important;
				-moz-border-radius-bottomright: 0px !important;
				border-bottom-right-radius: 0px !important; 
			}
			
			#nav-active-last { 
				background: #7b000f !important;
				background: -webkit-linear-gradient(top, #7b000f 0%,#a00014 100%) !important;
				background: -moz-linear-gradient(top, #7b000f 0%,#a00014 100%) !important;
				background: -o-linear-gradient(top, #7b000f 0%,#a00014 100%) !important;
				background: -ms-linear-gradient(top, #7b000f 0%,#a00014 100%) !important;
				background: linear-gradient(top, #7b000f 0%,#a00014 100%) !important; 
			 }
			 
			#nav { 
				width:150px !important;
				background: none !important;
				-webkit-border-radius: 0px !important;
				-moz-border-radius: 0px !important;
				border-radius: 0px !important;
				box-shadow: none !important; 
				-webkit-box-shadow: none !important;
				-moz-box-shadow: none !important;
				border:none !important;
			}
    	}
    	
    	/* Mobile Portrait */
        @media only screen and (max-width: 479px) { .content-box { background:#ececec; border:none; }  }
		
			
/* ---------------------------------------------------------------------------------------
   MEDIA
   --------------------------------------------------------------------------------------- */ 
   @media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2), /* Looks like a bug, so may want to add: */
	only screen and (   -moz-min-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) { 
		/* Your retina specific stuff here */
	}
	@media print {
    * {
        background: none !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
 
        /* Images, vectors and such */
        filter: Gray();                          /* IE4-8: depreciated */
        filter: url('desaturate.svg#grayscale'); /* SVG version for IE10, Firefox, Safari 5 and Opera */
        -webkit-filter: grayscale(100%);         /* Chrome + Safari 6 */
        -moz-filter: grayscale(100%);            /* Future proof */
        -ms-filter: grayscale(100%);             /* Future proof */
        -o-filter: grayscale(100%);              /* Future proof */
        filter: grayscale(100%);                 /* Future proof or polyfilled */
    }
 
    a {
        text-decoration: underline;
    }
 
    a[href]:after {
        content: " (" attr(href) ")"; 
    }
 
    a[href="#"],
    a[href="javascript:"] {
        content: "";
    }
}