body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;
	padding:0;
}

fieldset,img{
	border:0;
}

img,object,embed{
	vertical-align:bottom;
}

address,caption,cite,code,dfn,em,th,var{
	font-weight:normal; 
	font-style:normal;
}

ol,ul{
	list-style:none;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

q:before,q:after{
	content:'';
}

a *{
	cursor:pointer;
}

input,textarea{
	outline:none;
}

html{
	min-width:320px; 
	height:100%;
}

body{
	font:12px/1.2 'Lato', sans-serif;
	position:relative;
	min-width:320px;
	height:100%;
	color:#fff;
	background:#000;
}

*{
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
*:before,*:after{
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
* ::-moz-selection{
	color:#fff; 
	background:#2600ff;
}
* ::selection{
	color:#fff; 
	background:#2600ff;
}

*[class*=ico_]{
	display:inline-block;
	vertical-align:top;
	background:url(../images/sprites.png) no-repeat;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	color:#999;
}
input:-moz-placeholder,textarea:-moz-placeholder{
	opacity:1; 
	color:#999;
}
input::-moz-placeholder,textarea::-moz-placeholder{
	opacity:1; 
	color:#999;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
	color:#999;
}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{
	color:transparent;
}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder{
	color:transparent;
}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{
	color:transparent;
}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{
	color:transparent;
}
input.placeholder,textarea.placeholder{
	color:#999 !important;
}

.middle_title:before,.title:before,.footer .holder:before{
	display:table;
	clear:both; 
	content:'';
}
.middle_title:after,.title:after,.footer .holder:after{
	display:table;
	clear:both; 
	content:'';
}

.intro{
	padding:16px;
}
.intro h2{
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}
.intro .post{
	margin:8px 0 0;
}
.intro .post p{
	font-size:13px;
	line-height:20px;
}

.heading{
	padding:16px;
}
.heading .line_text{
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
}

.list .headline{
	padding:10px;
}
.list h3{
	font-size:16px; 
	font-weight:normal;
}
.list .holder{
	padding:20px 50px;
}
@media screen and (max-width: 960px){
	.list .holder{
		padding:20px 10px;
	}
}
.list .holder ul{
	display:table;
	width:100%;
}
.list .holder ul li{
	font-size:13px;
	font-weight:300;
	display:table-cell;
	text-align:center; 
	vertical-align:middle;
}
.list .holder ul li span{
	display:block;
	padding:10px;
}
@media screen and (max-width: 960px){
	.list .holder ul li span{
		padding:10px 5px;
	}
}
.list .holder ul li span small{
	font-size:10px;
}

.block{
	padding:15px;
}
@media screen and (max-width: 480px){
	.block{
		padding:5px;
	}
}

.thumbs{
	overflow:hidden;
	margin:0 0 10px;
}
.thumbs .wrap{
	font-size:.001px; 
	margin:-10px 0 0 -10px;
	text-align:center;
}
.thumbs .th{
	line-height:1px;
	display:inline-block;
	padding:10px 0 0 10px; 
	vertical-align:middle;
}
@media screen and (max-width: 680px){
	.thumbs .th{
		width:25%;
	}
}
@media screen and (max-width: 560px){
	.thumbs .th{
		width:33.33%;
	}
}
@media screen and (max-width: 480px){
	.thumbs .th{
		width:50%;
	}
}
.thumbs .th img{
	line-height:1.2;
	display:inline-block;
	width:100%;
	height:auto;
	vertical-align:middle;
}
.thumbs .th a{
	display:block;
	padding:9px;
}

.middle_title{
	padding:5px 0 22px;
}
.middle_title .link_text{
	font-size:.001px;
	font-weight:normal;
	float:left;
	padding:0; 
	text-transform:uppercase;
}
.middle_title .link_text:hover{
	padding:0 0 1px;
}
.middle_title .link_text:hover .text_left,.middle_title .link_text:hover span{
	border:none;
}
.middle_title .link_text .text_left{
	font-size:30px; 
	font-weight:normal;
	display:inline-block;
	vertical-align:top;
}
@media screen and (max-width: 680px){
	.middle_title .link_text .text_left{
		font-size:20px;
	}
}
@media screen and (max-width: 560px){
	.middle_title .link_text .text_left{
		font-size:16px;
	}
}
@media screen and (max-width: 480px){
	.middle_title .link_text .text_left{
		font-size:13px;
	}
}
.middle_title .link_text .text_right{
	font-size:30px;
	display:inline-block;
	padding:0 0 0 5px; 
	vertical-align:top;
}
@media screen and (max-width: 680px){
	.middle_title .link_text .text_right{
		font-size:20px;
	}
}
@media screen and (max-width: 560px){
	.middle_title .link_text .text_right{
		font-size:16px;
	}
}
@media screen and (max-width: 480px){
	.middle_title .link_text .text_right{
		font-size:13px;
	}
}

.title .link_text{
	font-size:.001px;
	font-weight:normal;
	float:left;
	padding:0; 
	text-transform:uppercase;
}
.title .link_text:hover{
	padding:0 0 1px;
}
.title .link_text:hover .text_left,.title .link_text:hover .text_right{
	border:none;
}
.title .link_text .text_left{
	font-size:30px; 
	font-weight:normal;
	display:inline-block;
	vertical-align:top;
}
@media screen and (max-width: 680px){
	.title .link_text .text_left{
		font-size:20px;
	}
}
@media screen and (max-width: 560px){
	.title .link_text .text_left{
		font-size:16px;
	}
}
@media screen and (max-width: 480px){
	.title .link_text .text_left{
		font-size:13px;
	}
}
.title .link_text .text_right{
	font-size:30px;
	display:inline-block;
	padding:0 0 0 5px; 
	vertical-align:top;
}
@media screen and (max-width: 680px){
	.title .link_text .text_right{
		font-size:20px;
	}
}
@media screen and (max-width: 560px){
	.title .link_text .text_right{
		font-size:16px;
	}
}
@media screen and (max-width: 480px){
	.title .link_text .text_right{
		font-size:13px;
	}
}

.footer{
	display:table-row;
	height:1px;
}
.footer .holder{
	padding:30px 0;
}
@media screen and (max-width: 560px){
	.footer .holder{
		text-align:center;
	}
}
.footer .footer_logo{
	float:left;
	overflow:hidden;
	width:190px;
	height:33px;
	text-indent:-9999px; 
	background:url(../images/logo.png) no-repeat;
}
@media screen and (max-width: 560px){
	.footer .footer_logo{
		display:inline-block;
		float:none;
		vertical-align:top;
	}
}
.footer .footer_logo a{
	display:block;
	width:100%;
	height:100%;
}
.footer .copy{
	float:right;
	text-align:right;
}
@media screen and (max-width: 560px){
	.footer .copy{
		display:block;
		float:none;
		margin:15px 0 0;
		text-align:center;
	}
}
.footer .copy p{
	font-family:Arial, Helvetica, sans-serif; 
	margin:10px 0 0;
}
.footer .copy p:first-child{
	margin:0;
}

.wrapper{
	display:table;
	width:100%;
	height:100%;
	table-layout:fixed;
}

.container{
	max-width:1000px;
	margin:0 auto;
}