@charset "utf-8";
/*

Bazzle Amusement
Top Bar Colour 306844
Backgroudn Colour EDFFFB

*/
@import url('font-awesome.min.css');
@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Special+Elite);
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url('reset.css');
@import url('c-menu.css');

@viewport{zoom: 1.0; width: extend-to-zoom; }
@-ms-viewport{width: extend-to-zoom; zoom: 1.0; }

/*----------------------- Generic ----------------------------------*/
body {
	min-width:320px;
	max-width:inherit;
	background:#EDFFFB;
	margin:0;
	border:0;
	font-family: 'Raleway', sans-serif;
	font-weight: 200; 
	letter-spacing:2px;
	line-height:18px;
	max-width: 100%;
    overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
 	-ms-text-size-adjust: 100%;
  	text-size-adjust: 100%;
}

i {display:none; font-style:normal;}
:focus{ -moz-outline-style: none;}
img {border:none;}

a img {border: none;}
a:active, a:focus
  {outline:0;}
a:link, a:visited, a:active {text-decoration: none; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.clear:before, .clear:after {content: ""; display: table;}
.clear:after {clear: both;}
.clear {*zoom: 1;}

#container {min-width:320px; max-width:100%; margin:0 auto; }
.centered { margin: 0 auto; }
#top {width:100%; height:100px; display:block; margin:0 auto; font-size:12px; text-transform:uppercase; background:#306844; }
#top a:link, a:active {color:#ffffff; }
#top a:visited {color:#ffffff; }
#top a:hover {color:#000000; }
header {max-width:960px; margin:0 auto; }
#mark {width:100px; height:auto; float:left; display:inline-block; margin:20px  20px;}
#mark img {width:300%; margin:0 auto; }
nav {width:70px; height:30px; float:right; display:inline-block; margin:20px auto; font-size:12px; font-weight:400; padding:0; position:relative; }

#mainframe {width:100%; height:auto; margin:0 auto; }
.content {width:100%; background:#EDFFFB; margin:0 auto; }
.content-2 {width:100%; background:#ffffff; margin:0 auto; margin-top:-20px; -webkit-transform: skewY(-3deg); -moz-transform: skewY(-3deg); -ms-transform: skewY(-3deg); -o-transform: skewY(-3deg); transform: skewY(-3deg); }
.median-1 {width:100%; max-width:960px; height:auto; margin:5% auto; padding:0 0 100px 0; display:block; }
.median-2 {width:100%; max-width:960px; height:auto; margin:0 auto; display:block; padding:100px 0 100px 0; -webkit-transform: skewY(3deg); -moz-transform: skewY(3deg); -ms-transform: skewY(3deg); -o-transform: skewY(3deg); transform: skewY(3deg); }
.median-3 {width:100%; max-width:960px; height:auto; margin:5% auto; padding:50px 0 100px 0; display:block; }
.median-4 {width:100%; max-width:960px; height:auto; margin:1% auto; padding:0; display:block; }
.splash {width:100%; height:auto; margin:5% auto; display:block; }
.splash img {width:100%; height:auto; margin:0 auto; display:block; }
.headline {width:100%; height:auto; display:block; margin:3% auto; border-bottom:1px solid #666; color:#306844; }
.headline .keynote {width:100%; margin:0 auto ; display:block; font-family:'Oswald', sans-serif; font-weight:400; font-size:60px; line-height:100px; text-transform:uppercase; text-align:left; }
.caption {width:100%; margin:0 auto ; padding:5% auto; display:block; font-size:18px; line-height:30px; color:#000000; }
.webnotice {width:45%; margin:0 auto ; padding:10px 0 10px 0; display:block; font-size:18px; line-height:30px; color:#000000; }
.social-bar {width:100%; height:44px; display:block; margin:5% auto; color:#306844; }
.social-bar .social-icon a:link, a:visited, a:active {color:#306844; }
.social-icon {width:20%; height:44px; float:left; margin:0 auto; color:#306844; }
.social-icon img {max-height:44px; width:auto; }
.social-gap {width:20%; height:44px; float:left; margin:0 auto; }
.contact-line {width:100%; height:auto; display:block; margin:20px auto; font-family:'Oswald', sans-serif; font-weight:300; color:#000000; border-bottom:1px solid #000000; }
.contact-line .detail {width:100%; height:auto; display:block; margin:3% auto; font-size:21px; }

/* for 959px or less */
@media (max-width: 959px) {
#container {width:100%; float: none; margin:0 auto; }
.splash, .headline, .caption, .webnotice, .socialite, .social-bar, .contact-line {width:90%; }
.headline .keynote {font-size:40px; }
.contact-line .detail {margin:5% auto; }

}
/* for 480px or less */
@media (max-width: 480px) {
.median-1 {padding:50px 0 50px 0; }
.median-2 {padding:50px 0 50px 0; }
.median-4 {padding:5px 0 5px 0; }
.headline {margin:3% auto 4% auto; }
.headline .keynote {font-size:28px; line-height:60px; }
.social-bar {margin:30px auto; }
}

.sprytextfield1 #fname {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.submit {
	background-color: #000;
}
.submit {
	background-color: #CCC;
}