@charset "utf-8";

.tabs a{
	display: block;
	text-align: center;
	text-decoration: none;
}
.tabs p, .tabs h4, .tabs h5{
	font-family:'titilliumregular', Palatino, Georgia, serif;
}
.tabs p{
	font-size: 15px;
	line-height: 24px;
}
.tabs h4{
	letter-spacing:.1em;
}
.tabs h5{
	line-height: 33px;
	letter-spacing: .1em;
	text-transform:uppercase;
}
.tabs h6{
	font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-style:italic;
	line-height: 20px;
}

/*** Container All Tabs ********************/
.tabs{
	position: relative;
	display: block;
	width: 960px;
	height:400px;
	margin: 20px auto 100px auto;
}

/*** Container One Tab ********************/
.container{
	position: absolute;
	top:0;
	left: 0;	
}
.container:target .content{
	z-index: 100;
}

/*** Tab Lebels ****************************/
.label{
	position: absolute;
	width: 150px;
	height: 60px;
	top: 0px;	
	z-index:1000;
}
.container:nth-child(1) .label{
	left: 10px;	
}
.container:nth-child(2) .label{
	left: 170px;	
}
.container:nth-child(3) .label{
	left: 330px;	
}
.container:nth-child(4) .label{
	left: 490px;	
}
.label a{
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	
	box-shadow: 1px 2px 4px 1px rgba(96, 96, 96,.2);
	-webkit-box-shadow: 1px 2px 4px 1px rgba(96, 96, 96,.2);
	-moz-box-shadow: 1px 2px 4px 1px rgba(96, 96, 96,.2);
}
.label h5{
	font-size:16px;
}
.label h5 a{
	width: 100%;
	line-height: 60px;
}
.label h5 a i{
	padding-right:7px;
	font-size:22px;
}

/*** Content ******************************/
.content{
	position:absolute;
	height: 350px;
	width: 780px;
	overflow:hidden;
	top:65px;
	left:0px;
	padding: 10px;
	
	border-top:4px solid;
	border-bottom:20px solid;
	
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	
	box-shadow: 1px 2px 4px 1px rgba(204,204,204,.2);
	-webkit-box-shadow: 1px 2px 4px 1px rgba(204,204,204,.2);
	-moz-box-shadow: 1px 2px 4px 1px rgba(204,204,204,.2);
}
.content p{
	padding: 2px 10px 5px 10px;
	margin:10px 0 10px 15px;
	border-left:20px solid;
	text-align: justify;
}
.content h4{
	padding: 8px 0 7px 15px;
	font-size: 19px;
}
.content h6{
	padding:8px 15px;
	margin:10px;
	
	font-size:13px;
	text-align: justify;
	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.content h6 i{
	padding:0 5px;
	margin-right:20px;
	font-size:50px;
}
.content#content1{
	z-index:90;
}

/*** For Change Animation Effects *******************/
.container:target .content p{
	-webkit-animation: fadeInUp .9s 1;
	animation: fadeInUp .9s 1;
}
.container:target .content h6{
	-webkit-animation: flash .9s 1 .5s;
	animation: flash .9s 1 .5s;
}
.label:hover a{
	-webkit-animation: pulse .6s 1;
	animation: pulse .6s 1;
}