/***************** GENERAL CONFIG *****************/
*,
body,
html{
  margin:0;
  padding:0;
  white-space:nowrap;
  position:absolute;
  font-family:'arial';
  overflow:hidden;
}
html,
body{
    width:100%;
    height:100%;
}
#whole{
  height:100%;
  width:100%;
  background:url('mergedearth.jpg');
}
.b1{
  top:0px;
  left:0px;
  width:20%;
  height:20%;
}
.b2{
  top:0px;
  left:20%;
  width:80%;
  height:20%;
}
.b3{
  top:20%;
  left:0;
  width:20%;
  height:80%;
}
.b4{
  top:20%;
  left:20%;
  width:80%;
  max-height: 80%;
  max-width:80%;
  height:80%;
}
.b1 *{
  position:relative;
  text-align:center;
}
.b2 *{
  position:relative;
}
.b3 *{
  position:relative;
}
/***************** IFRAME *****************/
#catch{
  width:164%;
  height:160%;
  
  zoom:0.6;
  
  -moz-transform: scale(0.6);
  -moz-transform-origin: 0 0;
  
  -o-zoom: 0.6;
  -o-transform-origin: 0 0;
  
  -webkit-transform: scale(0.6);
  -webkit-transform-origin: 0 0;
  
  overflow:hidden;
  border-radius:10px;
  box-shadow:rgba(0,0,0,0.7) 0px 0px 5px, rgba(0,0,0,0.6) 0px 0px 4px inset;
  background:url('fullbackground.jpg');
  background-repeat:no-repeat;
  background-size: 100% 100%;
}
/***************** BLOCK 1 *****************/
.b1{
  padding:0.5%;
}
.b11,.b12,.b13{
  display:inline-block;
  vertical-align: middle;
  background:#fff;
}
.b11,.b13{
  width:12%;
  border-radius:50%;
  text-shadow:rgba(0,0,0,1) 0px 0px 1px;
  box-shadow:rgba(0,0,0,0.4) 0px 0px 5px, rgba(0,0,0,0.3) 0px 0px 4px inset;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.b12{
  width:65%;
  height:85%;
  box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
  border-radius:2px;
}
.b121{
  display:inline-block;
  vertical-align:middle;
  color:rgba(0,0,0,0.8);
  text-shadow:rgba(0,0,0,0.4) 0px 0px 1px;
}
.b121 h2{
  font-size:16px;
}
.b121 p{
  font-size:13px;
}
.b11 p,
.b13 p{
  font-size:155%;
  height:60%;
}
.b11:hover,
.b13:hover{
  background:rgba(20,70,200,0.2);
  color:#fff;
  text-shadow:#fff 0px 0px 2px;
  cursor:pointer;
}
/***************** BLOCK 2 *****************/
.b21{
  margin:1%;
  background:#fff;
  height:80%;
  border-radius:2px;
  box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
}
.cat{
  display:inline-block;
  text-align:center;
  padding:3px 10px;
  height:95%;
  min-width:10%;
  
  background:rgba(20,70,200,0.1);
  
  -webkit-transition: background 500ms, box-shadow 1s; /* For Safari 3.1 to 6.0 */
  transition: background 500ms, box-shadow 1s;

  
}
.cat:hover{
  background:rgba(20,70,200,0.2);
  cursor:pointer;
  
}
.helper{
  vertical-align:middle;
  display:inline-block;
  height:100%;
}
.cat p{
  vertical-align:middle;
  display:inline-block;
  font-size:15px;
  font-style:italic;
}
/***************** BLOCK 3 *****************/
.b31{
  margin:2%;
  padding-top:4%;
  background:#fff;
  height:94%;
  border-radius:2px;
  box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
}
.alb{
  margin-bottom:5px;
  width:90%;
  margin-left:5%;
  padding:5px 0px;
  
  text-align:center;
  background:rgba(20,70,200,0.2);
  box-shadow:rgba(0,0,0,0.2) 0px 0px 2px;
  transition: background 500ms;
}
.alb:hover{
  background:rgba(20,70,200,0.3);
  cursor:pointer;
}
.alb h4{
  text-shadow:rgba(0,0,0,0.3) -1px -1px 2px;
  font-size:14px;
}
.alb p{
  font-style:italic;
  font-size:10px;
  text-shadow:rgba(0,0,0,0.5) 0px 0px 1px;
}

/***************** LINK TO INTERNSHIP REPORT *****************/

#reportcontainer{
  position:absolute;
  width:13%;
  height:10%;
  right:150px;
  top:5.5%;
  padding:5px;
}
#reportcontainer a{
  opacity:0.5;
  display:inline-block;
  padding:5% 10%;
  background:rgba(20,70,200,0.5);
  text-shadow: rgba(255,255,255,0.5) 0px 0px 1px;
  text-decoration:none;
  font-weight:bold;
  font-size:80%;
  border-radius:20px 5px;
  box-shadow:rgba(0,0,0,0.1) 0px 0px 2px;
  color:rgba(255,255,255,1) !important;
  transition:background 500ms, box-shadow 500ms, text-shadow 500ms, color 500ms, opacity 200ms;
}
#reportcontainer a:hover{
  opacity:1;
  background:rgba(20,70,200,0.5);
  text-shadow:rgba(255,255,255,0.7) 0px 0px 5px;
  color:rgba(255,255,255,1) !important;
  box-shadow:rgba(0,0,0,0.2) 0px 0px 3px;
}


/***************** DYNAMIC CSS *****************/

/* For tab highlighting */
.chosenOne{
  background:rgba(20,70,200,0.4);
  box-shadow:rgba(0,0,0,1) 0px 0px 5px, rgba(255,255,255,0.8) 0px 0px 5px inset;
}
.chosenOne:hover{
  background:rgba(20,70,200,0.4);
  cursor:default;
}
/* Little logos */
.hidden{
	opacity:0;
	width:0;
	height:0;
}
.plotDelvert{
  height:30%;
  position:absolute;
  right:55px;
  top:5%;
}
.plotArt{
  height:25%;
  position:absolute;
  right:50px;
  top:5%;
}
.plot93{
  height:25%;
  position:absolute;
  right:35px;
  top:5.5%;
}