@charset "UTF-8";
/* Main Elements */

@font-face {
  font-family: HelveticaCondensed;
  src: local("HelveticaCondensed"),
       url(../assets/fonts/helvetica_condensed_bold.ttf) format('truetype');
}

html, body{
	background-color: #FFF;	caret-color: transparent;
}

body{
	overflow:auto;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	width:100%;
	min-width:1000px;
	height:100%;
	
	overflow:auto; 
	
	padding: 0;
	margin: 0;
	
	cursor:default;
	
	font-family: 'Muli', sans-serif;
}

::selection{
   background: transparent;
   color: inherit;
}

::-moz-selection{
   background: transparent;
   color: inherit;
}

* {
    -moz-user-select:none;
}

input,input:focus{	caret-color: transparent;
	outline:none
}

div#min_area{
	left: 0px;
	top: 0px;
	
	width:1000px;
	height:700px;
}

div#main_container{
	position: absolute;

	left: 0px;
	top: 0px;

	width:100%;
	min-width:1000px;
	height:100%;
	min-height:700px;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	background-size:100% 100%;
	
	overflow:hidden;
}

div#child_container{
	width:100%;
	min-width:1000px;
	height:100%;
	min-height:700px;
	
	vertical-align: middle;
}

#center_content{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	
	width: 100%;
	height: 100%;
	
	background-size:cover;
	
	opacity:1;
}

@media (max-width: 1000px) {
	#footer_container{
		position:absolute;
	}
}

@media (max-height: 700px) {
	#footer_container{
		position:absolute;
	}
}

#scroll_icon{
	position:absolute;
	
	width:150px;
	height:150px;
	
	bottom:200px;
	left:50%;
	
	margin-left:-75px;
	
	background-image:url('../images/scroll_icon.png');
	background-size:150px 150px;
	
	visibility:hidden;
	display:none;
}

.button1,.button1:link,.button1:visited,.button1:active {
	color: #ffffff;
	font-size: 13px;
	padding: 15px 20px 15px 20px;
	border: solid #FFF 1px;
	text-decoration: none;

	border-radius: 0px;
	
	transition: 0.25s;
}

.button2,.button2:link,.button2:visited,.button2:active {
	color: #ffffff;
	font-size: 13px;
	padding: 15px 20px 15px 20px;
	
	background: #058e8f;
	border: solid #058e8f 1px;
	
	transition: 0.25s;
}

.button3,.button3:link,.button3:visited,.button3:active {
	color: #FFF;
	font-size: 13px;
	padding: 15px 20px 15px 20px;
	
	background: #000;
	border: solid #000 1px;
	
	transition: 0.25s;
}

.button4,.button4:link,.button4:visited,.button4:active {
	color: #000;
	font-size: 13px;
	padding: 15px 20px 15px 20px;
	
	background: #FFF;
	border: solid #000 1px;
	
	transition: 0.25s;
}

@media (hover:hover) {
	.button1:hover {
		color:#058e8f;
		background: #FFF;
		border: solid #FFF 1px;
		text-decoration: none;
	}
	
	.button2:hover {
		color: #ffffff;
		background: #058e8f;
		border: solid #058e8f 1px;
	}
	
	.button3:hover {
		color: #FFF;
		background: #058e8f;
		border: solid #058e8f 1px;
	}

    .button4:hover {
		color: #FFF;
		background: #058e8f;
		border: solid #058e8f 1px;
	}
}

html {
    -webkit-text-size-adjust: none
}