@charset "UTF-8";


/* FONTS */

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: normal;
  src: url('font/Dosis-Medium.ttf') format("truetype");}    
  
  
@font-face {
  font-family: 'DosisIE';
  font-style: normal;
  font-weight: normal;
  src: url('font/Dosis-Medium.eot');}	
    
     
@font-face
	{font-family: 'Dosis-Bold';
	src: url('font/Dosis-Bold.ttf') format("truetype");} 


@font-face
	{font-family: 'Dosis-BoldIE';
	src: url('font/Dosis-Bold.eot');} 


/* CONTENT */

body	{color: white; 
		font-family: 'Dosis', 'DosisIE', sans-serif;
		font-size: 16px;
		line-height: 20px;
		background-color: #095790;
		background-image: url('images/background.jpg');
		background-repeat: no-repeat;}
		

.center {text-align: center;}


.title {font-size: 24px; 
		text-transform: uppercase;
		font-family: 'Dosis-Bold', 'Dosis-BoldIE', sans-serif;}

		
.subtitle {text-transform: uppercase;
		font-size: 19px;
		font-family: 'Dosis-Bold', 'Dosis-BoldIE', sans-serif;}	


#title	{position: absolute; width: auto; 
		left: 20px;
		top: 40px;
		overflow: hidden;}


#header	{position: absolute; width: auto; 
		left: 14px;
		overflow: hidden;}
				
				
#introduction	{position: absolute; width: 900px; 
				right: 68px;
				left: 68px;
				top: 322px;
				overflow: hidden;}
			

#container	{position: absolute; width: 900px; 
			left: 68px;
			top: 600px;
			overflow: hidden;}
			
#observe {position: absolute; width: 900px; 
			left: 68px;
			top: 600px;
			overflow: hidden;}
			
#research {position: absolute; width: 900px; 
			left: 68px;
			top: 1030px;
			overflow: hidden;}
			
#build {position: absolute; width: 900px; 
			left: 68px;
			top: 1570px;
			overflow: hidden;}
			
#measure {position: absolute; width: 900px; 
			left: 68px;
			top: 1975px;
			overflow: hidden;}
			
#share {position: absolute; width: 900px; 
			left: 68px;
			top: 2340px;
			overflow: hidden;}
			

#observe2 {position: absolute; width: 900px; 
			left: 68px;
			top: 2730px;
			overflow: hidden;}
			
#observe3 {position: absolute; width: 900px; 
			left: 68px;
			top: 3067px;
			overflow: hidden;}
			
#record {position: absolute; width: 900px; 
			left: 68px;
			top: 3485px;
			overflow: hidden;}
			
#analyse {position: absolute; width: 900px; 
			left: 68px;
			top: 3865px;
			overflow: hidden;}
			
#publish {position: absolute; width: 900px; 
			left: 68px;
			top: 4300px;
			overflow: hidden;}


#bottom	{position: absolute; width: 800px; 
		left: 68px;
		top: 4850px;
		overflow: hidden;}


#superbadge	{position: absolute; width: auto; 
		left: 530px;
		top: 4700px;
		overflow: hidden;}	
		
			
		
		
td	{padding-right: 20px;
	padding-bottom: 5px;}
	



/* LISTS */


ul.pink {list-style: disc;
    color: #95214a;}
        
ul.pink li span {color: white;}



ul.blue {list-style: disc;
    color: #095790;}
        
ul.blue li span {color: white;}



ul.green {list-style: disc;
    color: #4da741;}
        
ul.green li span {color: white;}



ul.orange {list-style: disc;
    color: #c64927;}
        
ul.orange li span {color: white;}



		
/* LINKS */	
		

a	  	{color: white; text-decoration: underline;}
	  
a:hover  {text-decoration: none;}

		
a.pink	  	{font-family: 'Dosis-Bold', 'Dosis-BoldIE', sans-serif; color: #95214a; text-decoration: none;}
	  
a.pink:hover  {text-decoration: underline;}
					
					

a.blue	  	{font-family: 'Dosis-Bold', 'Dosis-BoldIE', sans-serif; color: #095790; text-decoration: none;}
	  
a.blue:hover  {text-decoration: underline;}



a.green	  	{font-family: 'Dosis-Bold', 'Dosis-BoldIE', sans-serif; color: #4da741; text-decoration: none;}
		  
a.green:hover  {text-decoration: underline;}
								


a.orange	  	{font-family: 'Dosis-Bold', 'Dosis-BoldIE', sans-serif; color: #c64927; text-decoration: none;}
	  
a.orange:hover  {text-decoration: underline;}
					
							
a img  {border: none;} 	


/* IMAGES */		

img.logo	{border: none;}

img {border: none;}