/*-----------main Content----------*/

h1 {
 font-size: 41px;
	 line-height: 58px;
	 margin-bottom: 25px;
	 width: 703.640625px;
	 text-align: center;
	 font-family: Cabin;
	 font-weight: 400;
	 font-style: normal;
	 letter-spacing: 1px;	
	
}

h3 {
	 font-family: "Cabin";
	 font-weight: 600;
	 font-style: normal;
}

p.definition {
	 line-height: 26px;
	 font-size: 15px;
	 font-family: "Open Sans";
	 font-weight: 400;
	 font-style: normal;
}


p.intro {
	 margin-bottom: 35px;
	 font-size: 20px;
	 line-height: 33px;
	 width: 705.640625px;
	 font-family: "Open Sans";
	 font-weight: 400;
	 font-style: normal;
}

p.intro2 {
	 margin-bottom: 35px;
	 font-size: 20px;
	 line-height: 33px;
	 width: 1000px;
	 font-family: "Open Sans";
	 font-weight: 400;
	 font-style: normal;
}


.example-body {
	 font-family: "Cabin";
	 font-weight: 600;
	 font-style: normal;
	/* background-color: rgba(73, 137, 196, 1);*/
}
.rolloverExampleHead
{
	font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;
	
}
.v-class
{
	
font-family: "Cabin";
	 font-weight: 600;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;
}
body {
	background-color:#000;
	font-family: 'Montserrat', sans-serif;
 }
/*p
{
	 font-size: 22px; 
}*/,
/*div
{
	font-family: 'Montserrat', sans-serif; font-weight: 200;
}*/
#page-wrap {
  text-align: left;
  width: 800px;
  margin: 0 auto;
}
.chandracenter
{
	text-align:center;
}

a:link {color:#27a9e0; text-decoration:none;} 
a:visited {color:#27a9e0; text-decoration:none;} 
a:hover {color:#ffffff; text-decoration:none;} 
a:active {color:#27a9e0; text-decoration:none;}

a.white {font-family: 'Open Sans', sans-serif; font-weight: 200;}
a.white:link {color:#fff;text-decoration:none;}
a.white:visited {color:#fff;text-decoration:none;}
a.white:hover {text-decoration:underline;}

a.whitenav {font-family: 'Open Sans', sans-serif; font-weight:400; }
a.whitenav:link {color:#fff;text-decoration:none;}
a.whitenav:visited {color:#fff;text-decoration:none;}
a.whitenav:hover {text-decoration:underline;}

a.greynav {font-family: 'Open Sans', sans-serif; font-weight:200; color:#a1a1a1}
a.greynav:link {color:#a1a1a1;text-decoration:none;}
a.greynav:visited {color:#a1a1a1;text-decoration:none;}
a.greynav:hover {text-decoration:underline;}

a.greynavunderline {font-family: 'Open Sans', sans-serif; font-weight:200; color:#a1a1a1; text-decoration:underline;}
a.greynavunderline:link {color:#a1a1a1;text-decoration:underline;}
a.greynavunderline:visited {color:#a1a1a1;text-decoration:underline;}
a.greynavunderline:hover {text-decoration:underline;}


#screen > header a.current {
 color:#33C;
}


a.blackunderline { }
a.blackunderline:link {color:#000;text-decoration:underline}
a.blackunderline:visited {color:#000;text-decoration:underline;}
a.blackunderline:hover {text-decoration:underline;}

.textcosmicrotation{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitlecosmicrotation{position:absolute; color:#f5c403; z-index:2;font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangecosmicrotation{ width:240px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangecosmicrotation:hover .textcosmicrotation{ position:absolute; background:#f5c403; width:240px; height:auto; opacity: .8; filter: alpha(opacity=80); text-align:left; color:#000000; font-size:16px;top:-200px; left:-20px;  z-index:1; padding:20px;}
.picColorOrangecosmicrotation:hover .texttitlecosmicrotation{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}


.texteverydayrotation{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleeverydayrotation{position:absolute; color:#f5c403; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeeverydayrotation{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeeverydayrotation:hover .texteverydayrotation{ position:absolute; background:#f5c403; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeeverydayrotation:hover .texttitleeverydayrotation{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textolympicrotation{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleolympicrotation{position:absolute; color:#f5c403; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeolympicrotation{ width:275px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeolympicrotation:hover .textolympicrotation{ position:absolute; background:#f5c403; width:275px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeolympicrotation:hover .texttitleolympicrotation{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textcosmicspeed{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitlecosmicspeed{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangecosmicspeed{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangecosmicspeed:hover .textcosmicspeed{ position:absolute; background:#4989c4; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-40px; z-index:1; padding:20px;
}
.picColorOrangecosmicspeed:hover .texttitlecosmicspeed{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.texteverydayspeed{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleeverydayspeed{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeeverydayspeed{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeeverydayspeed:hover .texteverydayspeed{ position:absolute; background:#4989c4; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeeverydayspeed:hover .texttitleeverydayspeed{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textolympicspeed{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleolympicspeed{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeolympicspeed{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeolympicspeed:hover .textolympicspeed{ position:absolute; background:#4989c4; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeolympicspeed:hover .texttitleolympicspeed{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}


.textcosmicdistance{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitlecosmicdistance{position:absolute; color:#f5c403; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangecosmicdistance{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangecosmicdistance:hover .textcosmicdistance{ position:absolute; background:#f5c403; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangecosmicdistance:hover .texttitlecosmicdistance{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.texteverydaydistance{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleeverydaydistance{position:absolute; color:#f5c403; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeeverydaydistance{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeeverydaydistance:hover .texteverydaydistance{ position:absolute; background:#f5c403; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeeverydaydistance:hover .texttitleeverydaydistance{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textolympicdistance{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleolympicdistance{position:absolute; color:#f5c403; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeolympicdistance{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeolympicdistance:hover .textolympicdistance{ position:absolute; background:#f5c403; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeolympicdistance:hover .texttitleolympicdistance{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textcosmictime{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitlecosmictime{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangecosmictime{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangecosmictime:hover .textcosmictime{ position:absolute; background:#4989c4; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangecosmictime:hover .texttitlecosmictime{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.texteverydaytime{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleeverydaytime{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeeverydaytime{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeeverydaytime:hover .texteverydaytime{ position:absolute; background:#4989c4; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeeverydaytime:hover .texttitleeverydaytime{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textolympictime{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleolympictime{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeolympictime{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeolympictime:hover .textolympictime{ position:absolute; background:#4989c4; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeolympictime:hover .texttitleolympictime{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textcosmicpressure{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitlecosmicpressure{position:absolute; color:#f5c403; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangecosmicpressure{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangecosmicpressure:hover .textcosmicpressure{ position:absolute; background:#f5c403; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px; font-weight:700;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangecosmicpressure:hover .texttitlecosmicpressure{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.texteverydaypressure{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleeverydaypressure{position:absolute; color:#f5c403; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeeverydaypressure{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeeverydaypressure:hover .texteverydaypressure{ position:absolute; background:#f5c403; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px; font-weight:700;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeeverydaypressure:hover .texttitleeverydaypressure{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textolympicpressure{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleolympicpressure{position:absolute; color:#f5c403; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeolympicpressure{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeolympicpressure:hover .textolympicpressure{ position:absolute; background:#f5c403; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px; font-weight:700;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeolympicpressure:hover .texttitleolympicpressure{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textcosmicmass{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitlecosmicmass{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangecosmicmass{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangecosmicmass:hover .textcosmicmass{ position:absolute; background:#4989c4; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px; font-weight:700;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangecosmicmass:hover .texttitlecosmicmass{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.texteverydaymass{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleeverydaymass{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeeverydaymass{ width:280px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeeverydaymass:hover .texteverydaymass{ position:absolute; background:#4989c4; width:280px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px; font-weight:700;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeeverydaymass:hover .texttitleeverydaymass{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textolympicmass{  width:340px; height:217px; background:#FFF; opacity:0; } 
.texttitleolympicmass{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeolympicmass{ width:230px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeolympicmass:hover .textolympicmass{ position:absolute; background:#4989c4; width:230px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px; font-weight:700;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeolympicmass:hover .texttitleolympicmass{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}

.textolympicacceleration{  width:370px; height:217px; background:#FFF; opacity:0; } 
.texttitleolympicacceleration{position:absolute; color:#4989c4; z-index:2; font-family: "Cabin";
	 font-weight: 500;
	 font-style: normal;
	 font-size: 21px;
	 letter-spacing: 2px;
	 text-align: left;} 
.picColorOrangeolympicacceleration{ width:370px; height:50px; /*border:2px solid #000000; background:#fff;*/} 
.picColorOrangeolympicacceleration:hover .textolympicacceleration{ position:absolute; background:#4989c4; width:370px; height:auto; opacity: .8; filter: alpha(opacity=80); 
text-align:left; color:#000000; font-size:16px; font-weight:700;   margin-top:-10px; z-index:1; padding:20px;
}
.picColorOrangeolympicacceleration:hover .texttitleolympicacceleration{ color:#fff; opacity:0;/*position:absolute; left:100px; top:100px;*/}


.caret {
 /* position: relative;*/
}

.caret:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 9px solid #0b0303;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.caret:after {
  content: '';
 position: absolute;
  left: 4px;
  top: 0;
  border-top: 5px solid #eeeeee;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}



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

   body { font-size: 2em; }

}