.container {
	float:left;
	width:100%;
}

.logo {
	background-image:url(../img/sun_spin.png);
	height:150px;
	left:0;
	position:absolute;
	top:-40px;
	width:150px;
	-webkit-animation: spin 60s infinite;
	-moz-animation: spin 60s infinite;
	animation: spin 60s infinite;
}

.mainForm {
	margin:0 auto;
	text-align:left;
	width:80%
}

.mainForm input {
	border:1px solid #ccc;
	display:block;
	font-weight:400;
	margin-bottom:10px;
	padding:0;
	width:100%
}

.mainForm label {
	display:block;
	min-height:20px;
	text-transform:capitalize;
	width:180px
}

.mainForm textarea {
	border:1px solid #ccc;
	height:120px;
	margin-bottom:10px;
	padding:0;
	width:100%
}

.slogan {
	font-size:24px
}

.wrapper {
	margin:30px auto;
	width:960px
}

a {
	color:#1982D1
}

body {
	background-image:url(../img/grid.png);
	font-family:Questrial;
	width:100%
}

header {
	float:left;
	margin-bottom:20px;
	position:relative;
	width:100%
}

label.error {
	color:red;
	float:none;
	font-size:12px;
	padding-left:.5em;
	vertical-align:top
}

@-moz-keyframes spin {
	0% {
		-moz-transform:rotate(0deg);
		transform:rotate(0deg)
	}

	100% {
		-moz-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}

	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}

	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}

#response {
	background-color:#3060ac;
	color:#fff;
	display:none;
	font-size:14px;
	line-height:30px;
	margin:0 auto;
	min-height:30px;
	text-align:center;
	width:80%
}

#submit {
	width:100px
}

.blueFade {
	background:#3060ac;
	background:-moz-linear-gradient(top,#3060ac 1%,#13356d 99%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#3060ac),color-stop(99%,#1c52a8));
	background:-webkit-linear-gradient(top,#3060ac 1%,#1c52a8 99%);
	background:-o-linear-gradient(top,#3060ac 1%,#13356d 99%);
	background:-ms-linear-gradient(top,#3060ac 1%,#13356d 99%);
	background:linear-gradient(top,#3060ac 1%,#13356d 99%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3060ac',endColorstr='#13356d',GradientType=0)
}

.curved {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px
}

.gallery {
	margin-bottom:10px
}

.gallery img {
	border:1px solid #000;
	box-shadow:0 0 3px #999;
	margin:5px
}

.main {
	background-color:#fff;
	border-radius:5px;
	float:left;
	text-align:center;
	width:680px
}

.shadowed {
	box-shadow:0 0 3px #999
}

.sidebar {
	background-color:#fff;
	border-radius:5px;
	float:right;
	width:240px
}

.sidebar h1 {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color:#fff;
	font:18px/18px Aclonica;
	margin:0;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px
}

.sidebar p {
	margin:10px
}

.slider-wrapper {
	margin:20px
}

.textShadow {
	text-shadow:0 0 3px #999
}

footer {
	background-color:#fff;
	color:#1982D1;
	float:left;
	margin-bottom:20px;
	margin-top:20px;
	width:680px
}

footer h1 {
	font:12px Aclonica;
	line-height:11px;
	margin:10px
}

header h1 {
	color:#fff;
	font-family:Aclonica;
	margin:10px 10px 10px 150px
}

@media (max-width: 768px) {
	.main {
		margin-bottom:20px;
		padding:0;
		width:100%
	}

	.main p {
		font-size:12px
	}

	.sidebar {
		float:left;
		width:100%
	}

	.wrapper {
		width:90%
	}

	footer {
		width:100%
	}

	header {
		width:100%
	}

	header h1 {
		font-size:18px
	}
}

@media (-Webkit-min-device-pixel-ratio: 1.5),(-moz-min-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 32),(min-device-pixel-ratio: 1.5) {
	.logo {
		background-image:url(../img/sun_spin_@2x.png);
		background-size:150px 150px
	}
}