body {
	 /*padding: 50px 0;*/
	 font-family: "arvo";
	 /*font-size: 21px;*/
	 
}

video {
    width: 100%;
    height: auto;
	/*border:2px solid #000000;*/
	margin-bottom:15px;
}

#banner {
  height:350px;
  margin: auto;
  padding: 40px 0;
  background: #ccff2f; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, from(#ccff2f), to(#ffff22)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ccff2f, #ffff22); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ccff2f, #ffff22); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ccff2f, #ffff22); /* Standard syntax */
}

h1 {
	 font-family:"Arvo";
	 font-size: 80px;
	 letter-spacing: 2px;
	 text-align: center;
	 font-weight: 700;
	 font-style: normal;
}

h2 {
	 font-size: 30px;
	 font-family:"Arvo"
	 line-height: 0.931em;
	 margin-bottom:0px;
}

h3 {
	font-size: 40px;
	 font-family:"OpenSans";
	 line-height: 0.931em;
	 color:#009aff;
}

h4 {
	font-size: 40px;
	 font-family:"OpenSans";
	 line-height: 0.931em;
	 color:#a940ed;
}

h5 {
	font-size: 40px;
	 font-family:"OpenSans";
	 line-height: 0.931em;
	 color:#aeb8bf;
}

h6 {
	font-size: 40px;
	 font-family:"OpenSans";
	 line-height: 0.931em;
	 color:#f35638;
}

h7 {
	font-size: 40px;
	 font-family:"OpenSans";
	 line-height: 0.931em;
	 color:#f78639;
	 
	 display: block;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

header.masthead {
	 margin: 0 auto 0 auto;
	 vertical-align:middle;
	 padding: 25px 210px;
}

header.masthead:before {
	 content: "";
	 display: table;
}

header.masthead:after {
	 content: "";
	 display: table;
	 clear: both;
}

ul.masthead-ul {
	 float: right;
	 /*margin: 0 0 20px 0;*/
}

li.masthead-li {
	 float: left;
	 margin: 10px 35px;
	 line-height: 1em;
	 font-size: 16px;
	 list-style: none;
	 font-family: Arvo;
	 font-weight: 400;
	 font-style: normal;
	 width: 100px;
	 text-align: center;
}

.masthead-li a:link, .masthead-li a:visited,
.masthead-li a:active {
  color: #000000;
  text-decoration:none;
}

.masthead-li a:hover{
	color: #a940ed;
  text-decoration:none;
  font-weight:bold;
}

#color {
	padding:20px 150px;
  margin: auto;
  background: #58ffd7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, from(#58ffd7), to(#00edfe)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #58ffd7, #00edfe); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #58ffd7, #00edfe); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #58ffd7, #00edfe); /* Standard syntax */
}

p.intro {
	 font-family: "Arvo";
	 font-size: 40px;
	 text-align: center;
	 font-weight: 400;
	 font-style: normal;
	 margin:91px 60px 40px 60px;
}


p.black	{font-size: 18px;
	 font-family:"SourceSans";
     margin: 15px 0px;
	 line-height:23px;
	 text-align:left;
}

p.purple	{font-size: 23px;
	 font-family:"Arvo";
}


p.hole	{font-size: 12px;
	 font-family:"SourceSans";
	 margin: 10px 0px;
	 line-height:15px;
	 text-align:left;
}

p.gloss	{font-size: 14px;
	 font-family:"SourceSans";
     margin: 20px 0px;
	 line-height:18px;
	 text-align:left;
}

p {
	 font-size: 27px;
/*	 color: rgba(51, 51, 51, 0.80);*/
	 margin: 20px 30px 0px 30px;
	 line-height:39px;
	 font-family: Arvo;
	 font-style: normal;
}

.caption {
	 font-family: "Arvo";
	 font-size: 12px;
	 position:absolute;
	 bottom:10%;
	 left:5%;
	 color:#ffffff;
}

.wrapper {
	width:75%;
	margin:auto;
	text-align:center;
}

.wrap_left {
	width:37%;
	margin-right:1%;
	float:left;
}
.wrap_right {
	width:60%;
	margin-left:2%;
	margin-bottom:10%;
	float:left;
}

.wrap_right_in {
	width:49%;
	margin:1% 0 1% 1%;
	float:left;
	position:relative;
}
.wrap_left_in {
	width:49%;
	margin:1% 1% 1% 0;
	float:left;
	position:relative;
}
.wrapper_explore {
	margin: 10px auto 30px auto;
	text-align:center;
}

.wrapper_explore a:link, .wrapper_explore a:visited, .wrapper_explore a:hover,
.wrapper_explore a:active {
  color: #ffffff;
  text-decoration:none;
}

#start {
	float:left;
	width:20%;
	margin-left:30px;
	/*margin-right:200px;*/
}

/*.video {
	width:640px; 
	height:364px; 
	border:2px solid #000000;
	margin-bottom:15px;
	}*/
.video_sm {
	width:280px; 
	height:150px; 
	border:2px solid #00fbd0;
	margin:15px 15px 105px 15px;
	display:inline-block;
	}
	
	
.browse {
	width:340px;
	height:311px;
	display:inline-block;
	margin:auto;
}

#browse_paper {
	width:340px;
	height:311px;
	display:inline-block;
	margin:auto;
	background-image:url(images/pencil_paper.jpg)
}

#browse_paper a:hover {
	width:340px;
	height:311px;
	display:inline-block;
	margin:auto;
	background-image:url(images/pencil_paper_hover.jpg)
}

.img {
	width:150px;
	display:inline-block;
	color:#ffffff;
	vertical-align:top;
	margin:30px;
}



.img a:link, .img a:visited, .img a:hover,
.img a:active {
  color: #ffffff;
  text-decoration:none;
}

.student_img {
	width:300px;
	display:inline-block;
	vertical-align:top;
}

#nuts {
	float:left;
	width:60%;
	text-align:center;
}

#explore {
  padding:20px 40px;
  margin: 4px auto;
  background: #ef4b4b; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, from(#ef4b4b), to(#f9661c)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ef4b4b, #f9661c); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ef4b4b, #f9661c); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ef4b4b, #f9661c); /* Standard syntax */
}

.resources {
	text-align:left;
	width:340px;
	display:inline-block;
	margin: 15px 30px;
	color:#ffffff;
	vertical-align:top;
	font-size:16px;
	line-height:21px;
}

#footer1
{
padding:10px 10px 10px 50px;
margin: auto;
background-color: #000000;
}

.footer1_box
{
	font-family: Arial, Helvetica, sans-serif;
  width: 21%;
  height: 50px;
  font-size:11px;
  background-color: #000000;
  color:#ffffff;
  display: inline-block;
  padding:5px;
}

#footer2 {
	padding:25px 10px 10px 50px;
margin: auto;
background-color: #ffffff;
float:left;
}

.social {
	height:50px;
	float:left;
	vertical-align:top;
	 margin-left:10px;
}

#pencil_banner {
	background-color:#009aff;
	text-align:center;
}

#virtual_banner {
	background-color:#aeb8bf;
	text-align:center;
}



#idea_banner {
  background: #a940ed; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, from(#a940ed), to(#7448eb)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #a940ed, #7448eb); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #a940ed, #7448eb); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #a940ed, #7448eb); /* Standard syntax */
  text-align:center;
}

#podcast_banner {
	background-color:#f35638;
	text-align:center;
}

#demos_banner {
	background-color:#f78639;
	text-align:center;
}

#video_banner {
  background: #ef4b4a; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, from(#ef4b4a), to(#f9671e)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ef4b4a, #f9671e); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ef4b4a, #f9671e); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ef4b4a, #f9671e); /* Standard syntax */
  text-align:center;
}

#black_banner {
	background-color:#000000;
	text-align:center;
	color:#ffffff;
	padding: 40px 0;
}

#purple_banner {
	background-color:#933BF3;
	text-align:center;
	color:#ffffff;
	padding-bottom:2%;
}

#anatomy {
	background-color:#000000;
	color:#ffffff;
	padding:1%;
	height:auto !important;
	float:left;
}

#squares {
	float:left;
	padding-left:4%;
}

.second_wrap {
	width:55%;
	margin:70px auto;
	text-align:left;
	font-size: 14px;
	font-family:"OpenSans";
}

.download {
	font-size: 18px;
	font-family:"OpenSans";
	color:#009aff;
	font-weight:bold;
}

.download_orange {
	width:90px;
	height:77px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	
}

.learn 
 {
	font-size: 18px;
	font-family:"OpenSans";
	color:#a940ed;
	font-weight:bold;
}

hr {
     color:#009aff;
     background:#009aff; 
     width: 100%; 
     height: 15px;
	 margin:50px 0px;
}

#ideal_divider {
     background: #a940ed; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, from(#a940ed), to(#7448eb)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #a940ed, #7448eb); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #a940ed, #7448eb); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #a940ed, #7448eb); /* Standard syntax */ 
     width: 100%; 
     height: 15px;
	 margin:50px 0px;
}

#podcast_divider {
  background: #f35638;
  width: 100%; 
  height: 15px;
  margin:50px 0px;
}

.demos_divider {
  background: #f78639;
  width: 100%; 
  height: 15px;
  margin:50px 0px;
}

.line {
	background: #000000;
  width: 100%; 
  height: 1px;
  margin:25px 0px;
}


a:link {color:#009aff; text-decoration: none;}
a:visited {color:#009aff; text-decoration: none;}
a:hover {color:#009aff; text-decoration: none;}
a:active {color:#009aff; text-decoration: none;}