@charset "UTF-8";
html {overflow-y:scroll;} 
body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:lighter;
	margin: 0 0 0 0;
	padding-left:0px;
	padding-right:0px;
	background-color: #FFF;
	color: #000;
	padding-top: 60px;
}

#pubbox li{
    border-bottom: 1px solid #DDD;
}

.large{
	font-size: 20px;
	}

.slanted{
	font-style:italic;
	}

.bold{
	font-weight: bold;
	}

::selection{
	background: #EF1693;
	color: #FFFFFF;
	text-shadow: none;
}

::-moz-selection{
	background: #EF1693;
	color: #FFFFFF;
	text-shadow: none;
}

h1{
	font-size: 14px;	
	font-weight:normal;
	margin:0;
	padding:0;
}
		
#maincontainer,#maincontainerstory{
	text-align:center;
	font-size: 12px;
	background-color: #F3F3F3;
	border-radius: 0 0 10px 10px;
	position: absolute;
	top: 200px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 600px;
	padding-top: 16px;
	padding-bottom: 16px;
}

#worldbox{
	position:fixed;
	bottom: 40px;
	left: 40px;
	height:148px;
	width: 350px;
	background-repeat:no-repeat;
	background-image:url(StoryPics/worldnew.png);
	background-position:center center;
	background-size: 350px 148px;
	border-radius: 10px;
	z-index:666;
}

#pin{
	position: absolute;
	opacity: 0;
	left: 269px;
	top: 26px;
	width: 9px;
	height: 24px;
	background-repeat:no-repeat;
	background-image:url(StoryPics/pin.png);
	background-position:center center;
	background-size: 9px 24px;	
}

#storyintrochina, #storygalapagos, #storyhuskies, #storyaurora, #storycaclouds, #storyquarry, #storyplitvice, #storywadirum, #storypetra, #storyankara, #storydf, #storypalacio{
	width: 101%;
}

#storyintrochina{
	position:relative;
	height:2800px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics/china.jpg);
	background-position:center bottom;
	background-size: 1700px 2567px;
	margin-bottom: -1px;

}

#storygalapagos{
	position:relative;
	height:1400px;
	color: #FFF;
	background-color:#000;
	background-repeat:no-repeat;
	background-image:url(StoryPics/galapagos.jpg);
	background-position:center bottom;
	background-size: 1700px 1135px;
	margin-bottom: -1px;
}

#storyhuskies{
	position:relative;
	height:1523px;
	color: #FFF;
	background-color:#000;
	background-repeat:no-repeat;
	background-image:url(StoryPics/huskies.jpg);
	background-position:center top;
	background-size: 1700px 1523px;
	margin-bottom: -1px;
}

#storyaurora{
	position:relative;
	height:1609px;
	color: #FFF;
	background-color:#000;
	background-repeat:no-repeat;
	background-image:url(StoryPics/aurora.jpg);
	background-position:center bottom;
	background-size: 1700px 1609px;
	margin-bottom: -1px;
}

#storycaclouds{
	position: relative;
	height: 1220px;
	color: #FFF;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics/caclouds.jpg);
	background-position:center bottom;
	background-size: 1700px 1220px;
	margin-bottom: -1px;
}

#storyquarry{
	position: relative;
	height: 1085px;
	color: #FFF;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics/quarry.jpg);
	background-position:center bottom;
	background-size: 1700px 1085px;
	margin-bottom: -1px;
}

#storyplitvice{
	position: relative;
	height: 1167px;
	color: #FFF;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics/plitvice.jpg);
	background-position:center bottom;
	background-size: 1700px 1167px;
	margin-bottom: -1px;
}

#storywadirum{
	position: relative;
	height: 1042px;
	color: #FFF;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics/wadirum.jpg);
	background-position:center bottom;
	background-size: 1700px 1042px;
	margin-bottom: -1px;
}

#storypetra{
	position: relative;
	height: 1340px;
	color: #FFF;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics/petra.jpg);
	background-position:center bottom;
	background-size: 1700px 1340px;
	margin-bottom: -1px;
}

#storyankara{
	position: relative;
	height: 1352px;
	color: #FFF;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics/ankara.jpg);
	background-position:center bottom;
	background-size: 1700px 1352px;
}

#storydf{
	position:relative;
	height:1135px;
	color: #FFF;
	background-color:#000;
	background-repeat:no-repeat;
	background-image:url(StoryPics/df.jpg);
	background-position:center bottom;
	background-size: 1700px 1135px;
	margin-bottom: -1px;
}

#storypalacio{
	position:relative;
	height:950px;
	color: #FFF;
	background-color:#000;
	background-repeat:no-repeat;
	background-image:url(StoryPics/trumpets.jpg);
	background-position:center bottom;
	background-size: 1200px 801px;
	margin-bottom: -1px;
}


#storybox1{
	position:relative;
	font: 28px/42px 'HelveticaNeueUltraLight', 'HelveticaNeue-Ultra-Light', 'Helvetica Neue Ultra Light', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #777;
	width:600px;
	top: 100px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	border-radius: 10px;
	opacity: 0.9;
	background: none;
	-webkit-font-smoothing: antialiased;
	z-index: 777;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align:center; 
}

#storybox2{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #777;
	width:350px;
	bottom: 1250px;
	margin-right:120px;
	left: 25px;
	background-color: #FFF;
	opacity:0.7;
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox3{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:400px;
	top: 150px;
	left: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:1;
	background: none;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox4{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #111;
	width:400px;
	bottom: 50px;
	right: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:0.8;
	background-color: #EEE;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox5{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #111;
	width:400px;
	bottom: 240px;
	left: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:0.75;
	background-color: #CfC2B2;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


#storybox6{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:430px;
	bottom: 350px;
	right: 45%;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:1;
	background: none;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox7{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:430px;
	top: 650px;
	left: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:1;
	background: none;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox8{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:600px;
	bottom: 50px;
	left: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:1;
	background: none;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox9{
	position:absolute;
	background-color: #666;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	opacity: 0.85;
	width:630px;
	bottom: 50px;
	left:48%;
	margin-left: -300px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	border-radius:10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox10{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF; 
	color: #000;
	width:400px;
	bottom: 150px;
	right: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:0.7;
	background: rgba(164, 177, 145,0.6);
	background: rgba(255, 255, 255,0.8);
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	border-radius: 10px;
}

#storybox11{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:430px;
	bottom: 50px;
	right: 35%;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	background: rgba(255,255,255,0.3);
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	border-radius: 10px;
}

#storybox12{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	width:430px;
	bottom: 150px;
	right: 25px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	background: rgba(255,255,255,0.5);
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	border-radius: 10px;
}

#storybox13{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
	width:430px;
	bottom: 50px;
	right: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	background: rgba(0,0,0,0.66);
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	border-radius: 10px;
}


#overlaywf1{
	position: absolute;
	width: 80px;
	left: 50%;
	margin-left: -65px;
	height: 271px;
	top: 230px;
	background: url(StoryPics/wf1.png) left center;
	animation: play .8s steps(30) infinite;
}

#overlaywf2{
	position: absolute;
	width: 80px;
	left: 50%;
	margin-left: 150px;
	height: 271px;
	top: 340px;
	background: url(StoryPics/wf2.png) left center;
	animation: play .8s steps(30) infinite;
}

#overlaywf3{
	position: absolute;
	width: 80px;
	right: 50%;
	margin-right: 290px;
	height: 205px;
	top: 285px;
	background: url(StoryPics/wf2.png) left bottom;
	animation: play .8s steps(30) infinite;
}

#overlaywf4{
	position: absolute;
	width: 80px;
	right: 50%;
	margin-right: 200px;
	height: 440px;
	top: 308px;
	background: url(StoryPics/wf3.png) left bottom;
	animation: play .8s steps(30) infinite;
}

#overlaywf5{
	position: absolute;
	width: 80px;
	right: 50%;
	margin-right: 505px;
	height: 373px;
	top: 470px;
	background: url(StoryPics/wf4.png) left bottom;
	animation: play2 .8s steps(30) infinite;
}

@keyframes play {
   100% { background-position: -2400px; }
}

@keyframes play2 {
   100% { background-position: -4230px; }
}

#maincontainer2{
	text-align:center;
	font-size: 12px;
	background-color: #5EB9E0;
	border-radius: 0 0 10px 10px;
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 300px;
	padding-top: 16px;
	padding-bottom: 16px;
}

#introbox{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	text-align: left;
	height: 95px;
	background-color: #F3F3F3;
	padding-left: 30px;
	padding-top: 5px;	
}

#introbox2{
	margin-left: auto;
	margin-right: auto;
	width:150px;
	text-align: left;
	height: 95px;
	color: white;
	padding-left: 30px;
	padding-top: 5px;	
}

.navlinks{
	text-decoration: none;
	color: white;
	margin-right: 19px; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 400; 
	letter-spacing: 2px;
	text-transform: uppercase;
}

.navlinks2{
	text-decoration: none;
	color: white;
	margin-right: 30px; 
	margin-left: 30px; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#navigatorbar{  
	position:absolute;
	bottom: 0;
	left: 100px;
	line-height: 60px;
}

#linkbar{
	color: #fff;
	width:150px;
	position: absolute;
	right:110px;
	bottom: 0px; 
	text-align:right;
	line-height: 60px;
}

#linkbar a{color: #fff; margin-left: 10px}  

#navigatorbar a:hover, #linkbar a:hover, #topbarbtp a:hover{ 
	color:#EF1693;
}

.hovercolor{
	color:#EF1693;
}

.selectedcolor{
	color:#E98CBA;
}

#navigatorbar a, #linkbar a, #topbarbtp a{ 
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.miniimage{height: 20px}

#shsmall{
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	border: 1px solid #FFF;
	position: absolute;
	left: 35px;
	top: 9px;
	width: 40px;
	height: 40px;
}

#shsmall:hover{
	border: 1px solid #EF1693;
}

a.invisible{
	text-decoration: none;
	color: black;
	font-size:12px;
}

a.invisible:hover{
	text-decoration: none;
	color: black;
	border-bottom: dotted 1px;
}

.visible{
	text-decoration: none;
	border-bottom: dotted 1px;
	color: black;
}

a.smallvisible{
	text-decoration: none;
	border-bottom: dotted 1px;
	color: black;
	font-size:11px;
}

#photobox{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align: left;
	background-color: #F3F3F3;
	padding: 16px;
	border-radius: 10px;
	margin-bottom:20px;
	font-size: 12px;
	color: white;
	margin-top:40px;
}

#solbox{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
	padding:0;
	padding: 16px;
	margin-bottom:20px;
	font-size: 12px;	
}

#soltable{
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	border-spacing: 15px 5px;
}

.thumbnail {
	float:left;
	margin:1px;
}

.publist{
	font-size: 14px;
}


.researchimage{
	display: inline-block;
	height: 150px;
	padding-right: 8px;
	padding-top:8px;
}



.photoboxphoto{
	margin: 1px 1px 1px 1px;
	outline: 1px solid rgba(0, 0, 0, 0.1);
    outline-offset: -1px;
}

.newphoto{
	margin: 1px 1px 1px 1px;
	outline: 2px solid rgba(239, 22, 147, 1.0);
    outline-offset: -2px; 
}

#oeisbox{
	font-size: 10pt;
	border: 0px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	width: 900px;   
	text-align: left;
	padding: 0px 16px 0px 16px;
	margin-bottom: 0px;
	margin-top: 20px;
}

#wfrbox{
	font-size: 10pt;
	border: 0px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	width: 900px;   
	text-align: left;
	padding: 0px 16px 0px 16px;
	margin-bottom: 0px;
	margin-top: 20px;
}

#wfrbox2{
	font-size: 10pt;
	border: 0px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	width: 900px;   
	text-align: left;
	padding: 0px 16px 0px 16px;
	margin-bottom: 0px;
	margin-top: 0px;
	display: none;
}


#pubbox{
	border: 0px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	width: 900px;   
	text-align: left;
	padding: 16px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#videobox{
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	text-align: center;
	background-color: #F3F3F3;
	padding: 16px;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-top:40px;
}

#photoboxindiv{
	margin-left: auto;
	margin-right: auto;
	left:50px;
	right:50px;
	text-align: center;
	background-color: #F3F3F3;
	padding: 16px;
	border-radius: 10px;
	margin-bottom:20px;
	border-radius: 0px;
}

.videotitle{
	text-align: left;
	margin: 0 0 6px 0;
}

.videodescrip{
	text-align: right;	
	font-size: 11px;
	margin-bottom: 15px;
}

#aboutbox{
	border: 0px;
	background-color: #FFF;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 500px;
	text-align: left;
	padding: 32px 16px 16px 16px;
	margin-bottom:20px;
	font-size: 12px;	
	margin-top:40px;
}

#subabout0,#subabout1,#subabout2{
	position:absolute;
	height:475px;
	top:25px;
}
#subabout0{
	width:320px;
	text-align:justify;
	padding-left:16px;
	left:0px;
}
#subabout1{
	width:320px;
	text-align:justify;
	padding-left:16px;
	left:352px;
}
#subabout2{
	width:320px; 
	right:0;
	padding-right:16px;
	text-align:justify;
}









.peoplebox{
	border: 0px;
	background-color: #FFF;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 516px;
	text-align: justify;
	text-justify: inter-word;
	padding: 0px 16px 0px 16px;
	margin-bottom:0px;
	font-size: 11pt;	
	margin-top:20px;
}

.personbox{
	border: 0px;
	background-color: #FFF;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 516px;
	height: 150px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin-bottom:0px;
	font-size: 11pt;	
	margin-top:8px;
}

.subpersonbox0,.subpersonbox1{
	position:absolute;
	top:0px;
}
.subpersonbox0{
	width:100px;
	height:150px;
	text-align:justify;
	padding-left:0px;
	left:0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.subpersonbox1{
	width:400px;
	height:150px;
	text-align:justify;
	padding-left:16px;
	left:100px;
}





.STMtext{
	border: 0px;
	background-color: #FFF;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	/*height: 100px;*/
	text-align: justify;
	text-justify: inter-word;
	padding: 0px 0px 0px 0px;
	margin-bottom:0px;
	font-size: 11pt;	
	margin-top:40px;
	margin-bottom:40px;
}

.STMcode{
	border: 0px;
	background-color: #222;
	font-family: monospace;
	color: #DDD;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	/*height: 100px;*/
	text-align: justify;
	text-justify: inter-word;
	padding: 10px 16px 10px 16px;
	margin-bottom:0px;
	font-size: 11pt;	
	margin-top:5px;
	webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


 










#researchbox0{
	border: 0px;
	background-color: #FFF;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 672px;
	/*height: 100px;*/
	text-align: justify;
	text-justify: inter-word;
	padding: 0px 16px 0px 16px;
	margin-bottom:0px;
	font-size: 11pt;	
	margin-top:40px;
}

#researchbox1{
	border: 0px;
	background-color: #FFF;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 672px;
	height: 396px;
	text-align: left;
	padding: 0px 16px 0px 16px;
	margin-bottom:0px;
	font-size: 11pt;	
	margin-top:20px;
}

#subresearchbox0,#subresearchbox1{
	position:absolute;
	height:396px;
	top:0px;
}
#subresearchbox0{
	width:340px;
	text-align:justify;
	padding-left:16px;
	left:16px;
	background-image: url("sh_bio2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
#subresearchbox1{
	width:300px;
	text-align:justify;
	padding-left:16px;
	left:372px;
}

#researchbox2{
	border: 0px;
	background-color: #FFF;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 672px;
	text-align: justify;
	text-justify: inter-word;
	padding: 0px 16px 0px 16px;
	margin-bottom:0px;
	font-size: 11pt;	
	margin-top:20px;
}

#researchbox3{
	border: 0px;
	background-color: #FFF;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 672px;
	text-align: justify;
	text-justify: inter-word;
	padding: 0px 16px 0px 16px;
	margin-bottom:20px;
	font-size: 11pt;	
	margin-top:20px;
}



p.bigfont{
	font-size: 12pt;
}





p.emphasize{
	font-weight:normal;
	margin:0px;
	padding: 0px;
}

#aboutcvlink{
	position:absolute;
	bottom:16px;
	text-align:right;
	right:16px;
}

#prevnextbar{
	margin-bottom:10px;	
}

a.prev, a.next{
	font-size: 12px;
	text-transform: uppercase;	
	text-decoration: none;
	color: black;
}

a.prev{
	margin-right:5px;	
}

a.next{
	margin-left:5px;	
}

#photospecbox{
	font-size: 10px;
	margin-top: 5px;	
}

#topbar{
	position: fixed;
	top: 0px;
	height: 60px;
	width: 101%;
	background-color: black;
	z-index: 666;
}

#topbarcenter{
		position:relative;
		width: 1000px;
		padding: 0px;
		margin-right: auto;
		margin-left: auto;
		height: 60px;
}

#topbarbtp{
	color: #FFF;
	height: 30px;
	width: 101%;
	text-align: center;
	vertical-align: bottom;
	background-color: #000;
	line-height: 30px;
}

#photobox, #solbox, #photoboxindiv, #videobox{
	border: 0px;
	background-color: #FFF;
}

.slightlytransparent{
	opacity: 0.7;
}

#centerintrobox{
	margin-top: 100px;
	text-align:center;
	margin-left: auto;
	margin-right: auto; 
	width: 880px;
	background-color: #F3F3F3;
	padding: 0;
	margin-bottom:20px;
}

.introbar{
	float:left; 
	width: 120px;
	height: 360px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 5px;
}





#storyintromountain, #storylake, #storycave, #storybridge, #storychina, #storyiguana, #storygreece, #storyboat, #storybutterfly{
	width: 101%;
}

#storyintromountain{
	position:relative;
	height:1857px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics2/1_Mountain.jpg);
	background-position:center bottom;
	background-size: 1700px 1857px;
	margin-bottom: -1px;

}

#storylake{
	position:relative;
	height:1108px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics2/2_Lake.jpg);
	background-position:center bottom;
	background-size: 1700px 1108px;
	margin-bottom: -1px;
}

#storycave{
	position:relative;
	height:3404px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics2/3_Cave.jpg);
	background-position:center bottom;
	background-size: 1700px 3404px;
	margin-bottom: -1px;
}

#storybridge{
	position:relative;
	height:1214px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics2/4_Bridge.jpg);
	background-position:center bottom;
	background-size: 1700px 1214px;
	margin-bottom: -1px;
}

#storychina{
	position: relative;
	height: 1733px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(StoryPics2/5_China.jpg);
	background-position: center bottom;
	background-size: 1700px 1733px;
	margin-bottom: -1px;
}

#storyiguana{
	position:relative;
	height: 1227px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(StoryPics2/6_Iguana.jpg);
	background-position: center bottom;
	background-size: 1700px 1227px;
	margin-bottom: -1px;
}

#storygreece{
	position:relative;
	height: 1547px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(StoryPics2/7_Greece.jpg);
	background-position: center bottom;
	background-size: 1700px 1548px;
	margin-bottom: -1px;
}

#storyboat{
	position:relative;
	height: 1127px; 
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(StoryPics2/8_Boat.jpg);
	background-position: center bottom;
	background-size: 1700px 1128px;
	margin-bottom: -1px;
}

#storybutterfly{
	position:relative;
	height: 1057px; 
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(StoryPics2/9_Butterfly.jpg);
	background-position: center bottom;
	background-size: 1700px 1058px;
	margin-bottom: -1px;
}

#storybox2_1{
	position:relative;
	font: 28px/42px 'HelveticaNeueUltraLight', 'HelveticaNeue-Ultra-Light', 'Helvetica Neue Ultra Light', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:600px;
	top: 100px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	border-radius: 10px;
	opacity: 0.9;
	background: none;
	-webkit-font-smoothing: antialiased;
	z-index: 777;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align:center; 
}

#storybox2_2{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #444;
	width:350px;
	bottom: 150px;
	margin-right:120px;
	right: 25px;
	background-color: #FFF;
	opacity:0.7;
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox2_3{ 
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:600px;
	bottom: 100px;
	right: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:1;
	background: none;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox2_4{
	position:absolute;
	background: none;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	opacity: 0.9;
	width:430px;
	bottom: 1450px;
	left:50px;
	margin-left: 0px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	border-radius:10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox2_5{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:400px;
	bottom: 20px;
	left:48%;
	margin-left: -200px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:0.8;
	background-color: rgba(130,130,130,0.7);
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox2_6{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width: 450px;
	bottom: 900px;
	left: 100px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:1;
	background: none;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox2_7{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	width:430px;
	top: 650px;
	left: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:0.8;
	background: none;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox2_8{
	position:absolute;
	font: 16px/26px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	width:400px;
	top: 550px;
	left: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:0.8;
	background: none;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox2_9{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:400px;
	top: 225px;
	left: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:1;
	background-color: rgba(255,255,255,0.15);
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#storybox2_10{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	width:300px;
	bottom: 75px;
	right: 50px;
	margin-right: 0;
	-webkit-font-smoothing: antialiased;
	z-index: 779;
	opacity:0.7;
	background-color: none;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#worldbox2{
	position:fixed;
	bottom: 40px;
	left: 40px;
	height:148px;
	width: 350px;
	background-repeat:no-repeat;
	background-image:url(StoryPics2/worldnew.png);
	background-position:center center;
	background-size: 350px 148px;
	border-radius: 10px;
	z-index:666;
}

#pin2{
	position: absolute;
	opacity: 0;
	left: 269px;
	top: 26px;
	width: 9px;
	height: 24px;
	background-repeat:no-repeat;
	background-image:url(StoryPics2/pin.png);
	background-position:center center;
	background-size: 9px 24px;	
}



#storyintrotajmahal, #storywall, #storymp, #storydeir, #storychickenpizza, #storyrio, #storyrome{
	width: 101%;
}

#storyintrotajmahal{
	position:relative;
	height:2239px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics3/1_tajmahal.jpg);
	background-position:center bottom;
	background-size: 1700px 2239px;
	margin-bottom: -1px;
}

#storywall{
	position:relative;
	height:1244px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics3/2_wall.jpg);
	background-position:center bottom;
	background-size: 1700px 1244px;
	margin-bottom: -1px;
}

#storymp{
	position:relative;
	height:1327px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics3/3_mp.jpg);
	background-position:center bottom;
	background-size: 1700px 1327px;
	margin-bottom: -1px;
}

#storydeir{
	position:relative;
	height:2788px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics3/4_deir.jpg);
	background-position:center bottom;
	background-size: 1700px 2788px;
	margin-bottom: -1px;
}

#storychickenpizza{
	position:relative;
	height:1533px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics3/5_chickenpizza.jpg);
	background-position:center bottom;
	background-size: 1700px 1533px;
	margin-bottom: -1px;
}

#storyrio{
	position:relative;
	height:3233px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics3/6_rio.jpg);
	background-position:center bottom;
	background-size: 1700px 3233px;
	margin-bottom: -1px;
}

#storyrome{
	position:relative;
	height:1197px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-image:url(StoryPics3/7_rome.jpg);
	background-position:center bottom;
	background-size: 1700px 1197px;
	margin-bottom: -1px;
}




#storybox3_1{
	position:relative;
	font: 28px/42px 'HelveticaNeueUltraLight', 'HelveticaNeue-Ultra-Light', 'Helvetica Neue Ultra Light', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #777;
	width:600px;
	top: 100px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	border-radius: 10px;
	opacity: 0.9;
	background: none;
	-webkit-font-smoothing: antialiased;
	z-index: 777;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align:center; 
}

#storybox3_2{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #444;
	width:300px;
	bottom: 50px;
	margin-right:60px;
	right: 25px;
	background-color: #FFF;
	opacity:0.7;
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align: justify;
  	text-justify: inter-word;
}

#storybox3_3{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #444;
	width:350px;
	top: 250px;
	margin-right:60px;
	left: 50px;
	background-color: rgba(255, 255,255, 0.8);
	opacity:0.7;
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align: justify;
  	text-justify: inter-word;
}

#storybox3_4{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:350px;
	bottom: 50px;
	margin-right:60px;
	left: 50px;
	background-color: rgba(99, 101, 26, 0.8);
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align: justify;
  	text-justify: inter-word;
}

#storybox3_5{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	width:350px;
	bottom:420px;
	margin-right:60px;
	right: 50px;
	background-color: rgba(234, 199, 171, 0.8);
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align: justify;
  	text-justify: inter-word;
}

#storybox3_6{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	width:350px;
	bottom: 20px;
	margin-right:30px;
	left: 75px;
	background-color: rgba(250, 255, 250, 0.8);
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align: justify;
  	text-justify: inter-word;
}

#storybox3_7{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	width:350px;
	top: 1000px;
	margin-right:30px;
	right: 75px;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align: justify;
  	text-justify: inter-word;
}

#storybox3_8{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	width:350px;
	bottom: 100px;
	margin-right:30px;
	right: 75px;
	background-color: rgba(240, 239, 227, 0.8);
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align: justify;
  	text-justify: inter-word;
}

#storybox3_9{
	position:absolute;
	font: 16px/24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
	width:350px;
	bottom: 150px;
	margin-right:30px;
	right: 75px;
	background-color: rgba(20, 20, 20, 0.7);
	-webkit-font-smoothing: antialiased;
	z-index: 778;
	border-radius: 10px;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align: justify;
  	text-justify: inter-word;
}

#movedown, #movedown2, #movedown3{
	position:relative;
	font: 65px 'HelveticaNeueUltraLight', 'HelveticaNeue-Ultra-Light', 'Helvetica Neue Ultra Light', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	-webkit-font-smoothing: antialiased;
	z-index: 777;
	padding: 0px 20px 20px 20px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-align:center; 
	animation: MoveUpDown 2s ease-in-out infinite;
	margin-top: 150px;
}

#movedown{
	color: #777;
	opacity: 0.7;
	background-color: #FFF;
}

#movedown2{
	color: #FFF; 
	opacity: 0.9;
	background: none;
}


#movedown3{
	color: #777;
	opacity: 0.7;
	background: none;
}


@keyframes MoveUpDown {
  0%, 50%, 100% {
    margin-top: 150px;
  }
  25% {
    margin-top: 160px;
  }
}


#worldbox3{
	position:fixed;
	bottom: 40px;
	left: 40px;
	height:148px;
	width: 350px;
	background-repeat:no-repeat;
	background-image:url(StoryPics3/worldnew.png);
	background-position:center center;
	background-size: 350px 148px;
	border-radius: 10px;
	z-index:666;
}

#pin3{
	position: absolute;
	opacity: 0;
	left: 232px;
	top: 42px;
	width: 9px;
	height: 24px;
	background-repeat:no-repeat;
	background-image:url(StoryPics3/pin.png);
	background-position:center center;
	background-size: 9px 24px;	
}