@font-face{
	font-family: Daggersquare;
	src: url('../fonts/daggersquare.otf');
}
h1, h2, h3, h4 {
	font-family: Daggersquare;
	font-size: x-large;
	padding:2%;
}

body{
	background-color:#000000;
	font-size: 100%; /* base font 14 px*/
	font-family: Arial, 'Lucida Sans Unicode';
	line-height:1.5;
	text-align: left;
	color: rgb(150,220,220);
}
 ul {
	padding:0;
	list-style-type:none;
}
 ul li{
	margin: 10px 0;
	margin-left: 15px;
}
form label{
	display: block;
	
}
form input{
	background-color: #CBF7F7;
	padding: 2px;
	width: 300px;
}
form textarea{
	background-color: #CBF7F7;
	padding: 2px;
	width: 70%;
}
	
iframe {
	position: relative;
	width: 90%;


}

a {
	text-decoration: none;
	color: rgb(150,220,220);

}

a:link, a:visited{
	
}
a:hover, a:active{
	
}
.headerArea ul li img{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-color: rgb(134,179,179);
	border-width: 1px;
	border-style: solid;
	margin:0 auto;
	padding: 0;
	
}
.body {
	margin:0 auto;
	width:96%;
	clear: both;
	
}


.mainHeader img{
	width:100%;
	height:auto;
}
.headerImg1 {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-color: rgb(134,179,179);
	border-width: 1px;
	border-style: solid;
	margin:0 auto;
	padding: 0;
}
#header_gallery{
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;

}
#header_gallery li{
	width: 48%;
	display: inline-block;
	margin: 0 auto;
}

#header_gallery li img{

	padding:0;
}
#header_gallery .left {
	padding-right: 1%;
	padding-left:0;
}
#header_gallery  .right {
	padding-right: 0;
	padding-left: 1%;
}
.headerArea {
	width:100%;
	height:auto;
}
.headerImg1 {

	z-index: 1;

}
#sliderFadeOut {
	font-size:75%;

}

.mainHeader nav {

	height:70px;
	font-family:Daggersquare;


}
.mainHeader nav ul{
	list-style: none;
	margin: 0 auto;
}

.mainHeader nav ul li {
	float: left;
	font-weight:bold;

	margin-right: 0.5%;
	margin-left: 0.5%;
	margin-top: 12.5px;	
}

.mainHeader nav a:link, .mainHeader nav a:visited, 
.art_content nav a:link, .article_content nav a:visited {
	display: inline-block;
	padding: 15px 25px;
	height: 20px;
		
}
.mainHeader nav a:hover, .mainHeader nav a:active, 
.mainHeader nav .active a:link, .mainHeader nav .active a:visited,
.art_content nav a:hover, .art_content nav a:active, 
.art_content nav .active a:link, .art_content nav .active a:visited  {
	background-image: url("tlo50x200.png");
	background-repeat: no-repeat;
	background-origin: border-box;
	background-position: center; 
	background-size: auto 50px;
	text-shadow: none;
		color:rgb(220,255,255)
}
.active{
	background-image: url("tlo50x200.png");
	background-repeat: no-repeat;
	background-origin: border-box;
	background-position: center; 
	background-size: auto 50px;
	text-shadow: none;
	color:rgb(220,255,255)

}
.mainMenu a{

	text-align:center;
}

.mainHeader nav ul li a, .article_content nav ul li a {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


.content{
	line-height: 25px;
	width: 100%;
}
#article_content p, h1, h2, form, p{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	padding-left:2%;
	
}

#article_content{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0f3247+88,1a5479+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000000 0%, #0f3247 88%, #1a5479 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #000000 0%,#0f3247 88%,#1a5479 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #000000 0%,#0f3247 88%,#1a5479 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1a5479',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-color: rgb(134,179,179);
	border-width: 1px;
	border-style: solid;
	margin-top: 2%;
	color: rgb(150,220,220);

}

.home nav {
		list-style: none;
		text-align: left;
		vertical-align: top;
		margin: 0 auto;
		padding: 0;
		white-space:nowrap;
}

.home nav ul li {
	display: inline-block;
	text-align: justify;
	vertical-align: top;
	white-space: normal;
	padding: 5px;

}
.homeText {
	width: 50%;
}
.homeVideo{
	width:50%;
}


.content_menu {
	list-style: none;
	text-align: center;
	vertical-align: top;
	margin: 0 auto;
	padding: 0;
	border-bottom-color: rgb(134,179,179);
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}
.content_menu li {
	display: inline-block;
	text-align: center;
	padding-left: 4%;
	padding-right: 4%;
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 8px;
}
.content_menu li a {
	font-family: Daggersquare;
}
.mainFooter {
	width:100%;
	height:40px;
	float:left;
		
}
.mainFooter p{
	width: 92%;
	margin: 10px auto;

}
.GallerySlider3d nav {
	
}
	.GallerySlider3d nav ul {
		list-style: none;
		text-align: center;
		vertical-align: top;
		margin: 0 auto;
		padding: 0;
	}

	.GallerySlider3d nav ul li {
	display: inline-block;	
	text-align: justify;
	width: 100px;
	height: 100px;
	padding: 5px;
	}
	.GallerySlider3d nav ul li a img{
		position:relative;
		width:100%;
	}
		.the_element {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
    }
	
	.container {
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-color: rgb(134,179,179);
		border-width: 1px;
		border-style: solid;
	}
	
	.content_menu{
		text-align:center;
	}
.panel{
	color:red;
}
.iframe{
	text-align: center;
}
	
	
@media only screen and (min-width: 150px) and (max-width: 900px)
{
	form input{
	padding: 2px;
	width: 95%;
	}
	form textarea{
	padding: 2px;
	width: 95%;
}
	.body {
	width: 90%;
	}
	#sliderFadeOut{
		font-size:66%;
	}
	#header_gallery {
		
	}
	#header_gallery  .left {
		width: 100%;
		padding: 0;
		margin:0;
	}
	#header_gallery  .right{
		visibility:hidden;
		width:0;
		padding: 0;
		margin:0;
	}
	.mainHeader nav {
	background:none;
	height: 270px;
	border: none;
	}
	.mainHeader nav ul{
	padding: 0;
	}
	.mainHeader nav ul li {

	width: 99%;
	text-align: center;

		
	}
	.mainHeader nav a:link, .mainHeader nav a:visited,
	.art_content nav a:link, .art_content nav a:visited{
		padding: 10px 25px;
		height:20px;
		display: block;
			
	}
	

	.content{
		width: 100%;
		float: left;
		margin-top: 2%;

	}
	
	.content_menu li{
		display:block;
	}
	.mainFooter {
		width:100%;
		height:40px;
		float:left;
			
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;	
		margin-top: 2%;
		margin-bottom: 1%;
	}
	
	.home nav ul li {
	display: block;
	}
	
	.homeText {
	width: 95%;
	}


	.homeVideo {
	width: 100%;
	}
	.mainFooter p{
		width: 92%;
		margin: 10px auto;
		color: rgb(150,220,220);
	}