html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}

a:link{
	color:#22b6cc;
	
	text-decoration:none;
}

a:visited {
color:#999;
text-decoration:none;
}

a:hover, a:active {
    color:#22b6cc;
}
		
		
#easing4 a:link{
	color:#666;
	
	text-decoration:none;
}

#easing4 a:hover, a:active {
    color:#22b6cc;
}
			

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {
	line-height: 1;
	min-height:100%;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

body {
	background: #FFF;
	background: -webkit-linear-gradient(top, #FFF, #FFF 100%);
	background: -moz-linear-gradient(top, #FFF, #FFF 100%);
	background: -o-linear-gradient(top, #FFF, #FFF 100%);
	background: -ms-linear-gradient(top, #FFF, #cccccc 100%);
	background: linear-gradient(top, #FFF, #FFF 100%);
	background-attachment:fixed;
	font-weight:normal;
}

ol, ul {
	list-style: none;
}

.style1 {color: #CCCCCC}
.style2 {color: #000000}


p {
	margin:1em;
	line-height:1.9em;
	font-size:1.1em 12px;
	font-weight:normal;
}

#topmenulevel{
position:fixed;
z-index:140;
top:0em;
width:100%;


}

#topmenu {
	position:fixed;
	top: 0em;
	z-index:120;
	background:#09C;
	width:100%;
	opacity: 0.8;
	
}

#rightpadding {
padding: 16px 22px 8px 12px;
display:block;
}

#rightmenu {
position:fixed;
top:8%;
z-index:121;
/*background-color:#CCCCCC;*/
height:100%;
text-align:right;
right:0;
vertical-align:top;

}

#nav {
    overflow: hidden;
        
    height: 20px; 
	right:0;
	text-align:right;
	position:fixed;
	top:0em 0;
	
}







#about {
	position: absolute;
	top: 25px;
	}
	
#n1 {
	position: absolute;
	top: 5900px;
	}
	
#n2 {
	position: absolute;
	top: 7800px;
}

#n3 {
	position: absolute;
	top: 12000px;
}

#n3b {
	position: absolute;
	top: 12800px;
}

#n4 {
	position: absolute;
	top: 15900px;
}

#n5 {
	position: absolute;
	top: 20900px;
}

#n6 {
	position: absolute;
	top: 23750px;
}

#n7 {
	position: absolute;
	top: 24750px;
}

#n8 {
	position: absolute;
	top: 27750px;
}

#n9 {
	position: absolute;
	top: 28900px;
}

#n10 {
	position: absolute;
	top: 29700px;
}

#n11 {
	position: absolute;
	top: 30400px;
}

#t1 {
	position: absolute;
	top: 30700px;
}
	
#t2 {
	position: absolute;
	top: 35200px;
}


#t3 {
	position: absolute;
	top: 38800px;
}
#properties p{
	line-height:2.1em;
}
#properties2 p{
	line-height:2.1em;
}

#easing2 p{
	line-height:2.1em;
}

#easing p{
	line-height:2.1em;
}

q {
	font-style:italic;
	color:#333;
}

h1 {
	/*font-size:2.91em;*/
	font-size:1.7em 26px;
	line-height:1.9em;
	margin:0;
	color:#333;
}



h2 {
	font-size:1.8em 27px;
	line-height:1.9em;
	margin:0;
	color:#CCC;
}



h3 {
	color:#666;
	/*font-size:1.41em;*/
	font-size: 1.2em;
	line-height:0.1em;
	margin:1em 0;
}

h3:first-child {margin-top:0;}



h4 {
	color:#444;
	/*font-size:1.11em;*/
	font-size:13px;
	margin:1em 0;
	line-height:1.9em;
	font-weight:normal;
	
}



h5 {
	margin-right:10%;
	margin-left:5%;
	line-height:1.8em;
	font-size:14px;
	/*font-size:1.11em;*/
	color:#fff;
	text-align:right;
	font-weight:normal;
}

h6 { 
	margin:5%;
	line-height:0.8 em;
	font-size:0.8em;
	text-align:left;
	font-weight:normal;

}

#progress {
	height:2%;
	background:#999;
	bottom:0;
	z-index:200;
}

#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:300;
	border-radius:1px;
}

.skrollr-desktop #scrollbar {display:none;}

#bg1, #bg2, #bg3 {
	z-index:50;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(strobe_1.gif) repeat 0 0;
}

#bg2 {
	z-index:49;
	background-image:url(strobe_1.gif);
}

#bg3 {
	z-index:48;
	background-image:url(images/lighter.gif);
}

#intro {
	width:87%;
	height:1700px;
	padding-top:5%;
	text-align:justified;
	margin-left:5%;
	z-index:110;
	font-weight:normal;
	

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#intro p{
font-weight:normal;
}




#transform {
	width:70%;
	left:50%;
	top:20%;
	margin-left:-35%;
	text-align:center;
	font-size:150%;

	/*transform-origin(50%, 50%);*/
}

#properties {
	width:90%;
	height:100%;
	padding-top:10%;
	text-align:justified;
	margin-left:5%;
	z-index:110;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#properties2 {
	width:90%;
	height:100%;
	padding-top:5%;
	margin-left:5%;
	line-height:2.1em;
	text-align:justify;
	z-index:118;
	

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#easing_wrapper {
	width:100%;
	height:100%;
}

#drop_wrapper {
	width:100%;
	height:100%;
}

#article_wrapper{
	width:90%;
	height:100%;
	margin-left:5%;
}

#easing {
	top:5%;
	width:85%;
	z-index:101;
	margin-left:5%;
}

#easingtest {
	top:5%;
	width:90%;
	z-index:101;
	margin-left:5%;
}

#easing3 {
	top:5%;
	width:90%;
	z-index:101;
	margin-left:5%;
}

#easing4under {

	top:5%;
	width:90%;
	z-index:100;
	margin-left:0	%;
}

#easing4over {

	top:5%;
	width:90%;
	z-index:119;
	margin-left:0	%;
}


#easing4 {

	top:5%;
	width:90%;
	z-index:101;
	margin-left:0%;
}


#easing4margin {

	top:5%;
	width:30%;
	z-index:101;
	margin-left:0%;
}

#easing4margin2 {

	top:5%;
	width:75%;
	z-index:101;
	margin-left:0%;
}


#easing4tangents {

	top:5%;
	width:90%;
	z-index:101;
	margin-left:0	%;
}

#easing4tangents h1{
	margin-left:0%;
}

#easing4tangents h3{
	margin-left:0%;
}


#easing4 h1{
	margin-left:5%;
}

#easing4 h3{
	margin-left:5%;
}

#easing5 {
background-color:#000;
	top:5%;
	width:100%;
	z-index:105;
	margin-left:0%;
}

#easing5 p{
margin-left:5%;
margin-right:5%;
font-weight:150;
}

#easing5text {
	z-index:106;
	margin-left:5%;
width:90%;
}

#network {
background-image: url("../images/network.jpg"); 
background-repeat: repeat-x;
top:5%;
	width:100%;
	z-index:109;
	margin-left:0%;
	}

#easing5 h1{
	margin-left:5%;
}

#easing5 h3{
	margin-left:5%;
}

#nest {
	margin-left:5%;
}

.drop {
	background:#fff;
	/*background-color:transparent;*/
	font-weight:bold;
	padding:1em;
}

.drop2 {
	background:#fff;
	/*background-color:transparent;*/
	font-weight:bold;
	padding:1em;
}
.drop3 {
	background:#666;
	/*background-color:transparent;*/
	font-weight:bold;
	color:#FFF;
	padding:1em;
}


.drop3 a:link{
	color:#fff;
}

.drop3 a:hover, a:active {
    color:#22b6cc;
}



.dropimage {
	
	background-color:transparent;
	/*color:#FFF;*/
	padding:1em;
}

.drop4 {
	background:#fff;
	background-color:transparent;
	font-weight:bold;
	padding:1em;
	align:center;
}

.drop4 h5{
	text-align:center;
}



.drop_intro{
	background:#000;
	color:#FFF;
	font-weight:bold;
	padding:1em;
}

.drop p {
	font-size:18px;
}


#whiteout {
	color: #FFF;
	font-family: "Century Gothic", Arial, Helvetica;
}
.whiteout_2 {
	color: #FFF;
}

.easing4greyout {
	color: #666666;
}