/*
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; 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; overflow-y:scroll; }
   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                { font-size:16px; font-family:Verdana, Geneva, sans-serif; background:url(images/blue-bg.jpg) repeat; }
	h1                  { margin:10px 0 15px; font:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#3f3f38; font-weight:bold; text-shadow: 1px 1px 0px #f7fafc;}
	h2                  { }
	h3                  { }
	h4                  { }
	h5                  { }
	h6                  { } 
	p                   { line-height:20px; margin:10px 0 15px; font:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#3f3f38; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;}
	blockquote          { line-height:24px; margin:0 0 24px; }
	a                   { font:Geneva, Arial, Helvetica, sans-serif; color:#304597; text-decoration:none; border:none;}
	a:hover             { color:#db3b22; text-decoration:none;}
	a:active            { position:relative; top:1px; }
	ul                  { }
	ol                  { }
	pre                 { }
	th					{ font-weight:bold; margin:0 auto;} 
	td, th				{ padding:5px;}
	.red				{ color:#db3b22;}
	.red:hover			{ color:#db3b22; text-decoration:underline;}
	.smaller 			{ font-size:10px;}

/* ---------------------------------------------------------------------------------------
   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; }

/* ---------------------------------------------------------------------------------------
   SPECIFIC CLASSES
   --------------------------------------------------------------------------------------- */  
   .marg-zero			{ margin:!important 0px 0px 0px 0px;}
   .table-text			{line-height:20px; margin:10px 0 15px; font:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#3f3f38; text-shadow: 1px 1px 0px #f7fafc; width:100%;}
   .space				{ height:10px; display:block; clear:both;}

/* ---------------------------------------------------------------------------------------
   LAYOUT
   --------------------------------------------------------------------------------------- */  
   	#clouds-bg			{ background:url(images/clouds-bg.jpg) repeat; height:430px; width:100%; position:absolute; top:0;}
	#page-wrap          { width:820px; margin:0 auto; position:relative; height:100%; }
	.content			{ margin-top:-27px; background-color:#c2d3dd; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #6d7e99;}
	.white-border		{ border-radius: 10px; padding:10px; border: 1px solid #f2f6f8; padding:10px 20px; }
	.top-border			{ border-top:1px solid #6d7e99; border-bottom:1px solid #f2f6f8; clear:both; margin:15px 0px; } 
	.border			    { border-top:1px solid #6d7e99; border-bottom:1px solid #f2f6f8; clear:both; margin:10px 0px; }
	.section			{ width:242px; display:block; margin-left:0px; float:left; }
	.section-r			{ width:242px; display:block; margin-right:0px; float:right; }
	.section-m			{ width:242px; display:block; margin-left:15px; margin-right:10px; float:left; }
	.section-wide		{ margin:0 auto;}
	.section-halfed		{ width:375px; float:left; margin-right:15px; padding-right:5px;}  
	.section-half		{ width:375px; float:left; padding-left:5px;}
	.tab-section		{ width:350px; float:left; margin-right:15px; padding-bottom:20px;}
	
	.vid-icon			{ width:61px; height:105px; float:left; padding:5px; margin-right:10px;}
	.vid-icon img		{ margin:0 auto; cursor:pointer;}
	.vid-icon p 		{line-height:12px; margin:1px 0 1px; font:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#3f3f38; text-shadow:rgba(255, 255, 255, 0.4) 0px 1px 0px; text-align:center;}
	.icon div:hover	    { background:#889eab;}
	.vid-fix			{ margin-left:7px;}
	


/* ---------------------------------------------------------------------------------------
   FOOTER
   --------------------------------------------------------------------------------------- */  
	#footer				{ width:860px; margin: 30px auto;}
	#footer	p			{ text-align:center; color:#CCCCCC;text-shadow: 1px 1px 0px #000;}
	#footer a 			{ color: #db3b22; text-shadow: 1px 1px 0px #000;}
    
/* ---------------------------------------------------------------------------------------
   LOGO
   --------------------------------------------------------------------------------------- */  
	#logo               { width:177px; height:101px; display:block; float:left; margin-top:20px; }
	#logo a             { width:177px; height:101px; background: url(images/logo.png)left top no-repeat; text-indent:-9999px; display:block; }
	
/* ---------------------------------------------------------------------------------------
   CLOUD-SLIDER
   --------------------------------------------------------------------------------------- */  		
	#slider 			{ position: relative; overflow: hidden;height:431px; border-bottom:1px solid #647ca0;}
	#slider img 		{ position:absolute; margin:0; height:302px;;display:none; bottom:0;}
	#imageloader 		{ position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
	#imageloader img 	{ position:relative; top:200px; z-index:100; width:128px; height:15px; display:inline;}
	
/* ---------------------------------------------------------------------------------------
   SLIDER
   --------------------------------------------------------------------------------------- */ 
	#slides {z-index:100;}
	.slides_container {width:820px;height:286px;overflow:hidden; margin: 0 auto; position:relative;}
	.pagination { float:left; }
	.pagination li {float:left;margin:0 1px;}
	.pagination li a {display:block;width:17px;height:0;background-image:url(images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
	.pagination li.current a {background-position:0 -25px;}
	#slides .next {position:absolute;top:107px;left:845px;width:24px;height:43px;display:block;z-index:101; opacity:.2; -webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;transition: .2s linear;}
	#slides .next:hover, #slides .prev:hover {opacity:.6;-webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;transition: .2s linear;}
	#slides .prev {position:absolute;top:107px;left:-50px;width:24px;height:43px;display:block;z-index:101; opacity:.2; -webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;transition: .2s linear;}
	#example {width:820px;height:286px;position:relative;}
		
/* ---------------------------------------------------------------------------------------
   NAV
   --------------------------------------------------------------------------------------- */ 	
	nav.mainnav {margin: 45px 15px 0px 0;float: right; }
	nav.mainnav li {
	float: left;
	height: 43px;
	background: rgba(255, 255, 255, 0.7);
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
	nav.mainnav li:first-child {
	  -webkit-border-top-left-radius: 9px;
	  -webkit-border-bottom-left-radius: 9px;
	  -moz-border-radius-topleft: 9px;
	  -moz-border-radius-bottomleft: 9px;
	  border-top-left-radius: 9px;
	  border-bottom-left-radius: 9px; }
	nav.mainnav li:last-child {
	  -webkit-border-bottom-right-radius: 9px;
	  -webkit-border-top-right-radius: 9px;
	  -moz-border-radius-bottomright: 9px;
	  -moz-border-radius-topright: 9px;
	  border-bottom-right-radius: 9px;
	  border-top-right-radius: 9px; }
	nav.mainnav li a {
	  padding: 15px 13px;
	  display: block;
	  text-align: center;
	  position: relative;
	  text-decoration: none;
	  text-transform: capitalize;
	  color: #3f3f38;
	  text-shadow: 1px 1px 0px #f7fafc;
	  font-size: 13px;
	  font-weight: 700; }
	nav.mainnav li.current {background: #fff; }
	nav.mainnav li:hover {background: #fafafa;background: rgba(255, 255, 255, 0.9); }
	nav.mainnav li.home { width: 70px; }
	nav.mainnav li.aviation {width: 122px; }
	nav.mainnav li.fs-aviation {width: 163px; }
	nav.mainnav li.frontsight {width: 105px; }
	nav.mainnav li.family {width: 78px; }
	nav.mainnav li.misc {width: 58px; }
	.nav-separator {height: 32px;top: 9px;width: 0; }
	nav.mainnav li:not(:first-child) a {border-left: 1px solid rgba(0, 0, 0, 0.1); }
	nav.mainnav li:not(:last-child) a {border-right: 1px solid rgba(255, 255, 255, 0.5); }
/* ---------------------------------------------------------------------------------------
   TABS
   --------------------------------------------------------------------------------------- */ 	
	ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #68808e;
	border-left: 1px solid #68808e;
	width: 100%;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		height: 31px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 31px; /*--Vertically aligns the text within the tab--*/
		border: 1px solid #68808e;
		border-left: none;
		margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden;
		position: relative;
		background: #889eab;
	}
	ul.tabs li a {
		text-decoration: none;
		color: #000;
		display: block;
		font-size: 14px;
		padding: 0 20px;
		border: 1px solid #c4d2da; /*--Gives the bevel look with a 1px white border inside the list item--*/
		outline: none;
		text-shadow:rgba(255, 255, 255, 0.4) 0px 1px 0px;
	}
	ul.tabs li a:hover {
		background: #889eab;
	}
	html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #a6bcc8;
		border-bottom: 1px solid #a6bcc8; /*--Makes the active tab look like it's connected with its content--*/
	}
	
	.tab_container {
		border: 1px solid #68808e;
		border-top: none;
		overflow: hidden;
		clear: both;
		float: left; width: 100%;
		background: #a6bcc8;
		margin-bottom:10px;
	}
	.tab_content {
		padding: 20px;
		font-size:14px;
		display:block;
	}
	.tab_content  ol {line-height:20px; margin:10px 0 15px; font:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-shadow: 1px 1px 0px #c4d2da; list-style-type:decimal; margin-left:20px;}
	.tab_content  ul {line-height:20px; font:Geneva, Arial, Helvetica, sans-serif; font-size:12px; text-shadow: 1px 1px 0px #c4d2da; }
	
/* ---------------------------------------------------------------------------------------
   SPONSOR WALL
   --------------------------------------------------------------------------------------- */ 	
	.sponsorListHolder{
	margin-bottom:30px;
	}
	
	.sponsor{
		width:155px;
		height:155px;
		float:left;
		margin-left:15px;
		margin-right:14px; 
		
		/* Giving the sponsor div a relative positioning: */
		position:relative;
		cursor:pointer;
	}
	
	.sponsorFlip{
		/*  The sponsor div will be positioned absolutely with respect
			to its parent .sponsor div and fill it in entirely */
	
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		border:1px solid #ddd;	
		background:url("images/background.jpg") no-repeat center center #f9f9f9;
	}
	
	.sponsorFlip:hover{
		border:1px solid #999;
		
		/* CSS3 inset shadow: */
		-moz-box-shadow:0 0 30px #999 inset;
		-webkit-box-shadow:0 0 30px #999 inset;
		box-shadow:0 0 30px #999 inset;
	}
	
	.sponsorFlip img{
		/* Centering the logo image in the middle of the sponsorFlip div */
		
		position:absolute;
		top:50%;
		left:50%;
		margin:-70px 0 0 -70px;
	}
	
	.sponsorData{
		/* Hiding the .sponsorData div */
		display:none;
	}
	
	.sponsorDescription{
		font-size:11px;
		padding:30px 10px 20px 10px;
		font-style:italic;
		text-align:center;
	}
	
	.sponsorURL{
		font-size:10px;
		font-weight:bold;
		padding-left:20px;
	}