body {
  line-height: 1.5em;
  font-size: 1em;
  font-family: "proxima-nova", "Helvetica Neue", helvetica, sans-serif;
  color: black; }

.pad {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 60px; }

body {
  font-family: "proxima-nova", "Helvetica Neue", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; }

header {
  background-image: url("shoes.jpg");
  background-position: top right;
  background-size: cover;
  height: 625px; }
  header .headertext {
    padding-top: 450px;
    margin-left: 45%; }
    header .headertext h1 {
      font-size: 30px;
      color: yellow;
      font-weight: normal;
      font-weight: 600;
      width: 450px;
      line-height: 130%;
      margin-bottom: 80px; }
	header .headertext a {
      border: 2px solid #00aeef;
      padding: 13px 40px;
	  margin-left: 5%;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      color: #00aeef;
      font-size: 20px;
      font-weight: 600;
      text-decoration: none;
      letter-spacing: 1px; }
      header .headertext a:hover {
        background-color: rgba(0, 174, 239, 0.1); }

section {
  position: relative;
  font-size: 24px;
  height: 470px;
  overflow: hidden; }
  section .text {
    width: 47%;
    line-height: 160%;
    margin-top: 135px; }
    section .text h2 {
      font-size: 31px;
      margin-bottom: 28px; }
    section .text p {
      color: white; }
  section .graphic {
    width: 15%;
	padding-top: 5%;}
  section.left .text {
    float: left;
    margin-left: 20px; }
  section.left .graphic {
    float: right; }
  section.right .text {
    float: right;
    margin-right: 30px; }
  section.right .graphic {
    float: left; }

.introduction {
  background-image: url("rainbow.jpg");
  background-repeat: repeat-x;
  background-position: top center;
  height: 400px; }
  .introduction .text {
    margin-top: 110px;
    width: 50%; }
    .introduction .text h2 {
      color: #00aeef; }
    .introduction .text p {
      color: #545454; }
      .introduction .text p strong {
        color: #00aeef;
        font-weight: 700; }
  .introduction .graphic {
    width: 35%; }
  .introduction img {
    width: 350px;
    display: block;
    margin-top: 25px;
    margin-right: 20px;
    float: right; }

.trainer {
  background-color: #00aeef;
  background-image: url("../img/bg-blue.png"); }
  .trainer .text {
    margin-top: 140px; }
    .trainer .text h2 {
      color: #006489; }
  .trainer .graphic {
    margin-top: 40px; }


.stats {
  background-color: #f96a89;
  background-image: url("../img/bg-red.png"); }
  .stats .text h2 {
    color: #910624; }
  .stats .graphic {
    margin-top: 40px; }
    .stats .graphic img {
      width: 300px;
      float: right;
      margin-top: 10px; }

.social {
  background-color: #72cb8b;
  background-image: url("../img/bg-green.png"); }
  .social .text {
    margin-top: 115px; }
    .social .text h2 {
      color: #256537; }
  .social .graphic {
    margin-top: 60px;
    margin-left: 30px; }
    .social .graphic img {
      width: 350px; }

.stop {
  background-color: #ded54d;
  background-image: url("../img/bg-yellow.png"); }
  .stop .text h2 {
    color: #666113; }
  .stop .graphic {
    position: absolute;
    margin-left: 600px;
    top: 0px;
   }
  
	 

    
	 
#carbonForm{
	/* The main form container */
	background-color:#1C1C1C;
	border:1px solid #080808;
	margin:20px auto;
	padding:20px;
	width:500px;
	
	-moz-box-shadow:0 0 1px #444 inset;
	-webkit-box-shadow:0 0 1px #444 inset;
	box-shadow:0 0 1px #444 inset;
}

#carbonForm h1{
	
	font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;
	font-size:60px;
	font-weight:normal;
	padding:0 0 30px 10px;
	margin-left: 10%;
	text-align:left;
}

.fieldContainer{
	
	background-color:#1E1E1E;
	border:1px solid #0E0E0E;
	padding:30px 10px;
	
	
	-moz-box-shadow:0 0 20px #292929 inset;
	-webkit-box-shadow:0 0 20px #292929 inset;
	box-shadow:0 0 20px #292929 inset;
}

#carbonForm,.fieldContainer,.errorTip{
	
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}


.formRow{
	height:35px;
	padding:10px;
	position:relative;
}

.label{
	float:left;
	padding:0 20px 0 0;
	text-align:right;
	width:70px;
}

label{
	font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;
	font-size:11px;
	letter-spacing:1px;
	line-height:35px;
}

.field{
	float:left;
}

.field input{
	/* The text boxes */
	border:1px solid white;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:22px;
	padding:4px 5px;
}

#submit 
{
margin-top:3%;
font-family:verdana;
font-size:20px;
margin-left:10%;
}

#reset
{
margin-top:3%;
font-family:verdana;
font-size:20px;
margin-left:30%;
}

#footer
{
height:6.5%;
background:#000000;
}

#footer a {
color: white;
text-decoration: none;
font-family: Verdana;
padding-top: 5%;
padding-left: 2%;

}

#footer a:hover {
text-decoration: underline;
}


#footer p{
float: right;
color: white;
text-decoration: none;
font-family: Verdana;
padding-right: 2%;
}
	  
	.collen img{
	width:100%;
	height:100%;
	position:absolute;
		top:80%;
		left:0;
	opacity:0.4;
		
	}  

body
{
width:100%;
height:180%;
margin:0;
padding:0;
background-color:#bc10d0;
background-size: 1600px 1700px;
background-repeat:no-repeat;
  height: 625px; }



#nav
{
width:100%; 
height:20%;
font-size: 36px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
text-align: center;
text-shadow: 3px 2px 3px #333333;
background-color: #bc10d0;
border-radius: 8px;
}

#nav ul 
{
height: auto;
padding: 25px 0px;
margin: 0px;
}

#nav li 
{ 
display: inline; 
padding: 20px; 
}

#nav a 
{
text-decoration: none;
color: #00F;
padding: 8px 8px 8px 8px;
}

#nav a:hover 
{
color: #F90;
background-color: #FFF;
}

#gal
{
width:75%;
height:200%;
background-color:#851696;
position: absolute;
top:20%;
left:13%;
padding: 0px;
}

h1.gal 
{
padding:10%;
text-align: center;
font-family:Tahoma;
font-size: 35px;
color:#1adc1a;
}

gal .img {
position: relative;
width: 15%;
padding-top: 10px;
margin-left: 15%;
float: left;
}