@charset "utf-8";

/* CSS Document */



.tabsN {

    position: relative;

	width:100%;

}



.tabsN input {

	position: absolute;

	z-index: 1000;

	width: 120px;

	height: 40px;

	left: 0px;

	top: 0px;

	opacity: 0;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

	cursor: pointer;

}

.tabsN input#tab-2{

	left: 120px;

}

.tabsN input#tab-3{

	left: 240px;

}

.tabsN input#tab-4{

	left: 360px;

}



.tabsN label {

	background:#ededed;

	line-height: 40px;

	height: 40px;

	position: relative;

	padding: 0 20px;

    float: left;

	display: block;

	/*width: 80px;*/

	color: #385c5b;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-weight: bold;

	text-align: center;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);

    border-radius: 3px 3px 0 0;

    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);

}



.tabsN label:after {

    content: '';

	background: #fff;

	position: absolute;

	bottom: -2px;

	left: 0;

	width: 100%;

	height: 2px;

	display: block;

}



.tabsN input:hover + label {

	background: #FFF;
	color:#000;

}



.tabsN label:first-of-type {

    z-index: 4;

    box-shadow: 2px 0 2px rgba(0,0,0,0.1);

}



.tab-label-2 {

    z-index: 3;

}



.tab-label-3 {

    z-index: 2;

}



.tab-label-4 {

    z-index: 1;

}



.tabs input:checked + label {

    background: #fff;

	z-index: 6;

}



.clear-shadow {

	clear: both;

}



.content {

    background: #fff;

	position: relative;

    width: 100%;

	height: 370px;

	z-index: 5;

    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);

    border-radius: 0 3px 3px 3px;

}



.content div {

    position: absolute;

	top: 0;

	left: 0;

	padding: 10px 10px;

	z-index: 1;

    opacity: 0;

	width:100%;

	padding-bottom:



    -webkit-transition: opacity linear 0.1s;

    -moz-transition: opacity linear 0.1s;

    -o-transition: opacity linear 0.1s;

    -ms-transition: opacity linear 0.1s;

    transition: opacity linear 0.1s;

}



.tabsN input.tab-selector-1:checked ~ .content .content-1,

.tabsN input.tab-selector-2:checked ~ .content .content-2,

.tabsN input.tab-selector-3:checked ~ .content .content-3,

.tabsN input.tab-selector-4:checked ~ .content .content-4 {

	z-index: 100;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;



    -webkit-transition: opacity ease-out 0.2s 0.1s;

    -moz-transition: opacity ease-out 0.2s 0.1s;

    -o-transition: opacity ease-out 0.2s 0.1s;

    -ms-transition: opacity ease-out 0.2s 0.1s;

    transition: opacity ease-out 0.2s 0.1s;

}

.content div h2,

.content div h3{
    font-family: "Avant Garde Book BT";
	color: #333;

}

.content div p {

	font-size: 14px;

	line-height: 22px;

	font-style: italic;

	text-align: left;

	margin: 0;

	color: #777;

	/*padding-left: 15px;*/

	font-family: Cambria, Georgia, serif;

	/*border-left: 8px solid rgba(63,148,148, 0.1);*/

	

}



*, .tabN*:after, .tabN*:before { -webkit-box-sizing:none; -moz-box-sizing: 0; box-sizing: 0; word-wrap:0; }

