@charset "UTF-8";
/* CSS Document */

body{
	background-color:#FFF;
	background-repeat:repeat;
        margin: 0;
	
    }
a:link{
	color:#4d5356;
	text-decoration:none
}


a:visited{
	color:#4d5356;
	text-decoration:none
}
a:hover{
	color:#80898d;
	text-decoration:none
}
a:active{
	color:#80898d;
	text-decoration: none;
	
}
p{
    font-family: verdana;
    font-size: 14px;
    color:#4d5356;
}


@font-face {
    font-family:'DistProTh';
	src:url("http://www.cschulze.com/DistProTh.otf") format("opentype");
	font-weight:900;
    font-style: normal;

}
@font-face {
    font-family:'DistProTh';
	src:url("http://cschulze.com/DistProTh.otf") format("opentype");
	font-weight:900;
    font-style: normal;

}

/*@font-face {
    font-family: 'InaiMathi';
	src:url("http://cschulze.com/InaiMathi.ttf");
    font-weight:normal;
    font-style: normal;

}*/
@font-face {
    font-family: 'InaiMathi';
	src:url(/Inaimathi.otf) format("opentype");
    font-weight:normal;
    font-style: normal;

}
#nav{   opacity: .9;
	width:265px;
	height:1200px;
	padding:0px;
	position:fixed;
	top:0px;
	left:0px;
	z-index: 999;
	background-color: #f8f8f8;
  
	
}


.name{
	font-size:40px;
	width:210px;
	height: auto;
	float:left;
	margin:40px 0 0 45px;
	padding:0;
	color:#80898d;
	font-family:'DistProTh',  Helvetica;
	
}
ul#navRight{
	width:auto;
	height:auto;
	font-size:13px;
	line-height: 10px;
	list-style:none;
	padding:0px 0 0 0;
	font-family: verdana, sans-serif;
	
}
li{
	padding:0;
	margin-bottom:9px;
	
}
/*ul#navBottom{
	width:110px;
	height:100px;
	float:left;
	list-style:none;
	line-height: 10px;
	padding:0;
	font-size:14px;
	margin-top: 20px;
	margin-left:20px;
	font-family: 'InaiMathi', sans-serif;
	
	
}*/

/*Index*/

#wrap{
	width: auto;
        height: auto;
	margin:0px 0 0 300px;
	display: none;
	padding: 0px 0 0 30px;
	z-index: 0
	
}
#Images{
        width:800px;
	margin: 0px 0 0px 0px;
        padding: 0 0 0 0px;
	float:left}


/*About*/
#AboutText{
	width: 600px;
	font-size: 12px;
	text-align:;
	line-height: 20px;
	margin:40px 0px 0 0
}

#About{
	width: 800px;
	margin: 40px 0 0 0px;
	
}
#Image_About{
	width:600px;
	margin: 0 0 0 0px;
}
#wrap-About{
       width: auto;
        height: auto;
	margin:0px 0 0 300px;
	display: none;
	padding: 0px 0 0 50px;
	z-index: 0
    
}

/*Slideshow
#btn-next{
	width:20px;
	height:20px;
	margin: 310px 0 0 8px;
	float:left;
	cursor: pointer
	
}
#btn-prev{
	width:20px;
	height:20px;
	float:left;
    margin: 310px 0 0 10px;
	cursor: pointer
	
}

.slideshow {
	overflow: hidden;
	position: relative;
}
.slide{
	width:864px !important;
	height:620px !important;
    display:none;
}

#slideshow{
	width:772px;
	height:620px;
	float:left;
	margin: 0px 0 0 0px;
	display:block !important;
}
#wrap-slideshow{
	width:1300px;
	margin:130px 0 0 35px;
	padding: 0px 0 0 0px;
	display:none;
	
	
}
#MText{
	width:300px;
	height:200px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	float:left;
	margin:0px 0 0 20px;
	text-align: justify;
	line-height: 20px;
}*/
/*Experiments
.Experimentsbtns{
	float:left;
	margin: 0 70px 50px 0;
	width:200px;
	font-size: 12px
	
	
}
#Experiments_Buttons{
	width: 1170px;
	margin: 210px 0 0 20px;
	
}*/
#wrapExperiments{
    width:7000px;
    height: 700px;
    margin: 60px 0 0 300px;
}

#wrapFF{
    width:1000px;
    height: 700px;
    float:left;
    z-index: 0;
    margin: 0 0 0 175px;
}

#ffThumbs{
	width:720px;
	height:680px;
	float:left;
	margin: 0px 0 0 0px;
	position: relative;
        float: left
	
}

#contentFF{
	float:left;
	height:680px;
	width: 250px;
	float:left;
	margin:0px ;
	line-height: 16px;

}

#tree_text{
	width:600px;
	text-align:;
}

#wrapTrees{
	width:1300px;
	margin:90px 0 0 40px;
	display: none;
	padding: 0px 0 0 0px
	
}
#wrapSunset{
	width:1520px;
	margin:0px 0 0 235px;
	padding: 40px 0 0 0px;
        float:left;
        z-index: 0;
        
	
}
#Sunset_images{
	width:1220px;
}
#sunset_text{
	width:1000px;
        height:80px;
	text-align:;
	line-height: 20px;
	margin: 0px 0 0 0px;
}

#contentIslands{
	height:50px;
	width: 1000px;
	float:left;
	margin:0px 0 0 0px;
	text-align:;
	line-height: 20px;
        z-index: 0

}
#Islands_Buttons{
	width: 970px;
	margin: 210px 0 0 0px;
        z-index: 0
	
}
a.Islandsbtns{
	margin: 0 60px 0px 0;
	width:447px;
	height:300px;
	font-size: 12px;
	line-height: 29px;
	float:left;
        z-index: 0
	
	
}
#wrapM{
	width:1300px;
	margin:0px 0 0 0px;
	padding: 0px 0 0 0px;
        float: left;
        z-index: 0;
	
}
/*Leaves*/
#Leaves{
	width:2490px;
	height:650px;
	float:left;
	margin: 0px 0 0 0px;
}
.slideL{
	margin: 0 60px 0 0;
	display:inline
}
#LText{
	width:400px;
	height:30px;
	margin:0px 0px 0 0px;

}



/*Treasure Island*/
#wrap-TreasureIsland{
	width: auto;
        height: auto;
	margin:50px 0 0 300px;
	display: none;
	padding: 0px 0 0 0px;
	
}
#TIText{
        float:left;
	width:900px;
	text-align:;
	line-height: 20px;
	margin:0px 30px 0 0;
	
	
}

#Images_TI{
	width:27300px;
	margin: 40px 0 0px 0px;
	float:left
	
	
}
.imgTI{
	margin: 0 15px 0 0;
}
/*Morphogenesi*/
#wrap-Morphogenesis{
	width: 10150px;
        height: 670px;
	margin:80px 0 0 200px;
	display: none;
	padding: 0px 0 0 100px;
	
}
#Images_M{
	width:9550px;
	margin: 0px 0 0px 0px;
	float:left
	
	
}
.imgM{
	margin: 0 0px 0 0;
}
#MText{
        float:left;
	width:400px;
        height:670px;
	text-align:;
	line-height: 20px;
	margin:0px 30px 0 0;
	
	
}

/*Stardust*/
#wrap-Stardust{
	width: 6380px;
        height: 700px;
	margin:20px 0 0 200px;
	display: none;
	padding: 0px 0 0 100px;
	
}
#Images_SD{
	width:5850px;
	margin: 0px 0 0px 0px;
	float:left
	
	
}
.imgSD{
	margin: 0 100px 0 0;
}
#SDText{
        float:left;
	width:450px;
        height:700px;
	text-align:;
	line-height: 20px;
	margin:0px 30px 0 0;
	
	
}
#SDtitles{
    width:300px;
    height:20px;
    margin:0 680px 0 0;
    float:left;
    font-family: verdana;
    font-size: 12px;
    color: #4d5356;
}

/*Dead Valley*/
#wrap-DV{
	width: 11100px;
        height: 700px;
	margin:0px 0 0 200px;
	display: none;
	padding: 0px 0 0 100px;
	
}
#Images_DV{
	width:10500px;
	margin: 50px 0 0px 0px;
	float:left
	
	
}
.imgDV{
	margin: 0 100px 0 0;
}
#DVText{
        float:left;
	width:500px;
        height:700px;
	text-align:;
	line-height: 20px;
	margin:50px 30px 0 0;
	
	
}
/*25 Years*/
#wrap-25{
	width: 9100px;
        height: 700px;
	margin:0px 0 0 200px;
	display: none;
	padding: 0px 0 0 100px;
	
}
#Images_25{
	width:8480px;
	margin: 50px 0 0px 0px;
	float:left
	
	
}
.img25{
	margin: 0 100px 0 0;
}
#Text25{
        float:left;
	width:500px;
        height:700px;
	text-align:;
	line-height: 20px;
	margin:50px 30px 0 0;
	
	
}
/*Into White*/
#wrap-IntoWhite{
	width: 22900px;
        height: 100%;
	margin:0px 0 0 0px;
	display: none;
	padding: 0px 0px 0 75px;
	
}
#Images_IW{
	margin: 25px 0 0px 300px;
	float:left
	
	
}
.imgIW{
	margin: 0 150px 0 0;
}
#TextIntoWhite{
        float:right;
	width:450px;
        height:100%;
	text-align:;
	line-height: 20px;
	margin:0px 0px 0 0;
        padding: 50px 20px 20px 20px;
       
        
	
	
}
/*Forage*/
#wrap-Forage{
	width: 9700px;
        height: 700px;
	margin:0px 0 0 0px;
	display: none;
	padding: 0px 0 0 0px;
	
}
#Images_F{
    width:8900px;
	margin: 25px 0 0px 300px;
	float:left
	
	
}
.imgF{
	margin: 0 150px 0 0;
}
#TextForage{
        float:right;
	width:450px;
        height:100%;
	text-align:;
	line-height: 20px;
	margin:0px 0px 0 0;
        padding: 50px 20px 20px 20px;
       
        
	
	
}


/*Seaweed*/
#wrap-Seaweed{
	width: 11200px;
        height: 100%;
	margin:0px 0 0 0px;
	display: none;
	padding: 0px 0 0 75px;
	
}
#Images_S{
	margin: 25px 0 0px 300px;
	float:left
	
	
}
.imgS{
	margin: 0 150px 0 0;
}