#oldBrowser {

position: absolute;
font-size: 24px;
padding: 10px;
left: 400px;
top: 150px;
background-color: white;
z-index: 50;
width: 400px;
border: 5px solid blue;
display: none;


}

/*
---------------------------
About
---------------------------
*/ 

#aboutBody {

overflow:scroll;

}

#aboutWrapper {

text-align:left; 
width:979px;
margin:0 auto; 
margin-top: 50px;
position: relative;
font-size: 15px;

}
/*
---------------------------
Index
---------------------------
*/ 

#footer {

position: absolute;
bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
color: #666;

}

#footer a, #footerAbout a {

text-decoration: none;
border-bottom: 1px dotted #666;
color: #666;

}

#footerAbout {

position: relative;
margin-top: 20px;
text-align: center;
width: 100%;
font-size: 10px;
color: #666;

}

body {

background-attachment: fixed;
font-family: Helvetica;
font-size: 12px;
overflow: hidden;

}

#videoWrapper {

height: 100%;

}

#evMapWrapper {

text-align:left; 
width:979px;
margin:0 auto; 
margin-top: 50px;
position: relative;


}

#introText {

position: relative;
float: left;
width: 200px;
height: 482px;
font-size: 15px;
font-family: Helvetica;
margin-top: 10px;
margin-left: 0px;
text-align: justify;

}

#evMap {

position: relative;
float: right;
height: 482px;

}

.clear {

clear: both;

}

#header {

text-align:left; 
width:979px;
margin:0 auto; 
margin-top: 10px;
position: relative;

}
#main {

position: absolute;
left: 0px;
bottom: -5px;
font-size: 18px;
font-family: Helvetica;
cursor: pointer;
}

#about {

position: absolute;
left: 0px;
bottom: -5px;
font-size: 18px;
font-family: Helvetica;
cursor: pointer;
}

#share {

position: absolute;
left: 0px;
bottom: -25px;
font-size: 18px;
font-family: Helvetica;
cursor: pointer;
}

#shareExpand {
display:none;
position: absolute;
left: 75px;
bottom: -23px;
font-size: 18px;
font-family: Helvetica;
z-index: 1;
}

#downloadWrapper {

position: absolute;
width: 400px;
bottom: 20px;
right: 10px;
font-size: 22px;
font-family: Helvetica;
cursor:pointer;
}



#here {

background-image:url("images/hereDot.png");
width: 34px;
height: 37px;
position: absolute;
left:60px;
top: 20px;
z-index: 0;

}



.float01 {

position: absolute;
left:0px;
padding-top: 25px;
padding-left: 20px;
margin-right: 5px;
font-size: 18px;
z-index: 1;

}

.float02 {

position: relative;
float: left;
padding-top: 25px;
margin-left: 5px;

}

#bufferWrapper {

position: absolute; 
top: 0px; 
left: 0px; 
padding: 0px; 
width: 100%; 
height: 100%; 
overflow: hidden; 
background-color: rgba(0,0,0,.4); 
z-index: 20;
display: none;

}

#bufferMessage {

position: absolute;
left: 45%;
top: 35%;
background-color: rgba(0,0,0,.9);
width: 125px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid white; 
margin: 0 auto; 
height: 15px;
z-index: 20;
padding: 10px;
font-weight: none;

}


.navigation-arrow{

display:none;

}

/*
---------------------------
f**ing Dots
---------------------------
*/ 

.dot01 {
background-image:url("images/blueDot01.png");
position:absolute;
width:15px;
height:15px;

cursor:pointer;
}

.dot02 {
background-image:url("images/blueDot02.png");
position:absolute;
width:14px;
height:16px;

cursor:pointer;
}




.dot03 {
background-image:url("images/blueDot03.png");
position:absolute;
width:14px;
height:17px;

cursor:pointer;
}

.dot04 {
background-image:url("images/blueDot04.png");
position:absolute;
width:16px;
height:13px;

cursor:pointer;
}


.yellowDotLarge {

position:absolute;
display: none;
background-image:url("images/yellowDotLarge.png");
width: 12px;
height: 14px;
left: 4px;
top: 5px;

}


.yellowDot04 {

position:absolute;
display: none;
background-image:url("images/yellowDot.png");
width: 6px;
height: 7px;
left: 4px;
top: 3px;

}

.yellowDot03 {

position:absolute;
display: none;
background-image:url("images/yellowDot.png");
width: 6px;
height: 7px;
left: 4px;
top: 6px;

}

.yellowDot02 {

position:absolute;
display: none;
background-image:url("images/yellowDot.png");
width: 6px;
height: 7px;
left: 4px;
top: 5px;

}

.yellowDot01 {

position:absolute;
display: none;
background-image:url("images/yellowDot.png");
width: 6px;
height: 7px;
left: 4px;
top: 5px;

}


#lorenzo {

left:270px;
top:40px;

}


#lorenzoWriting {
background-image:url("images/lorenzo.png");
position: absolute;
display:none;
left:180px;
top:10px;
width:173px;
height:31px;
z-index: 10;
}

#whitman {

left:300px;
top:40px;

}


#whitmanWriting {
background-image:url("images/whitman.png");
position: absolute;
display:none;
left:210px;
top:10px;
width:166px;
height:36px;
z-index: 10;
}

#ps61 {

left:510px;
top:35px;

}


#ps61Writing {
background-image:url("images/ps61.png");
position: absolute;
display:none;
left:480px;
top:10px;
width:65px;
height:27px;
z-index: 10;
}

#galway {

left:593px;
top:20px;

}


#start {
position: absolute;

background-image:url("images/startend.png");
left:110px;
top:130px;
width:100px;
height:42px;
z-index: 1;
cursor:pointer;
}


#end {
position: absolute;
background-image:url("images/end.png");
left:-10px;
top:434px;
width:100px;
height:34px;
z-index:1;


}


#galwayWriting {
background-image:url("images/galway.png");
position: absolute;
display:none;
left:570px;
top:-13px;
width:164px;
height:40px;
z-index: 10;
}

#introduction {

left:105px;
top:120px;

}


#introductionWriting {
background-image:url("images/introduction.png");
position: absolute;
cursor: pointer;
left:115px;
top:110px;
width:163px;
height:35px;
z-index: 10;
}

#eileen {

left:190px;
top:365px;

}


#eileenWriting {
background-image:url("images/eileen.png");
position: absolute;
display:none;
left:135px;
top:330px;
width:156px;
height:39px;
z-index: 10;
}

#brenda {

left:25px;
top:342px;

}


#brendaWriting {
background-image:url("images/brenda.png");
position: absolute;
display:none;
left:-140px;
top:350px;
width:165px;
height:29px;
z-index: 10;
}

#leroi {

left:1px;
top:260px;

}


#leroiWriting {
background-image:url("images/leroi.png");
position: absolute;
display:none;
left:-130px;
top:275px;
width:297px;
height:39px;
z-index: 10;
}


#kerouac {

left:560px;
top:221px;

}


#kerouacWriting {
background-image:url("images/kerouac.png");
position: absolute;
display:none;
left:525px;
top:190px;
width:122px;
height:30px;
z-index: 10;
}

#johnAshbery {

left:430px;
top:153px;

}


#johnAshberyWriting {
background-image:url("images/johnAshbery.png");
position: absolute;
display:none;
left:380px;
top:115px;
width:159px;
height:44px;
z-index: 10;
}

#mimeographs {

left:355px;
top:163px;

}


#mimeographsWriting {
background-image:url("images/mimeographs.png");
position: absolute;
display:none;
left:220px;
top:180px;
width:280px;
height:38px;
z-index: 10;
}

#algarin {

left:597px;
top:89px;

}


#algarinWriting {
background-image:url("images/algarin.png");
position: absolute;
display:none;
left:520px;
top:105px;
width:188px;
height:34px;
z-index: 10;
}

#peterStuyvesant {

left:105px;
top:100px;

}


#peterStuyvesantWriting {
background-image:url("images/peterStuyvesant.png");
position: absolute;
display:none;
left:120px;
top:85px;
width:194px;
height:34px;
z-index: 10;
}

#literaryTribes {

left:106px;
top:80px;

}


#literaryTribesWriting {
background-image:url("images/literaryTribes.png");
position: absolute;
display:none;
left:120px;
top:57px;
width:172px;
height:34px;
z-index: 10;
}

#ronPadgett {

left:168px;
top:37px;

}


#ronPadgettWriting {
background-image:url("images/ronPadgett.png");
position: absolute;
display:none;
left:120px;
top:10px;
width:136px;
height:31px;
z-index: 10;
}


#allenGinsberg {

left:333px;
top:42px;

}


#allenGinsbergWriting {
background-image:url("images/allenGinsberg.png");
position: absolute;
display:none;
left:300px;
top:60px;
width:151px;
height:53px;
z-index: 10;
}

#dialAPoem {

left:428px;
top:33px;

}


#dialAPoemWriting {
background-image:url("images/dialAPoem.png");
position: absolute;
display:none;
left:360px;
top:2px;
width:132px;
height:31px;
z-index: 10;
}

#tedBerrigan {

left:106px;
top:55px;

}


#tedBerriganWriting {

background-image:url("images/tedBerrigan.png");
position: absolute;
display:none;
left:10px;
top:12px;
width:151px;
height:39px;
z-index:10;

}

#kenneth {

left:82px;
top:83px;

}


#kennethWriting {

background-image:url("images/kenneth.png");
position: absolute;
display:none;
left:-20px;
top:55px;
width:254px;
height:33px;
z-index:10;

}

#marilyn {

left:503px;
top:353px;

}


#marilynWriting {

background-image:url("images/marilyn.png");
position: absolute;
display:none;
left:420px;
top:321px;
width:181px;
height:34px;
z-index:10;

}

#auden {

left:220px;
top:178px;

}


#audenWriting {

background-image:url("images/auden.png");
position: absolute;
display:none;
left:150px;
top:195px;
width:176px;
height:43px;
z-index:10;

}

#stMarksChurch {

left:85px;
top:106px;

}


#stMarksChurchWriting {

background-image:url("images/stMarksChurch.png");
position: absolute;
display:none;
left:-100px;
top:142px;
width:194px;
height:37px;
z-index:10;

}

#cbgb {

left:49px;
top:420px;

}


#cbgbWriting {

background-image:url("images/cbgb.png");
position: absolute;
display:none;
left:60px;
top:400px;
width:193px;
height:43px;
z-index:10;

}

#bowery {

left:25px;
top:430px;

}


#boweryWriting {

background-image:url("images/bowery.png");
position: absolute;
display:none;
left:-100px;
top:460px;
width:295px;
height:32px;
z-index:10;

}

#velvet {

left:45px;
top:180px;

}


#velvetWriting {

background-image:url("images/velvet.png");
position: absolute;
display:none;
left:0px;
top:150px;
width:232px;
height:40px;
z-index:10;

}

#mcsorleys {

left:48px;
top:220px;

}


#mcsorleysWriting {

background-image:url("images/mcsorleys.png");
position: absolute;
display:none;
left:65px;
top:200px;
width:227px;
height:35px;
z-index:10;

}

#hettie {

left:10px;
top:310px;

}


#hettieWriting {

background-image:url("images/hettie.png");
position: absolute;
display:none;
left:-123px;
top:300px;
width:127px;
height:33px;
z-index:10;

}

#cooperUnion {

left:3px;
top:206px;

}


#cooperUnionWriting {

background-image:url("images/cooperUnion.png");
position: absolute;
display:none;
left:20px;
top:190px;
width:187px;
height:38px;
z-index:10;

}

#joeBrainard {

left:333px;
top:140px;

}


#joeBrainardWriting {

background-image:url("images/joeBrainard.png");
position: absolute;
display:none;
left:255px;
top:115px;
width:160px;
height:33px;
z-index:10;

}

#nuyorican {

left:560px;
top:365px;

}


#nuyoricanWriting {

background-image:url("images/nuyorican.png");
position: absolute;
display:none;
left:430px;
top:380px;
width:264px;
height:33px;
z-index:10;

}

#collaborations {

left:480px;
top:185px;

}


#collaborationsWriting {

background-image:url("images/collaborations.png");
position: absolute;
display:none;
left:360px;
top:200px;
width:288px;
height:35px;
z-index:10;

}

#StMarks33 {

left:100px;
top:185px;

}


#StMarks33Writing {

background-image:url("images/33StMarks.png");
position: absolute;
display:none;
left:0px;
top:155px;
width:224px;
height:30px;
z-index:10;

}

#StMarks101 {

left:280px;
top:178px;

}


#StMarks101Writing {

background-image:url("images/StMarks101.png");
position: absolute;
display:none;
left:170px;
top:200px;
width:185px;
height:34px;
z-index:10;

}

/*
---------------------------
Player
---------------------------
*/



#wrapper {

height: 100%;
width: 100%;
background-color:black;
z-index:1;

}



#loading{

color:white;

}
#topBar { 


position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 61px;
background-color: black;

z-index: 2;

}



#topBarHome { 

position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 40px;

z-index: 1;

}


#title {

position: relative;
text-align: center;
left: 0px;
font-size: 24px;
color: white;
padding-left: 0px;
padding-top: 5px;

}

#titleHome {

position: absolute;
left: 0px;
font-size: 24px;
color: black;
padding-left: 10px;
padding-top: 5px;

}


#menu {

position: absolute;
top: 35px;
right: 0px;
color: red;
font-size: 16px;
padding-right: 10px;

}

#menu:hover {

cursor: pointer;

}

#headerHome:hover {

cursor: pointer;

}

#sponsors {

position: absolute;
left: 0px;
font-size: 10px;
color: white;
padding-left: 10px;
padding-top: 10px;

}

#zeega {

position: absolute;
right: 0px;
font-size: 10px;
color: white;
padding-right: 10px;
padding-top: 10px;

}

/*
---------------------------
Media Navigation 
---------------------------
*/ 


#extrasTab {

position: absolute;
left: 0px;
bottom: 80px;
font-size: 14px;
color: white;
padding: 10px;
z-index: 2;

}

#mapTab {

position: absolute;
left: 0px;
top: 80px;
font-size: 14px;
color: white;
padding: 10px;
z-index: 2;

}

#photosTab {

position: absolute;
left: 0px;
top: 155px;
font-size: 14px;
color: white;
padding: 10px;
z-index: 2;

}

.unselected {

background-color: black;
cursor: pointer;

}

.selected {

background-color: #999;

}


#mediaPlayerRight {

position: absolute;
display:none;
right:10px;
padding: 5px;
width: 45px;
height: 90px;
top:40%;
opacity: .4;
background-color: rgba(0,0,0,.2);
border: 1px transparent #9d9d9d;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
z-index: 2;

}

#mediaPlayerRight img {

transform: scale(.7);
-ms-transform: scale(.7);
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
margin-top: -10px;
margin-left: -5px;

}


#mediaPlayerLeft {

position: absolute;
display:none;
top: 40%;
left: 10px;
opacity: .4;
background-color: rgba(0,0,0,.2);
border: 1px transparent #ababab;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
right:15px;
padding: 5px;
width: 45px;
height: 90px;
z-index: 2;

}

#mediaPlayerLeft img {

transform: scale(.7) rotate(180deg);
-ms-transform: scale(.7) rotate(180deg);
-webkit-transform: scale(.7) rotate(180deg);
-moz-transform: scale(.7) rotate(180deg);
margin-top: -10px;
margin-left: -8px;

}

#mediaPlayerUp {

position: absolute;
top: 65px;
left: 45%;
z-index: 2000;
opacity: .4;
background-color: rgba(0,0,0,.2);
border: 1px transparent red;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
right:15px;
padding: 5px;
width: 90px;
height: 45px;

}

#mediaPlayerUp img {

transform: scale(.7) rotate(270deg);
-webkit-transform: scale(.7) rotate(270deg);
-moz-transform: scale(.7) rotate(270deg);
margin-top: -30px;
margin-left: 13px;

}


#mediaPlayerDown {

position: absolute;
bottom: 80px;
left: 45%;
z-index: 2000;
opacity: .4;
background-color: rgba(0,0,0,.2);
border: 1px transparent red;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
right:15px;
padding: 5px;
width: 90px;
height: 45px;
}

#mediaPlayerDown img {

transform: scale(.7) rotate(90deg);
-webkit-transform: scale(.7) rotate(90deg);
-moz-transform: scale(.7) rotate(90deg);
margin-top: -30px;
margin-left: 13px;

}

#mediaPlayerRight:hover, #mediaPlayerUp:hover, #mediaPlayerDown:hover, #mediaPlayerLeft:hover {

opacity: .6;
cursor: pointer;
background-color: rgba(237,206,115,.7);
border: 1px transparent #51c1ef;

}

/*
---------------------------
Media Content 
---------------------------
*/ 

#backgroundContent {

position: absolute;
text-align: center;
width: 100%;
height: 100%;
bottom: 0px;
left: 0px;
z-index: 1;
background-color:black;

}



.fullscreenMedia {

width: 102%;

}

/*
---------------------------
Media Player 
---------------------------
*/


 .loading{
 		z-index: -1;
        position:                 absolute;
        top:                      40%;
        left:                     48%;

      }
      
    
      
#mediaPlayer { 

position: absolute;
bottom: -40px;
left: 0px;
right: 0px;
width: 100%;
height: 40px;
background-color: black;
padding: 0;
margin: 0;
z-index: 2;
}

#bottomBar { 

position: relative;
padding-top: 7px;
bottom: 30px;
left: 0px;
width: 100%;
height: 30px;
background-color: black;
z-index: 2;

}


#stopTitle {

position: relative;
z-index: 10;
color: white;
font-size: 14px;
text-align: center;

}

#play {

position: absolute;
top: 10px;
left: 10px;

}

#audioButton:hover {
cursor:pointer;

}

.playButton {

width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #fbd061;
}

.pauseButton {

position: absolute;
width: 5px; 
height: 20px; 
border-top: 0px; border-left: 3px solid #fbd061; border-bottom: 0px; border-right: 3px solid #fbd061;

}


#loadingOutside {
overflow:hidden;
position: absolute;
top: 12px;
left: 35px;
right: 85px;
background-color: white;


}


#loadingInsideWrapper {

position: absolute;
background-color: white;
height: 15px;
left: 0px;
right: 0px;
cursor: pointer;

}

#loadingInside {

position: relative;
float:left;
background-color: #fbd061;
opacity: .8;
width:0px;
height: 15px;




}
#timeIndicator {


background-color: grey;
opacity: 1;
width: 8px;
height: 15px;
position:absolute;
cursor:pointer;


}

#loadingStatus {

background-color: #f7941d;
opacity: .2;
width:0px;
height: 15px;
border-radius: 5px;
-moz-border-radius: 5px;
}

#timeWrapper {

position: absolute;
top: 12px;
right: 10px;
height: 15px;
width: 65px;
border-radius: 5px;
-moz-border-radius: 5px;
color: white;
font-size: 10px;

}

#loadingCircle {

position: absolute;
margin-left:-14px;
width: 14px; height: 15px; 
background-color: black;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
z-index: 10;
}


/*
---------------------------
Overlays 
---------------------------
*/


.overlays {


display:none;
position: absolute;

opacity: .9;
}

#mapOverlay {

left: 80px;
width: 300px;
height:500px;
z-index: 2;
top: 85px;
}

#extrasOverlay {

left: 80px;
width: 400px;
height:116px;
z-index: 2;
bottom: 80px;
}

#extrasContent {

width: 280px;
}


#extrasOverlay a {

	color:red;
}

#extrasThumbImg{

width: 96px;
height: 96px;
}


#extrasThumb{

position: absolute;
right: 0px;
top:0px;
width: 96px;
height: 96px;
padding: 10px 10px 10px 10px;

}

#extrasBody {

position: relative;
background-color: black;
color: white;
height:96px;
padding: 10px 10px 10px 10px;
}

#mapTitle {

position: relative;
top: 0px;
left: 0px;
background-color: rgba(0,0,0,1);
text-align: center;
color: white;
font-size: 14px;
padding: 5px;

}

#mapBody {

position: relative;
background-color: black;

}

#routeMap {

position: relative;
left: 10px;
width: 280px;

}

#routeMap img {

width: 100%;

}

#streetView {

position: relative;
left: 10px;
width: 280px;
height:200px;
padding-bottom: 10px;

}

#streetView img {

width: 100%;

}

#mapAddress {

position: relative;
background-color: rgba(0,0,0,1);
text-align: center;
color: white;
font-size: 14px;
padding: 5px;
}



.closeButton {

position: absolute;
top: 5px;
right: 10px;
color: red;
font-size: 14px;
z-index: 3;
cursor:pointer;

}

.red{

color: red;
text-align: center;
font-size:14px;
}

#photosOverlay {

top: 85px;
left: 80px;
width: 580px;
z-index: 2;
Text-align:center;

}

#photosBody {

position: relative;
background-color:black;
height:400px;
overflow:hidden;

}

#photoTray {

height:400px;
position:absolute;
top:0px;
left:0px;

}

.photoContainer {

position:absolute;
top:0px;
width:580px;
Text-align:center;

}

#photoCitationBar {

position: relative;
margin-top:-25px;
background-color: rgba(0,0,0,.6);
width: 580px;
height: 25px;
}

#photoLeft {

position: absolute;
left: 10px;
top: 4px;
color: white;
font-size: 14px;
}

#photoRight {

position: absolute;
right: 10px;
top: 2px;
color: white;
font-size: 14px;
}

.photoNav{

cursor:pointer;

}

#photoCitation {

position: absolute;
left: 20px;
width: 560px;
text-align: center;
color: white;
font-size: 14px;
padding: 5px;
font-family: Serif;

}


.backgroundVideo{
position:absolute;
width:100%;
bottom:30px;

}

.backgroundFlashVideo{

width:400px;
height:400px;
z-index:500;

}