/* -------- 1) CLEAR DEFAULT STYLES -------- */
html, body { font-size:10px; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, small, strike, sub, sup, tt, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; vertical-align: baseline; background:transparent; }
h1, h2, h3, h4, h5, h6, blockquote { border:0px; font-size:10px; margin:0px; font-weight:normal; }
ul, ol  { list-style: none; }
ol {list-style-position: inside;}
table, td {font-size: 1em;}
th {text-align:left;}
input, select, textarea {font-size:1em;}
form {display:inline;}
label {vertical-align:middle;}
input[type='radio'], input[type='checkbox'] {vertical-align:middle;}
img {border-style:none;}
em { font-style:italic; }

body {
	font-family: Trebuchet MS, sans-serif;
	color: #ffffff;
	background: #332e2b url('images/bg.png') center top no-repeat;
	}
div#container {
	width: 640px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	}

header#intro h1 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('images/intro_desktop.png') top left no-repeat;
	width: 618px;
	height: 421px;
	margin: 0 auto;
	}

section {
	text-align: center;
	font-style: italic;
	font-size: 11pt;
	width: 580px;
	line-height: 13pt;	
	margin: 0 auto;
	padding: 8px 0;
	}
	
section a {
	width: 190px;
	text-align: center;
	background-color: #28bdb3;
	margin: 8px 0 0;
	text-decoration: none;
	color: #ffffff;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	border: 3px solid #ffffff;
	padding: 5px;
	display: inline-block;
	}
	
footer {
	width: 250px;
	margin: 0 auto;
	font-size: 10pt;
	color: #999999;
	line-height: 13pt;
	padding: 15px 0;
	text-align: center;
	line-height: 12pt;
	}
		
footer a {
	text-decoration: none;
	color: #cccccc;
	font-weight: bold;
	}

/* mobile */
@media only screen and (max-width: 767px) {
	div#container {
		width: 310px;
		padding: 20px 0 0 0;
		text-align: center;
		}
		
	header#intro h1 {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url('images/intro_mobile.png') top left no-repeat;
		width: 298px;
		height: 363px;
		margin: 0 auto;
		}
		
	section {
		text-align: center;
		font-style: italic;
		font-size: 11pt;
		width: 260px;
		line-height: 13pt;	
		margin: 0 auto;
		padding:10px 0;
		}
	
	section a {
		width: 260px;
		text-align: center;
		display: block;
		background-color: #28bdb3;
		margin: 10px 0 0;
		text-decoration: none;
		color: #ffffff;
		font-style: normal;
		text-transform: uppercase;
		font-weight: bold;
		border: 3px solid #ffffff;
		padding: 5px;
		}
	
	footer {
		width: 250px;
		margin: 0 auto;
		font-size: 10pt;
		color: #999999;
		line-height: 13pt;
		padding: 15px 0;
		text-align: center;
		line-height: 12pt;
		}
		
	footer a {
		text-decoration: none;
		color: #cccccc;
		font-weight: bold;
		}
	
	}