/************************************************ Background ************************************************/
body {
	background:#008995;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

/************************************************ Format ************************************************/

body, select, input, textarea {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	-webkit-text-size-adjust: none;
	webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4 {
	font-weight:bold;
	line-height:1.5em;	
}

h1 {
	font-size:42px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 40px;
}

h2 {
	font-size:22px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0;
}

h3 {
	font-size:22px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0;
}

h4 {
	font-size:22px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 10px;
}

h5 {
	font-size:12px;
}

h6 {
	font-size:10px;
}

p {
	font-size:22px;
	line-height:1.8em;
	padding:0;
}

a {
	color:#fff;
	text-decoration:none;
	-moz-transition: all 0.3s ease-out;  /* FF3.7+ */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5 */
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	transition: all 0.3s ease-out;
}

a:hover {
	color:#fff;
	text-decoration:underline;
}

img, object, embed, video {
	max-width: 100%;
}

img {
	height:auto;	
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;	
}


/************************************************ Layout ************************************************/

#container {
	max-width: 800px;
	min-width: 320px;
	padding:0 3%;
	box-sizing:border-box;
	margin:150px auto;
	text-align:center;
}

#bottom_area {
	width:100%;
	float:left;
	position:relative;
	padding:40px 0;
	margin:0 0 60px;
}

#bottom_area:before {
	width:130px;
	position:absolute;
	height:4px;
	/*background:#005d62;*/
	top:0;
	content:'';
	margin:auto;
	left:0;
	right:0;
}

#bottom_area:after {
	width:130px;
	position:absolute;
	height:4px;
	background:#005d62;
	bottom:0;
	content:'';
	margin:auto;
	left:0;
	right:0;
}

#logo {
	width:300px;
	margin:0 auto 50px;
}

#logo img {
	width:100%;
}



/************************************************ Smaller screens ************************************************/

@media only screen and (max-width: 1023px) {
	
	
}



/************************************************ Mobile ************************************************/

@media handheld, only screen and (max-width: 767px) {

#container {
	margin:40px auto 30px;
}

h1 {
	font-size:30px;	
}

p {
	font-size:17px;
	line-height:1.8em;
	padding:0;
}

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}