/* ****************************
		Navigation tab
**************************** */

.nav {
	position: relative;
	width:100%;
}

.nav li {
	float:left;
	position:relative;
	display:block;
	background: #0079c9;
	height:45px;
	line-height:45px;
	border-right:1px solid #cccccc;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	text-transform: uppercase;
	color:#ffffff;
}


/* Align Left */
.nav.left li {
	width:140px;
} 


/* Align Center */
.nav.center.col2 {width:172px;}
.nav.center.col3 {width:258px;}
.nav.center.col4 {width:344px;}
.nav.center.col5 {width:430px;}
.nav.center.col6 {width:516px;}
.nav.center.col7 {width:602px;}
.nav.center.col8 {width:688px;}
	
.nav.center.col2 li,
.nav.center.col3 li,
.nav.center.col4 li,
.nav.center.col5 li,
.nav.center.col6 li,
.nav.center.col7 li,
.nav.center.col8 li {width: 86px;}


/* right */
.nav.right li {float: right; width:86px;}


/* fullwidth */
.nav.col2 li {
	width:50%;
	*width: 49.9%;
}

.nav.col3 li {
	width:33.3333%;
	*width:33.2222%;
}

.nav.col4 li {
	width:25%;
	*width:24.9%;
}

.nav.col5 li {
	width:20%;
	*width:19.9%;
}

.nav.col6 li {
	width:16.6666%;
	*width:16.5555%;
}

.nav.col7 li {
	width:14.2857%;
	*width:14.1857%;
}

.nav.col8 li {
	width:12.5%;
	*width:12.44%;
}


.nav li:hover {
	background: #96c93d;
	cursor:pointer;
}

.nav li.active {
	background: #96c93d;
	color: #fff;
	z-index:50;
}



/* ****************************
			Content
**************************** */

.content {
	clear:both;
	position:relative;
	width: 100%;
	background: #ffffff;
	border: 0;
	margin-bottom:40px;
}

.tab_content {
	padding: 15px 2% 20px 2%;
}


.content h1, h2, h3, h4, h5 {
	font-weight:bold; margin: 0.5em 0; line-height: 1.2;
}

.content h1, section h1 {font-size:2.2em;}
.content h2, section h2 {font-size:2em;}
.content h3, section h3 {font-size:1.5em;}
.content h4, section h4 {font-size:1.3em;}
.content h5, section h5 {font-size:1em;}



/* Responsive Row (extracted from bootstrap for a simple integration) */

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}


/* ****************************
			Selection
**************************** */

::selection { 
    background: #000;
    color: #fff; 
}

::-moz-selection { 
    background: #000;
    color: #fff;
}



/* ****************************
			Section
**************************** */

section{
	clear: both;
	padding-bottom: 40px;
}


h3.v_nav {display: none;}



/* ****************************
		  Media query
**************************** */

@media all and (max-width: 768px) {

	.nav {display: none;
	}
	
	h3.v_nav {
		height:45px;
		line-height:45px;
		font-size:13px;
		margin: 0;
		padding: 0;
		background: #292929;
		color: #fff;
		text-align:center;
		font-weight:bold;
		margin-top: 1px;
		display: block;
		cursor: pointer;
		text-transform: uppercase;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		 -khtml-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
	}

	h3.v_nav:first-child {
		margin-top: 0;
	}

	h3.v_nav:hover {
		text-decoration:underline;
	}

	h3.v_active {
		background-color:#96c93d;
		color: #fff;
		z-index:50;
	}

	.row-fluid [class*="span"] {margin-left: 0; margin: 1% 0;}

	.row-fluid .span1, 
	.row-fluid .span2, 
	.row-fluid .span3, 
	.row-fluid .span4, 
	.row-fluid .span5, 
	.row-fluid .span6, 
	.row-fluid .span7, 
	.row-fluid .span8, 
	.row-fluid .span9, 
	.row-fluid .span10, 
	.row-fluid .span11, 
	.row-fluid .span12 {width: 100%;}

}



/* ****************************
	IE10 split screen fix
**************************** */

@media screen and (max-width: 320px) {
	@-ms-viewport { width: 320px; }
}
 
@media screen and (min-width: 768px) and (max-width: 959px) {
	@-ms-viewport { width: 768px; }
}