/* @group Generic */

body {
	color: #3e3d3d;
	background-color: #e1e2e1;
	font: 300 1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.contact a {
	color: #b030a6;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
 	-webkit-transition: all 0.5s ease;
 	-o-trasition: all 0.5s ease;
 	-moz-transition:  all 0.5s ease;
	text-decoration: underline;
	color: #ff72b3;
 }

/* @group NAV */

nav a {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	display: inline-block;
	padding: 30px 10px 7px 10px;
	margin: 0 5px;
	background-color: #ee4177;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 1); 
	box-shadow: 0 0 10px rgba(0,0,0,1);
	border-bottom: 5px solid rgba(300,300,300,1); 
}

nav a:hover {
	color: #fbfa2d;
	background-color: #b232a8;
	text-decoration: none;
	border-bottom: 8px solid rgba(300,300,300,1); 
	
}

.home-nav  {
	background-color: #ee4177;
}

.about-nav {
	background-color: #18b4ef;
}

.register-nav {
	background-color: #4cb95a;
}

.directions-nav {
	background-color: #f69b32;
}

.contact-nav {
	background-color: #fe71b3;
}

/* @end */

/* @group COLORS */

.neon-pink  {
	color: #ee4177;
}

.cyan {
	color: #18b4ef;
}

.green {
	color: #4cb95a;
}

.orange {
	color: #f69b32;
}

.pink {
	color: #fe71b3;
}

.white {
	color: #fff;
}

.grey {
	color: #3e3d3d;
}
/* @end */

.paint-1 {
	position: absolute;
	z-index: 1;
	margin-left: -240px;
}

.paint-2 {
	position: absolute;
	z-index: 1;
	margin: 0 1280px;
}

.paint-3 {
	position: absolute;
	z-index: 1;
	margin: -80px -237px;
}

.paint-4 {
	position: absolute;
	z-index: 1;
	margin: 130px -200px;
}
/* @group COLUMNS */
.col50 {
	margin: 0 50px;
	float: left;
}
.col50 img, {
	max-width: 100%;
}

.col-contact {
	float: left;
	width: 200px;
}

.nowrap {
	white-space: nowrap;
}

.block {
	height: 15px;
	width: 90%;
	margin: 0 0 5% 0;
}

/* @end */

header {
 	height: auto;
 	width: 100%;
 	padding: 0;
 	font-weight: bold;
 	font-size: 15px;
 	text-align:center;
 	margin: 0;
 	position: fixed;
 	z-index: 1000;

 }
 
 footer {
 	position: relative;
 	z-index: 2;
 	color: #faafd2;
 	background-color: #c11b69;
 	padding: 10px 0;
 	text-align: center;
 	width: 100%;
 	margin-top: -5px;
 	margin-bottom: 100px;
}

footer a {
	color: #f8cae4;
	text-decoration: none;
}
footer a:visited {
	color: #f8cae4;
	text-decoration: none;
}
footer a:hover {
	text-decoration: none;
}
 
.wrapper { 
	padding: 0; 
	margin: 0 auto; 
	width: 100%; 
	max-width: 1280px; 
}

section {
	background-color: #fff;
	max-width: 1280px;
}

 h1 {
	padding: 50px 0 0 0;
	font-size: 4em;
	font-weight: 100;
}

h2 {
	padding-top: 20px;
	font-size: 1.5em;
	font-weight: 100;
}

h3 {
	font-size: 1.5em;
	font-weight: 100;
}

 p {
 	line-height: 1.5em;
 	padding-bottom: 0px;
 }

.copy {
	width: 475px;
}

.home img {
	position: relative;
	z-index: 1;
}


/* @group ABOUT */
.about {
	height: 460px;
}

.about .copy {
	margin: 50px 0 0 100px;
}

.about img {
	position: absolute;
	width: 558px;
	height: auto;
	margin: -380px 0 0 680px;
}

.about a {
		color: #18b4ef;
}

.about a:visited {
		color: #18b4ef;
}

.about a:hover {
		color: #b232a8;
}
/* @end */

/* @group REGISTER */ 
 .register .copy {
 	position: relative;
 	z-index: 2;
 	margin-top: -700px;
 	margin-left: 725px;
 }
 
 .register a {
 	color: #f7fd01;
 }
 
 .register a:visited {
 	color: #f7fd01;
 }
 
 .register a:hover {
 	color: #f5ba2e;
 }
 /* @end */
 
 /* @group DIRECTIONS */
 
 .directions {
 	height: 460px;
 }
 
 .directions .copy {
 	margin: 50px 0 0 100px;
 }
 
 /* @group MAP */
 
 #map-canvas {
 	margin: -205px 0 0 650px;
 	position: relative;
 	width: 580px; 
 	height: 400px;
 	background-color: orange;
 	border-top: 1px solid rgba(255,255,255,.5); 
 	border-bottom: 1px solid rgba(0,0,0,0.4);
 	-webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 1); 
 	box-shadow: 0 0 15px rgba(100,50,1, 1);
 }
 
 #content {
   font: 13px/18px "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
   font-weight: 200;
   color: #555555;
   
   }
 #content a {
 	color: #d56631;
 	text-decoration: none;
 	border-bottom: 1px solid #d1d1d1;
 	padding-bottom: 0px;      
 	}
 
 img {
 	max-width: none;
 }
 
 /* @end */
 
 /* @end */
 
 /* @group CONTACT */
 
 .contact img {
 	position: relative;
 	z-index: 2;
 }
 
 .contact .copy {
 	margin: -500px 0 0 725px;
 	position: relative;
 	z-index: 2;
 }
 
 /* @end */
 

/* @group Media Queries */
@media only screen and (max-width:1279px) {

/*body {
	border: 3px solid orange;
} */

body {
	font-size: .9em;
}
.wrapper { 
	width: 1024px; 
}

section {
	width: 1024px;
}

.copy {
	width: 400px;
}

.home img {
	width: 1024px;
}
.about {
	position: relative;
	margin-top: -84px;
	width: 1024px;
	height: 440px;
	z-index: 999;
}
.about .copy {
	margin: 80px 0 0 50px;
	
}
.about img {
	width: 400px;
	height: auto;
	margin: -320px 0 0 550px;}

.register img {
	width: 1024px;
}

.register .copy {
	margin: -600px 580px;
}
.directions {
	position: relative;
	margin-top: -24px;
	width: 1024px;
	height: 400px;
	z-index: 999;
}
.directions .copy {
	margin-left: 50px;
}

#map-canvas {
	margin: -205px 0 0 500px;
	width: 480px; 
	height: 350px;
}
.contact img {
	width: 1024px;
}

.contact .copy {
	margin: -470px 0 0 580px;
}

.paint-4{
	width: 370px;
	height: auto;
	margin: 85px 0 0 -170px;
	
}

.paint-1 {
	width: 200px;
	margin: 80px 0 0 -180px;
	z-index: 1;
	
}
.paint-2 {
	width: 180px;
	margin: 85px 0 0 1024px;
	z-index: 444;
	
}
}
/* @end */

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

body {
	font-size: .8em;
}

.paint-1 {
	width: 170px;
	margin: 0px 0 0 -160px;	
}

.paint-2 {
	width: 180px;
	margin: 0 0 0 800px;
}

.paint-3 {
	width: 170px;
	margin: 0px 0 0 -170px;	
}

.paint-4 {
	width: 270px;
	height: auto;
	margin: 70px 0 0 -120px;
}

.wrapper { 
	width: 800px; 
}

section {
	width: 800px;
}

.copy {
	width: 370px;
	font-size: .9em;
}

.home img {
	width: 800px;
	margin-bottom: 40px;
}
.about {
	position: relative;
	margin-top: -84px;
	width: 800px;
	height: 370px;
	z-index: 999;
}
.about .copy {
	margin:40px 0 0 30px;
	
}
.about img {
	width: 300px;
	height: auto;
	margin: -300px 0 0 450px;}

.register img {
	width: 800px;	
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
	overflow: hidden;
}

.register .copy {
	margin: -490px 0 0 405px;
}
.directions {
	position: relative;
	margin-top: -24px;
	width: 800px;
	height: 370px;
	z-index: 999;
}
.directions .copy {
	margin-left: 30px;
}

#map-canvas {
	margin: -190px 0 0 450px;
	width: 315px; 
	height: 350px;
}
.contact img {
	width: 800px;
}

.contact .copy {
	margin: -380px 0 0 440px;
}

footer {
	margin-bottom: 0;
	padding: 5px 0;
}

@media only screen and (max-device-width: 480px){

body {
	width: 480px;
}

nav {
	font-size: 8px;
}

h1 {
	font-size: 35px;
}

.paint-1, .paint-2, .paint-3, .paint-4 {
display: none;
}

.wrapper {
	width: 480px;
}

section {
	width: 480px;
}

.home img {
	width: 480px;
	margin-bottom: 40px;
}

.about {
	width: 480px;
	height: 300px;
}

.about img {
	display: none;
}

.register {
	width: 480px;
	height: 550px;
	background-color: #44c35b;
	overflow: hidden;	
}
.register img {
	width: 780px;
	height: 550px;
}
.register .copy {
	margin: -500px 0 0 30px;
}
.directions {
	margin-top: 40px;
	width: 480px;
	height: 300px;
}

.block {
	display: none;
}
 .directions .col-contact {
 	display: none;
 }
#map-canvas {
	display: none;
}

.contact img {
	width: 480px;
	height: 280px;
}

.contact .copy {
	margin: -270px 0 0 250px;
	z-index: 2222;
}

}