body { background: url("images/bg_youngheart.png"); background-size: cover; background-repeat: no-repeat; background-position: 0 160px; margin: 0 10px;}
#container { width: 980px; display: block; margin:0 auto; font-family: 'PT Sans', sans-serif; }
#pulse { width:530px;}
#navigation li { list-style: none; display: inline-block; width: 19%; color:#fff; text-align: center; border-radius: 10px; cursor:pointer; background: rgb(248,80,50); /* Old browsers */
background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 18%, rgba(240,47,23,1) 27%, rgba(127,37,21,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 18%,rgba(240,47,23,1) 27%,rgba(127,37,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 18%,rgba(240,47,23,1) 27%,rgba(127,37,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#7f2515',GradientType=0 ); /* IE6-9 */  -webkit-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.59);
box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.59);}
#navigation li:hover,#navigation #navOn {background: rgb(36,196,236); /* Old browsers */
background: -moz-linear-gradient(top, rgba(36,196,236,1) 0%, rgba(89,205,234,1) 28%, rgba(36,196,236,1) 35%, rgba(13,162,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(36,196,236,1) 0%,rgba(89,205,234,1) 28%,rgba(36,196,236,1) 35%,rgba(13,162,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(36,196,236,1) 0%,rgba(89,205,234,1) 28%,rgba(36,196,236,1) 35%,rgba(13,162,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c4ec', endColorstr='#0da2dd',GradientType=0 ); /* IE6-9 */}
#navigation li a { color:#fff; text-decoration: none; padding: 15px 0; display: block;}
#header { margin: 0 0 50px;}
#homeBoxes { margin: 0 auto; width: 980px; text-align: center;}
#homeBoxes li { list-style: none; display: inline-block; font-size: 30px; width: 22%; cursor:pointer; margin: 20px 20px; padding: 100px 0; color:#fff; text-align: center; border-radius: 10px;  -webkit-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.59);-moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.59);box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.59); position:relative; left:-40px;}
#fitnessBlock {background: rgb(36,196,236);
background: -moz-linear-gradient(top, rgba(36,196,236,1) 0%, rgba(36,196,236,1) 0%, rgba(103,208,234,1) 13%, rgba(36,196,236,1) 32%, rgba(36,196,236,1) 100%);
background: -webkit-linear-gradient(top, rgba(36,196,236,1) 0%,rgba(36,196,236,1) 0%,rgba(103,208,234,1) 13%,rgba(36,196,236,1) 32%,rgba(36,196,236,1) 100%);
background: linear-gradient(to bottom, rgba(36,196,236,1) 0%,rgba(36,196,236,1) 0%,rgba(103,208,234,1) 13%,rgba(36,196,236,1) 32%,rgba(36,196,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c4ec', endColorstr='#24c4ec',GradientType=0 );}
#wellnessBlock {color:#24c4ec !important; background: rgb(36,196,236); /* Old browsers */
background: -moz-linear-gradient(top, rgba(36,196,236,1) 0%, rgba(239,234,234,1) 0%, rgba(255,250,249,1) 13%, rgba(239,234,234,1) 32%, rgba(239,234,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(36,196,236,1) 0%,rgba(239,234,234,1) 0%,rgba(255,250,249,1) 13%,rgba(239,234,234,1) 32%,rgba(239,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(36,196,236,1) 0%,rgba(239,234,234,1) 0%,rgba(255,250,249,1) 13%,rgba(239,234,234,1) 32%,rgba(239,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c4ec', endColorstr='#efeaea',GradientType=0 ); /* IE6*/}
#nutritionBlock {background: rgb(36,196,236); /* Old browsers */
background: -moz-linear-gradient(top, rgba(36,196,236,1) 0%, rgba(196,42,22,1) 0%, rgba(234,55,28,1) 13%, rgba(196,42,22,1) 32%, rgba(196,42,22,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(36,196,236,1) 0%,rgba(196,42,22,1) 0%,rgba(234,55,28,1) 13%,rgba(196,42,22,1) 32%,rgba(196,42,22,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(36,196,236,1) 0%,rgba(196,42,22,1) 0%,rgba(234,55,28,1) 13%,rgba(196,42,22,1) 32%,rgba(196,42,22,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c4ec', endColorstr='#c42a16',GradientType=0 ); /* IE6-9 */}
#fitnessBlock:hover { color:#24c4ec; background:url("images/running.jpg"); background-size: cover;}
#wellnessBlock:hover { color:#24c4ec; background:url("images/travis.jpg"); background-size: cover;}
#nutritionBlock:hover { color:#24c4ec; background:url("images/oranges.jpg"); background-size: cover;}
#footer {background-color: #24c4ec; width: 100%; font-family: 'Roboto', sans-serif; font-size: 12px; margin: 0; position: fixed; bottom:0; padding: 10px; color:#fff;}
#copyright { display: inline-block; float:left; padding-left: 20px;}
#credits { display: inline-block; float:right; padding-right: 40px;}
#credits a { color:#fff; text-decoration: none;}

h2 { color:#24c4ec; font-size: 24px; border-bottom: 1px dotted #24c4ec;
    padding-bottom: 6px;}
.content { width: 940px; margin: 0 auto 50px;}
#about #leftColumn { background:url("images/travis.jpg"); background-size: cover;  display: inline-block; width: 255px; height: 360px; border-radius: 30px;  vertical-align: top;}
#about #rightColumn { display: inline-block; width: 600px; height: 600px; vertical-align: top; margin-left: 60px; margin-top: -20px; font-size: 16px; color:#c42a16;}

#mission #leftColumn { background:url("images/running.jpg"); background-size: cover;  display: inline-block; width: 240px; height: 340px;  border-radius: 30px;  vertical-align: top; background-position-x: -100px;}
#mission #rightColumn { display: inline-block; width: 600px; height: 500px; vertical-align: top; margin-left: 60px; margin-top: -20px; font-size: 16px; color:#c42a16;}
#mission h2 { margin-bottom: 5px;}

#fitness { text-align: center; position: relative; left:20px;}
#fitness div { display: inline-block; width: 25%; height: 800px; vertical-align: top; font-size: 16px; color:#c42a16; margin-right: 50px; text-align: left;}
#fitness div b { color:#c42a16;}

#contact div { display: inline-block; width: 40%; vertical-align: top; font-size: 16px; color:#c42a16; margin-right: 50px; text-align: left;  position: relative; left:0;}
#contact div label {display:block !important; margin-top:20px;}
#contact div a {color:#c42a16;}
#contact input , #contact textarea {width:400px; padding: 10px 20px; margin-top: -10px; border-radius: 8px;}
#contact_form label { display: block; margin: 20px 0 0px; width:200px;}
#contact_form div { display: block;}
#submitButton {width:200px !important; height:50px !important; margin-top: 20px !important;}