@charset "UTF-8";
/* CSS Document */

html, body{
	padding:0;
	margin:0;
	background:#C5E9F9;
}

@font-face {
    font-family: 'LondrinaSolid-Regular-webfont';
    src: url('../fonts/LondrinaSolid-Regular-webfont.eot');
    src: url('../fonts/LondrinaSolid-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LondrinaSolid-Regular-webfont.woff') format('woff'),
         url('../fonts/LondrinaSolid-Regular-webfont.ttf') format('truetype'),
         url('../fonts/LondrinaSolid-Regular-webfont.svg #LondrinaSolid-Regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


.fontface {
	
	padding: 0;
	margin: 0 auto;
	font-family: 'LondrinaSolid-Regular-webfont', Arial, sans-serif;
	letter-spacing: 0;
	color: #FFF;
	text-align: center;
}




/*@font-face {
    font-family: 'LondrinaShadow-Regular-webfont';
    src: url('../fonts/LondrinaShadow-Regular-webfont.eot');
    src: url('../fonts/LondrinaShadow-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LondrinaShadow-Regular-webfont.woff') format('woff'),
         url('../fonts/LondrinaShadow-Regular-webfont.ttf') format('truetype'),
         url('../fonts/LondrinaShadow-Regular-webfont.svg #LondrinaShadowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1.fontface {
	
	padding: 0;
	margin: 0 auto;
	font-family: 'LondrinaShadow-Regular-webfont', Arial, sans-serif;
	letter-spacing: 0;
	color: #FFF;
	text-align: center;
}
	
	
h2.fontface {
	
	padding: 0;
	margin: 0 auto;
	font-family: 'LondrinaShadow-Regular-webfont', Arial, sans-serif;
	letter-spacing: 0;
	color: #FFF;
	text-align: center;
}*/




ul,ol,li{
	list-style:none;
	padding:0;
	color:#FFF;
}

header{
	width:800px;
	height:350px;
	margin-left:50%;
	position:fixed;
	left:-400px;
	top:0px;
	background:url(../images/header2_02.png) no-repeat top;
	z-index:1000;
	
}

section{
	margin:0 auto;
	margin-top:450px;
	width:500px;
	margin-bottom:10px;
	text-align:center;
}

section#submitted{
	margin:0 auto;
	margin-top:450px;
	width:500px;
	margin-bottom:10px;
	text-align:center;
}

article{
	width:700px;
	height:700px;
	margin:0 auto;
}



footer{
	height:300px;
	position:relative;
	width:100%;
	background-image: url(../images/bg_06.png);
	background-repeat: repeat-x;
	background-position: center;
	bottom:0px;
	margin:0 auto;
	text-align:center;}


.music1{
	margin:0 auto;
	margin-bottom:20px;
	width:120px;
	text-align:left;
	float:left;
	font-size:70%;
}

.music1 ul{
	padding-left:0;
}

#music{
	width:240px;
	margin:0 auto;
	
}

.clearfloat{
		clear:both;
}

fieldset{
	border:none;
	padding:0;
}

legend{
	display:block;
	width:100%;
	margin:0 auto;
	margin-bottom: 30px;
	padding:30px;
	text-align:center;
	font: 300% 'LondrinaSolid-Regular-webfont', Arial, sans-serif;
	color:#FFF;
  
  }
  
  legend.fontface{
	  padding-top:100px;
	  padding-bottom:10px;
	  border-bottom:dotted #FFF 5px;
	  margin-bottom:20px;


	  
  }
  
 /* legend{
	display: block;
	border-bottom: 3px solid #fff;
	width:100%;
	margin-bottom: 50px;
	font: 18px/27px 'LondrinaShadow-Regular-webfont', Arial, sans-serif;
	color:#FFF;
  
  }*/
  
#submit{
	padding:10px;
	margin:20px;
	border-radius:10px;
	font-size:120%;
	color: #665D72;
	background:#FFF;
	box-shadow: 2px 2px 10px #999;
}
  
label{
	 margin-bottom:5px;
	 margin-top:10px;
	 color:#FFF;
	 font: 120% 'LondrinaSolid-Regular-webfont', Arial, sans-serif;
}
 
h2.fontface{
	font-style:normal;
	font-weight:normal;
	font-size:150%;
	margin-top:50px;
	margin-bottom:20px;
	padding-bottom:3px;
	border-bottom:dotted #FFF 2px;
	width:400px;
}
 

#age{
	width:200px;
	padding:5px 0 5px 0;
	text-align:center;
	opacity:.75;
	font-size:14px;
	color:#7470A7;
}

#state{
	width:200px;
	padding:5px 0 5px 0;
	text-align:center;
	opacity:.75;
	font-size:14px;
	color:#7470A7;

}

select{
	margin-bottom:20px;
}

textarea{
	color:#7470A7;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:3px;
}

input{
	margin:10px 0 25px 0;
}
	

#cloud1{
	background:url(../images/clouds_02.png) no-repeat center;
	width:328px;
	height:252px;
	position:absolute;
	left:1%;
	top:700px;
	z-index:1200;
}

#cloud2{
	background:url(../images/clouds_03.png) no-repeat center;
	width:331px;
	height:252px;
	position:absolute;
	right:1%;
	top:1200px;
	z-index:1600;
	
}

fieldset li{
	font: 150% 'LondrinaSolid-Regular-webfont', Arial, sans-serif;
}

#survey{
	width:375px;
	height:130px;
	background:url(../images/survey_07.png) center no-repeat;
	margin:0 auto;
	top:350px;	
	position:absolute;
	left:-192px;
	margin-left:50%;
	z-index:500;
}