* {margin:0; padding:0;}

body, html {
  height: 100%;
}

@font-face {
    font-family: "googleSpies";
    font-style: normal;
    font-weight: normal;
    src: url("/css/fonts/google_spies/google_spies.ttf");
}

@font-face {
    font-family: "webSymbols";
    font-style: normal;
    font-weight: normal;
    src: url("/css/fonts/web-symbols/WebSymbols-Regular.otf");
}

@font-face {
    font-family: "economica";
    font-style: normal;
    font-weight: normal;
    src: url("/css/fonts/economica/Economica-Regular-OTF.otf");
}

/*@font-face {
    font-family: "dirtyEgo";
    font-style: normal;
    font-weight: normal;
    src: url("/css/fonts/dirty_ego/DIRTYEGO.TTF");
}*/

#videoshadow {
	height: 450px;
	border: 1px solid #303030;
	float: left;
	box-shadow: 0px 0px 20px 13px #303030;
	-webkit-box-shadow: 0px 0px 20px 13px #303030;
	-moz-box-shadow: 0px 0px 20px 13px #303030;
}

#pagetitle {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);*/
    color: #FFFFFF;
    font:  100px/100px googleSpies,Helvetica,Sans-Serif;*/
    letter-spacing: 1px;
    padding: 10px;
    position: fixed;
    margin-top: 10px;
    margin-left: 10px;
    z-index:5;
    cursor: pointer;
}

.singlepage{
	position: relative;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    z-index:4;
}

.content {
	position: absolute;
	bottom: 10em;
	padding-left: 20px;
	padding-right: 135px;
	/*top: 45%;
	left: 30%;
	*/
}

.content h2 {
	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
    color: #FFF8DE;
    font:  35px/35px economica,Helvetica,Sans-Serif;
    /*font:  35px/35px googleSpies,Helvetica,Sans-Serif;*/
    /*letter-spacing: 0.05em;*/
    line-height: 38px;
    margin-bottom: 0;
    padding: 10px 5px;
}

.content p {
	position: relative;
	background-color: rgba(255, 255, 255, 0.7);
    color: #464650;
    font-family: helvetica neue, helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 12px;
    margin-top: 0;
    padding: 10px 5px;}

.content h3 {
	position: relative;
	background-color: rgba(255, 255, 255, 0.7);
    color: #464650;
    font-family: helvetica neue, helvetica, Sans-Serif;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 12px;
    margin-top: 0;
    padding: 10px 5px;
}

#slide1 { 
	height: 100%;
	background: url("/img/bcg_slide-1.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide2 { 
	height: 100%;
	background: url("/img/bcg_slide-2.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide3 { 
	height: 100%;
	background: url("/img/bcg_slide-3.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide4 { 
	height: 100%;
	background: url("/img/bcg_slide-4.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide5 { 
	height: 100%;
	background: url("/img/bcg_slide-5.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide6 { 
	height: 100%;
	background: url("/img/bcg_slide-6.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide7 { 
	height: 100%;
	background: url("/img/bcg_slide-7.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide8 { 
	height: 100%;
	background: url("/img/bcg_slide-8.jpg") no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#buttomup {
	color: #FFFFFF;
	font:  100px/100px webSymbols,Helvetica,Sans-Serif;*/
	letter-spacing: 1px;
	padding: 20px;
	position: fixed;
	top: 0;
	right: 0;
	opacity: 0.4;
	cursor: pointer;
	z-index:5;
}

#buttomdown {
	color: #FFFFFF;
	font:  100px/100px webSymbols,Helvetica,Sans-Serif;*/
	letter-spacing: 1px;
	padding: 20px;
	position: fixed;
	bottom: 80px;
	right: 0;
	opacity: 0.4;
	cursor: pointer;
	z-index:5;
}

.videopresenter {
	position: relative;
	top: 20%;
	left: 50%;
	width: 397px;
	margin-left: -397px;
	/*background-color: #ffffff;*/
}

#nav_main{
	left: 0px;
    bottom: 0px;
    padding: 20px;
    position: fixed;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #DDDDDD;
    font:  35px/20px googleSpies,Helvetica,Sans-Serif;*/
    letter-spacing: 1px;
    cursor: pointer;
    z-index:5;
}

#nav_main ul {
	list-style-type: none;
}

#nav_main ul li {
	float: left;
	display:inline;
	padding-right: 20px;
	opacity: 0.4;
	letter-spacing: 0.05em;
}

#facebook {
 	border: 0 none;
    cursor: pointer;
    height: 33px;
    margin-top: -7px;
    opacity: 0.4;
    position: fixed;
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
	#nav_main{
		font:  25px/30px googleSpies,Helvetica,Sans-Serif;*/
	}

	/* Facebook */
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
   /* CSS overrides for mobile here */

	#nav_main{
		font:  25px/30px googleSpies,Helvetica,Sans-Serif;*/
	}
}