#hub img { border: none; position: absolute; }

#loadingImage { height: 150px; left: 363px; position: absolute; top: 144px; width: 150px; z-index: 110; }
#flashContent { height: 438px; left:0px; position: absolute; top:0px; width: 876px; z-index:100; }
#customMP4 { display: none; height: 438px; left: 0px; position: absolute; top: 0px; width: 876px; z-index: 30; }
#customMP4skip { color: #333; cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 100; height: 19px; left: 775px; position: absolute; top: 442px; width: 87px; z-index: 31; }

#ui-text-title { color: #333; display:none; font-family: 'Pompiere', cursive; font-size: 21px; font-weight: 400; height: 30px; left: 28px; position: absolute; top: 423px; width: 680px; z-index: 7; }


#UIimgBlock { display:none; left: 28px; position:absolute; top: 458px; z-index: 1; }

#plates-blank { display:none; z-index: 12; }

#linkThrough1, #linkThrough2, #linkThrough3, #linkThrough4, #linkThrough5, #linkThrough6, #linkThrough7, 
#linkThrough8 { background-image:url(images/transparent.png); cursor: pointer; position: absolute; z-index: 20; }

#linkThrough1 { height: 50px; left: 371px; top: 26px; width: 34px; }
#linkThrough2 { height: 48px; left: 257px; top: 229px; width: 35px; }
#linkThrough3 { height: 49px; left: 149px; top: 97px; width: 37px; }
#linkThrough4 { height: 46px; left: 620px; top: 94px; width: 34px; }
#linkThrough5 { height: 40px; left: 278px; top: 135px; width: 30px; }
#linkThrough6 { height: 43px; left: 533px; top: 147px; width: 31px; }
#linkThrough7 { height: 42px; left: 48px; top: 131px; width: 30px; }
#linkThrough8 { height: 47px; left: 428px; top: 45px; width: 35px; }


#linkThroughImage1, #linkThroughImage2, #linkThroughImage3, #linkThroughImage4, #linkThroughImage5, #linkThroughImage6, #linkThroughImage7, 
#linkThroughImage8 { display:none; height: 133px; position: absolute; width: 218px; z-index: 21; }

#linkThroughImage1 { left: 313px; top: 118px; }
#linkThroughImage2 { left: 315px; top: 260px; }
#linkThroughImage3 { left: 223px; top: 157px; }
#linkThroughImage4 { left: 597px; top: 225px; }
#linkThroughImage5 { left: 311px; top: 186px; }
#linkThroughImage6 { left: 312px; top: 189px; }
#linkThroughImage7 { left: 69px; top: 191px; }
#linkThroughImage8 { left: 479px; top: 99px; }


#1map { display:none; z-index: -6; }
#2earthquakelines { display:none; z-index: -5; }
#3volcanoes { display:none; z-index: -4; }
#4plateboudaries { display:none; z-index: 1; }
#5boundarytypes { display:none; z-index: -1; }
#9pins { display:none; z-index: 50; }

#plateName_African, #plateName_Antarctic, #plateName_Arabian, #plateName_Australian, #plateName_Caribbean, 
#plateName_Cocos, #plateName_Eurasion, #plateName_Indian, #plateName_Juan, #plateName_N_american, 
#plateName_Nazca, #plateName_Pacific, #plateName_Pacific2, #plateName_Philippine, #plateName_S_american, 
#plateName_Scotia { display:none; position: absolute; z-index: 11; }

#plateName_African { left: 326px; top: 183px; }
#plateName_Antarctic { left: 387px; top: 334px; }
#plateName_Arabian { left: 402px; top: 111px; }
#plateName_Australian { left: 544px; top: 227px; }
#plateName_Caribbean { left: 78px; top: 125px; }
#plateName_Cocos { left: 62px; top: 140px; }
#plateName_Eurasion { left: 433px; top: 31px; }
#plateName_Indian { left: 469px; top: 129px; }
#plateName_Juan { left: 124px; top: 54px; }
#plateName_N_american { left: 23px; top: 47px; }
#plateName_Nazca { left: 61px; top: 219px; }
#plateName_Pacific { left: 688px; top: 117px; }
#plateName_Pacific2 { left: 77px; top: 148px; }
#plateName_Philippine { left: 592px; top: 117px; }
#plateName_S_american { left: 97px; top: 198px; }
#plateName_Scotia { left: 191px; top: 304px; }

#plateAfrican, #plateAntarctic, #plateArabian, #plateCaribbean, #plateCocos, #plateEurasian, 
#plateIndian, #plateJuan, #plateNa, #plateNazca, #plateOz, #platePacific, #platePhilippine, 
#plateSa, #plateScotia { display:none; z-index: 1; }


#hubUIform { display: none; height: 90px; left: 28px; position: absolute; top: 458px; width: 820px; }
#volcano-distribution, #earthquake-distribution, #tectonic-plates, #plate-boundary-types { color: #333; cursor: pointer; float: left; height: 90px; margin-right: 20px; position: relative; width: 120px; }
#volcano-distribution input, #earthquake-distribution input, #tectonic-plates input { bottom: 12px; cursor: pointer; position: absolute; right: 10px; }

#volcano-distribution { background-color: #EE9846; }
#earthquake-distribution { background-color: #BF2B7A; color: #FFF; }
#tectonic-plates { background-color: #31B9C8; }

#plate-boundary-types { background-color: #A8D474; cursor: default; margin-right: 0; width: 400px; }
#plate-boundary-types .ui-text { font-size: 16px; }
#plate-boundary-types input { cursor: pointer; float: right; }
#ui-text-key-constructive, #ui-text-key-conservative, #ui-text-key-destructive { color: #333; cursor: pointer; font: 300 10px/12px Helvetica,Arial,sans-serif; left: 170px; padding-left: 14px; position: absolute; width: 205px; z-index: 3; }
#ui-text-key-constructive { background: url(images/hub-key-purple.jpg) left center no-repeat; top: 16px; }
#ui-text-key-conservative { background: url(images/hub-key-yellow.jpg) left center no-repeat; top: 41px; }
#ui-text-key-destructive { background: url(images/hub-key-red.jpg) left center no-repeat; top: 66px; }
#ui-text-key-direction { bottom: 8px; color: #333; cursor: pointer; font: 300 10px/16px Helvetica, Arial, sans-serif; left: 10px; position: absolute; width: 85px; z-index: 3; }

.ui-text { font: 300 18px 'Oswald', sans-serif; left: 8px; position: absolute; top: 8px; }
#toggleImage7 { margin: 0 10px 0 0; }