/********
Author: John Leondus
Copyright eLIONweb 2011
Website: http://www.elionweb.com
envato profile: http://www.codecanyon.com/user/eLION
Unless you have bought an exclusive license do not delete the author info
*************/
/****** IMPORTANT! Please review ie.css and compare to this stylesheet before making changes that will effect IE ********/



/* `Common Styles
----------------------------------------------------------------------------------------------------*/

/* Tabs */
	
.tab-container {
	position: relative; /* It's important to keep this position relative and the absolute positions in this file the same */
	width: 100%; height:318px;
	z-index:0;
}

.tab-container > div { 
	display: inline;
}

.tab-container > div > a {  
	position: relative !important; /* Keeps the tabs in line with each other */
	text-decoration: none; 
	color: #262626; 
	display: inline-block;
	padding: 10px 15px; 
	font-size:1.1em;
	font-family: "gothambold1"; font-weight:normal; 
	text-transform:uppercase;
	background: #fff; /* old browsers */
	background: -moz-linear-gradient(top, #8A8889 0%, #bdbdbd 52%, #cbcbcb 100%); /* firefox */
	background: linear-gradient(top, #8A8889 0%, #bdbdbd 52%, #cbcbcb 100%); /* future browsers */
	-pie-background: linear-gradient(top, #8A8889 0%, #bdbdbd 52%, #cbcbcb 100%); /* pie for ie */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8A8889), color-stop(52%,#bdbdbd), color-stop(100%,#cbcbcb)); /* webkit */
	/** filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8889', endColorstr='#ABABAB',GradientType=0 ); **/ /* uncomment this when ie decides not to put boxes behind elements with a border radius */
	-moz-border-radius: 3px;
	-webkit-border-radius: 0px;
	border-radius: 3px 10px 0 0;
    text-shadow: 0 -1px 1px #dfdfdf;
	-moz-box-shadow: 0 4px 10px -5px #000000; border:1px solid #afafaf;
}

.tab-container > div:not(:target) > a {}	

.tab-container > div:target > a { 
   box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2) inset; background:#fff;text-shadow: 0 -1px 0 #fff; border:1px solid #d3d3d3; color:#525252;
}	

.tab-container > div > div { /* This is the container which holds the tab content */
	background: #fff; /* old browsers */
	z-index: -2;
/* Change this value if you need more or less content space */
	position:absolute; /* Fixes IE 7 & 8 */
}	
.tab-container > div:not(:target) > div { 
	position: absolute; /* This keeps the tab module contained */
}

.tab-container > div:target > div { 
	position: absolute; border-radius:5px;
	z-index: 3 !important; /* Brings the content to the front depending on the tab that was clicked */ 
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2) inset; 
}

div.tab-content{ /* Styles the inner content of the tabs */
 float:left; width:100%; border-radius:0 0 10px 10px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2) inset; height:276px; border:1px solid #ccc;
}
	



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}