* {
    margin: 0;
    padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
 	*behavior: url( '/theme/js/boxsizing.htc' );
	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
	-webkit-overflow-scrolling: touch;
}
html, body {
	height: 100%;
}
body {
	background-color: #262826;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #000000;
    font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;    text-align: left;
}
a {
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
a, a:hover {
	text-decoration: none;
}
header, nav, footer, section {
    display: block;
}
.wrapper {
    background-color: #262826;
    text-align: left; 
 	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px ;  
	border: none;
}
header {
	position: relative;
    height: 60px;
    width: 100%;
    margin: 0;
    padding-top: 20px;
    top: 0;
   	/*background-image: url('../images/headerback.jpg');
    background-repeat: repeat-x;*/
}
header a {
	color: #8CADAD;
	font-size: 24px;
	padding-top: 20px;
	margin: 20px;
	text-decoration: none;
}
header a:hover
{
	animation: text 1s 1;
}
@keyframes text{ 
    0%{ 
        color: #A6BFBF; 
        letter-spacing: 0; 
    } 
    30%{ 
        letter-spacing: 5px; 
        } 
    85%{ 
        letter-spacing: 0; 
    } 
}
h1 {
	font-size: 42px;
	font-weight: normal;
	color: white;
	margin-bottom: 10px;
	margin-top: 30px;
	letter-spacing: 2px;
}
h2 {
	font-size: 22px;
	font-weight: lighter;
	color: white;
	margin-bottom: 10px;
	margin-top: 10px;
	letter-spacing: 2px;
}
ul {
	list-style-type: square ;
	list-style-position: inside;
	list-style-image: url('../images/box_red.jpg');
}
.logo img {
	max-width: 100%;
	width: 100%;
	height: auto;
	width: auto\9;  
    display: block;
	margin-top: 20px;
}
.navli {
	margin-left:0;
	padding-left:0;
	text-decoration: none;	
}
.spacer {
	padding-top: 30px
}
.navli a {
	font-size: 32px;
	font-weight: normal;
	color: #8CADAD;
	text-decoration: none;
	margin-bottom: 30px;
}
.navli a:hover {
	animation: text 1s 1;
}
/*------------------------------------------------------------------------------------------*/
.col-left-1000_1 {width: 10%;float: left;}
.col-left-1000_2 {width: 20%;float: left;}
.col-left-1000_3 {width: 30%;float: left;}
.col-left-1000_4 {width: 40%;float: left;}
.col-left-1000_5 {width: 50%;float: left;}
.col-left-1000_6 {width: 60%;float: left;}
.col-left-1000_7 {width: 70%;float: left;}
.col-left-1000_8 {width: 80%;float: left;}
.col-left-1000_9 {width: 90%;float: left;}
.col-left-1000_10 {width: 100%;float: left;}
.col-right-1000_1 {width: 10%;float: right;}
.col-right-1000_2 {width: 20%;float: right;}
.col-right-1000_3 {width: 30%;float: right;}
.col-right-1000_4 {width: 40%;float: right;}
.col-right-1000_5 {width: 50%;float: right;}
.col-right-1000_6 {width: 60%;float: right;}
.col-right-1000_7 {width: 70%;float: right;}
.col-right-1000_8 {width: 80%;float: right;}
.col-right-1000_9 {width: 90%;float: right;}
.col-right-1000_10 {width: 100%;float: right;}
.lastcol-1000 {margin-bottom: 0px;}
[class*="lastcol-"] {
	clear: both;
}
footer, .push {
    clear: both;
    height: -81px;
}
#footer {
    margin: -81px auto 0;
    text-align: left;
	position: relative;
    min-height: 80px;
	background-color: transparent;
}
.footerleft {
	margin-left: 20px;
	font-size: 14px;
	color: white;
	padding-top: 30px;
}
.footerright p {
	font-size: 20px;
	color: white;
	margin-right: 10px;
	margin-left: 10px;
}
.footerright a {
	font-size: 20px;
	color: white;
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: underline;
}
/*------------------------------------------------------------------------------------------*/
@media only screen and ( max-width: 1200px ) /* 1200 */ {
	.col-left-1000_1 {width: 10%;float: left;}
	.col-left-1000_2 {width: 20%;float: left;}
	.col-left-1000_3 {width: 30%;float: left;}
	.col-left-1000_4 {width: 40%;float: left;}
	.col-left-1000_5 {width: 50%;float: left;}
	.col-left-1000_6 {width: 60%;float: left;}
	.col-left-1000_7 {width: 70%;float: left;}
	.col-left-1000_8 {width: 80%;float: left;}
	.col-left-1000_9 {width: 90%;float: left;}
	.col-left-1000_10 {width: 100%;float: left;}
	.col-right-1000_1 {width: 10%;float: right;}
	.col-right-1000_2 {width: 20%;float: right;}
	.col-right-1000_3 {width: 30%;float: right;}
	.col-right-1000_4 {width: 40%;float: right;}
	.col-right-1000_5 {width: 50%;float: right;}
	.col-right-1000_6 {width: 60%;float: right;}
	.col-right-1000_7 {width: 70%;float: right;}
	.col-right-1000_8 {width: 80%;float: right;}
	.col-right-1000_9 {width: 90%;float: right;}
	.col-right-1000_10 {width: 100%;float: right;}
	.lastcol-1000 {margin-bottom: 0px;}
	h1 {
		font-size: 36px;
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 10px;
		letter-spacing: 2px;
	}
	h2 {
		font-size: 22px;
		font-weight: lighter;
		margin-bottom: 10px;
		margin-top: 10px;
		letter-spacing: 2px;
	}
	.spacer {
		padding-top: 15px
	}
}
/*------------------------------------------------------------------------------------------*/
@media only screen and ( max-width: 1000px ) /* 1000 */ {
	.col-left-1000_1 {width: 10%;float: left;}
	.col-left-1000_2 {width: 20%;float: left;}
	.col-left-1000_3 {width: 30%;float: left;}
	.col-left-1000_4 {width: 40%;float: left;}
	.col-left-1000_5 {width: 50%;float: left;}
	.col-left-1000_6 {width: 60%;float: left;}
	.col-left-1000_7 {width: 70%;float: left;}
	.col-left-1000_8 {width: 80%;float: left;}
	.col-left-1000_9 {width: 90%;float: left;}
	.col-left-1000_10 {width: 100%;float: left;}
	.col-right-1000_1 {width: 10%;float: right;}
	.col-right-1000_2 {width: 20%;float: right;}
	.col-right-1000_3 {width: 30%;float: right;}
	.col-right-1000_4 {width: 40%;float: right;}
	.col-right-1000_5 {width: 50%;float: right;}
	.col-right-1000_6 {width: 60%;float: right;}
	.col-right-1000_7 {width: 70%;float: right;}
	.col-right-1000_8 {width: 80%;float: right;}
	.col-right-1000_9 {width: 90%;float: right;}
	.col-right-1000_10 {width: 100%;float: right;}
	.lastcol-1000 {margin-bottom: 0px;}
	h1 {
		font-size: 34px;
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 10px;
		letter-spacing: 2px;
	}
	h2 {
		font-size: 20px;
		font-weight: lighter;
		margin-bottom: 10px;
		margin-top: 10px;
		letter-spacing: 2px;
	}
	.spacer {
		padding-top: 10px
	}
	.navli a {
		font-size: 22px;
		font-weight: normal;
		color: #8CADAD;
		text-decoration: none;
		margin-bottom: -10px;
		margin-left: 0px;
	}
	.footerright p {
		font-size: 16px;
		margin-right: 10px;
		margin-left: 20px;
	}
	.footerright a {
		font-size: 16px;
		margin-right: 10px;
		margin-left: 20px;
		text-decoration: none;
	}
	header a {
		font-size: 20px;
	}	
}
/*------------------------------------------------------------------------------------------*/
@media only screen and ( max-width: 800px ) /* 800 */ {
	.col-left-800_1 {width: 10%;float: left;}
	.col-left-800_2 {width: 20%;float: left;}
	.col-left-800_3 {width: 30%;float: left;}
	.col-left-800_4 {width: 40%;float: left;}
	.col-left-800_5 {width: 50%;float: left;}
	.col-left-800_6 {width: 60%;float: left;}
	.col-left-800_7 {width: 70%;float: left;}
	.col-left-800_8 {width: 80%;float: left;}
	.col-left-800_9 {width: 90%;float: left;}
	.col-left-800_10 {width: 100%;float: left;}
	.col-right-800_1 {width: 10%;float: right;}
	.col-right-800_2 {width: 20%;float: right;}
	.col-right-800_3 {width: 30%;float: right;}
	.col-right-800_4 {width: 40%;float: right;}
	.col-right-800_5 {width: 50%;float: right;}
	.col-right-800_6 {width: 60%;float: right;}
	.col-right-800_7 {width: 70%;float: right;}
	.col-right-800_8 {width: 80%;float: right;}
	.col-right-800_9 {width: 90%;float: right;}
	.col-right-800_10 {width: 100%;float: right;}
	.lastcol-800 {margin-bottom: 10px;}
	h1 {
		font-size: 26px;
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 20px;
		letter-spacing: 2px;
	}
	h2 {
		font-size: 18px;
		font-weight: lighter;
		margin-bottom: 10px;
		margin-top: 10px;
		letter-spacing: 2px;
	}
	.navli a {
		font-size: 20px;
		font-weight: normal;
		color: #8CADAD;
		text-decoration: none;
		margin-bottom: 0px;
		/*margin-left: 10px;*/
	}
	header a {
		font-size: 26px;
	}		
	.spacer {
		padding-top: 10px
	}
	.footerright {
		padding-top: 20px;
	}
	.footerright p {
		font-size: 14px;
		margin-right: 10px;
		margin-left: 20px;
	}
	.footerright a {
		font-size: 14px;
		margin-right: 10px;
		margin-left: 20px;
		text-decoration: none;
	}
	#footer {
	/*background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(38,40,38,1) 0%, rgba(78,82,78,1) 100%);
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(38,40,38,1) 0%, rgba(58,61,58,1) 100%); */
	}
}
/*------------------------------------------------------------------------------------------*/
@media only screen and ( max-width: 640px ) /* 640 */ {
	html {
		font-size: 75%; /* 12 */
	}
	.col-left-640_0 {display: none;}
	.col-left-640_1 {width: 10%;float: left;}
	.col-left-640_2 {width: 20%;float: left;}
	.col-left-640_3 {width: 30%;float: left;}
	.col-left-640_4 {width: 40%;float: left;}
	.col-left-640_5 {width: 50%;float: left;}
	.col-left-640_6 {width: 60%;float: left;}
	.col-left-640_7 {width: 70%;float: left;}
	.col-left-640_8 {width: 80%;float: left;}
	.col-left-640_9 {width: 90%;float: left;}
	.col-left-640_10 {width: 100%;float: left;}
	.col-right-640_1 {width: 10%;float: right;}
	.col-right-640_2 {width: 20%;float: right;}
	.col-right-640_3 {width: 30%;float: right;}
	.col-right-640_4 {width: 40%;float: right;}
	.col-right-640_5 {width: 50%;float: right;}
	.col-right-640_6 {width: 60%;float: right;}
	.col-right-640_7 {width: 70%;float: right;}
	.col-right-640_8 {width: 80%;float: right;}
	.col-right-640_9 {width: 90%;float: right;}
	.col-right-640_10 {width: 100%;float: right;}
	.lastcol-640 {margin-bottom: 0px;}
	h1 {
		font-size: 30px;
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 20px;
		margin-left: 10px;
		letter-spacing: 2px;
	}
	h2 {
		font-size: 18px;
		font-weight: lighter;
		margin-bottom: 5px;
		margin-left: 10px;
		margin-top: 10px;
		letter-spacing: 2px;
	}
	.navli a {
		font-size: 24px;
		font-weight: normal;
		color: #8CADAD;
		text-decoration: none;
		margin-bottom: 0px;
		margin-left: 10px;
	}
	header a {
		font-size: 24px;
	}		
	.spacer {
		padding-top: 10px
	}

	.footerleft {
		margin-left: 20px;
		margin-top: -20px;
	}
	.footerright {
		padding-top: 0;
	}
	.footerright p {
		font-size: 14px;
		margin-right: 10px;
		margin-left: 20px;
		margin-top: 10px;
	}
	.footerright a {
		font-size: 14px;
		margin-right: 10px;
		margin-left: 20px;		
		text-decoration: none;
	}
	header {
		height: 30px;
		padding-top: 10px;
	}
}