/*** General ***/
* {
	padding: 0px;
	margin: 0px;
	outline: 0;
}

*:focus {
	outline: 0;
}

html {
	width: 100%;
	height: 100%;
}

html,body {
	height: 100%;
}





body {
	background-image: url("../images/video-preloader.gif");
	background-repeat: no-repeat;
	background-position: 70px 300px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
}





/* H */
h1 {	
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: uppercase;
	line-height: 20px;
    	color: #ffffff;
    	padding: 0px 0px 10px 0px;
}

h1 span { 
    background-color: rgba(153, 153, 153, 0.8); 
}

h2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
    	color: #ffffff;
    	padding: 0px 0px 10px 0px;
		text-shadow: 0 1px 0 #000000;
		text-transform: uppercase;
		letter-spacing: 3px;
}





/* Header */
header {
	position: fixed;
	top: 10px;
	left: 70px;
	width: 100%;
	z-index: 20;
}

p.header-txt-1 {
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
}

p.header-txt-1 a{
	text-decoration: none;
	color: #ffffff;
	background-color: rgba(153, 153, 153, 0.8);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

p.header-txt-1 a:hover{
	color: #cccccc;
	background-color: rgba(153, 153, 153, 0.8);
}

p.header-txt-1 span { 
    background-color: rgba(153, 153, 153, 0.8); 
}





/* Nav */
nav {
	position: fixed;
	top: 170px;
	left: 70px;
	width: 100%;
	z-index: 20;
}

p.nav-txt-1 {
	font-size: 14px;
	letter-spacing: 3px;
	text-transform: uppercase;
	line-height: 20px;
}

p.nav-txt-1 a{
	text-decoration: none;
	color: #ffffff;
	background-color: rgba(153, 153, 153, 0.8);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

p.nav-txt-1 a:hover{
	color: #cccccc;
	background-color: rgba(153, 153, 153, 0.8);
}

p.nav-txt-1 span { 
    background-color: rgba(153, 153, 153, 0.8); 
}





/* Section */
section {
	position: absolute;
	left: 50%;
	margin-left: -265px;
	top: 170px;
	height: auto;
	width: 600px;
	font-size: 14px;
	padding: 0px;
	z-index: 20;
}

p.section-txt-1 {
	font-size: 15px;
	line-height: 19px;
		letter-spacing: 1px;
}

p.section-txt-1 a{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: rgba(153, 153, 153, 0.8);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

p.section-txt-1 a:hover{
	color: #cccccc;
	background-color: rgba(153, 153, 153, 0.8);
}

p.section-txt-1 span { 
    background-color: rgba(0, 0, 0, 0.5); 
}





/* Footer */
footer {
	position: fixed;
	bottom: 8px;
	left: 70px;
	width: 100%;
	z-index: 20;
}
 
p.footer-txt-1 {
	font-size: 10px;
	color: #999999;	
	line-height: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

p.footer-txt-1 a{
	text-decoration: none;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

p.footer-txt-1 a:hover{
	color: #333333;
	background-color: rgba(0, 0, 0, 0.8);
}

p.footer-txt-1 span { 
    background-color: rgba(0, 0, 0, 0.5); 
}










/* RDW */
@media only screen and (min-width: 768px) {
	.toggler { right: -45px; }
	.no-touch .bg-gif { display: none; }
	.touch #video_background { display: none; }

	.twitter-timeline { width: 360px; }
	.twitter-timeline { float: left; }
	.twitter-timeline {padding-top: 5px; padding-right: 10px; }
	
	.widget-facebook { float: right; }

	.instagram {
		float: right;
		width: 110px;
	}

	.widget-facebook img {
		width: auto;
		height: auto;
	}
}

.bg-gif {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.bg-gif img {
	min-height: 100%;
	min-width: 100%;
}

@media only screen and (max-width: 767px) {
	.widget-facebook,
	.instagram { float: left; margin-top: 20px; }
	.twitter-timeline { width: 80%; }
	
	#video_background { display: none; }

	#content {
		width: 80%;
		margin: 0 auto;
		left: 0;
		right: 0;
		padding-top: 10px;
		top: 75px;
	}
	.footer, .wordpress, .facebook { display: none;	}

	#main {
		width: 80%;
		margin: 0 0 0 10px;
	}

	#holder.hidden { left: -185%; }

	.toggler.open {
		padding-left: 0;
		top: 10px;
	}

	.toggler.closed {
		top: 0;
		right: -45px;
	}

}