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;
}

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

html, body {
	line-height: 1;
	min-height:100%;
	font-weight:300;
color:#fff;
  font-family: 'Oswald', sans-serif;
}



a {

color:#f28e74;

text-decoration:none;

}



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

ol, ul {
	list-style: none;
}

p {
	margin:.3em 0;
	line-height:1.1em;
	
	font-weight:300;

 font-family: 'Oswald', sans-serif;

}

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

h1 {
	font-size:1.81em;
	margin:0;
	color:#f28e74;
 	padding:24px;
	line-height:1.21em;
font-family: 'Oswald', sans-serif;
font-weight:700;


}

h1 > small {
	text-align:right;
	display:inline-block;
	font-size:.71em;
	text-indent:15em;
}

h2 {
	color:#f28e74;
 
font-size:1.11em;
	line-height:1.21em;

font-family: 'Oswald', sans-serif;
font-weight:700;

}

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

h3 {
	color:#333;
	font-size:1.11em;
 }

h4 {
	font-size:1.81em;
	margin:0;
	color:#f28e74;
 	line-height:1.21em;
font-family: 'Oswald', sans-serif;
font-weight:700;
margin-top:.3em;
margin-bottom:.3em;

}





#headerfour {
	font-size:1.81em;
	margin:0;
	color:#f28e74;
 	line-height:1.21em;
font-family: 'Oswald', sans-serif;
font-weight:700;
margin-top:.1em;
margin-bottom:.1em;
 
}



#progress {
	height:1%;
	background-image:url(images/chain.png);
	bottom:0;
	z-index:200;
}

#scrollbar {
	position:fixed;
	right:2px;
	height:5px;
	width:6px;
	background:#f28e74;;
 	z-index:300;
 }

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

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

#bg2 {
	z-index:49;
	background-image:url(images/bubbles3.png);
}

#bg3 {
	z-index:48;
	background-image:url(images/bubbles4.png);
}
#intro_wrapper {
	width:100%;
	height:100%;
}
#intro {
	width:96%;
 	top:.1em;
	font-size:1.1em;
 	padding:24px;

  	text-align:left;
 
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
font-family: 'Oswald', sans-serif;
font-weight:300;
line-height:1.4em;
}


#introintro {
	width:96%;
 	top:.1em;
	font-size:1.1em;

  	text-align:left;
 
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
font-family: 'Oswald', sans-serif;
font-weight:300;
line-height:1.4em;
}


#intrograph {
	width:96%;
 	font-size:1em;
display:block; 
  	text-align:left;
 
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
font-family: 'Oswald', sans-serif;
font-weight:300;
line-height:1.51em;
}

#intrograph .arrows {
	font-size:1.1em;
line-height:1.6em;
	color:#fff;
  	width:100%;
font-family: 'Oswald', sans-serif;
font-weight:300;

}

#dscdscdsc {
	font-size:.7em;
line-height:1.5em;
	color:#fff;
  	width:96%;
font-family: 'Oswald', sans-serif;
font-weight:300;
display:block;
  padding-left:24px;
 }


#dsc {
	font-size:.8em;
line-height:1.5em;
	color:#fff;
  	width:99%;
font-family: 'Oswald', sans-serif;
font-weight:300;
display:block;
 
 }

#dscdsc {
	font-size:.7em;
line-height:1.5em;
	color:#fff;
  	width:99%;
font-family: 'Oswald', sans-serif;
font-weight:400;
display:block;

}


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

#transform {
	width:99%;

 
	text-align:left;
	font-size:1.1em;
font-family: 'Oswald', sans-serif;
font-weight:300;
 


  


	.transform-origin(50%, 50%);
}



#transformtext {
	width:99%;

 	padding-left:18px;
 

color:#fff;
	display:block;

	text-align:left;
	font-size:1.1em;
font-family: 'Oswald', sans-serif;
font-weight:300;
line-height:1.8em;

 

	.transform-origin(50%, 50%);
}






#transformtextsub {
	width:100%;
 color:#fff;
 background-color:#000;
	text-align:left;
	font-size:.81em;
font-family: 'Oswald', sans-serif;
font-weight:300;
line-height:1.6em;
display:block;
position:relative;
 	padding:.1em .1em .1em 2.6em;
 	margin:1em 0 .1em -1em;

MAX-WIDTH:310px;

	.transform-origin(50%, 50%);
}





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







#properties {
	width:96%;



 
	text-align:left;
	font-size:1.1em;
font-family: 'Oswald', sans-serif;
 }




#propertiestext {
	width:99%;
color:#fff;

 	padding-left:18px;
 
 line-height:1.8em;
 
 	font-weight:300;

	text-align:left;
	font-size:1.1em;
font-family: 'Oswald', sans-serif;
   
 }




#propertiestextsub {
	width:100%;
 color:#fff;
 background-color:#000;
	text-align:left;
	font-size:.81em;
font-family: 'Oswald', sans-serif;
font-weight:300;
line-height:1.8em;
display:block;
position:relative;
 	padding:.1em .1em .1em 2.6em;
 	margin:1em 0 .1em -1em;

MAX-WIDTH:310px;

	.transform-origin(50%, 50%);
}







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

#easing {
	width:99%;

 

 

	text-align:left;
	font-size:1.1em;
font-family: 'Oswald', sans-serif;
font-weight:300;
  	z-index:101;
 }
#easingtext {
	width:99%;

   	padding-left:12px;

color:#fff;
display:block;
 	text-align:left;
	font-size:1.1em;
font-family: 'Oswald', sans-serif;
font-weight:300;
line-height:1.8em;
 	z-index:101;
 }

#easingtextb {
	width:90%;

 	padding-left:18px;
 
color:#fff;


 
	text-align:left;
	font-size:.91em;
font-family: 'Oswald', sans-serif;
font-weight:300;
line-height:1.8em;
 	z-index:101;
 }

.drop {
	background:#09f;
	font-weight:bold;
	padding:1em;
}

#download {
 	width:99%;

 	padding-left:12px;
  	z-index:101;

	text-align:left;
	font-size:1.2em;
font-family: 'Oswald', sans-serif;
font-weight:300;
line-height:1.4em;
}

.twitter-share-button, .twitter-follow-button {
	vertical-align:middle;
}







#preloader {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
 background-color:#000;
		z-index:999999;
	}
	#indicator {
		color: #f5ee36;
		font-size: 1.4em;
		width: 200px;
		height: 200px;
		position: absolute;
		left: 51%;
		top: 52%;
		line-height: 200px;
		text-align: center;
		margin: -100px 0 0 -100px;
		z-index: 999999999;
	}
	#status {
		width: 200px;
		height: 200px;
		position: absolute;
		left: 50%;
		top: 50%;
		background-image: url(images/dsclogo_150.png);
		background-repeat: no-repeat;
		background-position: center;
		margin: -100px 0 0 -100px;
	}





.sharers {
position: fixed;
top: 2%;
margin-right: 10%;

z-index: 44;
display:block;
float:right;
}


#fbbutton {
	margin-left:12%;
	background-color:#3d94f6;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:35%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
#fbbutton:hover {
	
	background-color:#1e62d0;
}#fbbutton:active {
	position:relative;
	top:1px;
}





#twbutton {
		background-color:#79bbff;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:35%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}
#twbutton:hover {

	background-color:#4197ee;
}#twbutton:active {
	position:relative;
	top:1px;
}

#twbutton img {
display: block;
margin-right: 30%;
margin-top: 2px;

}

#fbbutton img {
position: relative;
margin-right: 24%;
margin-top: 2px;

}


#fbbutton a:link {
margin-top: -2px;
}