<html>
       <head>
               <style type="text/css">

:focus { -moz-outline-style: none; }

		a:link img {
			
			 border: 1px #181818 solid;
		}
		a:visited img {
		 	border: 1px #181818 solid;
		}
		a:hover img {
			border: 1px #696969 solid;

		}

		a:active img {
			border: 1px #696969 solid;

		}

		
		a {

             text-decoration:none;


               }


/*OPH OPH OPH OPH OPH OPH OPH*/


/*Controls Button oph*/
#ophSection {
 position:absolute;
 top:3050;
 left:0;
 padding: 8px 0px 0px 10px;
 }


#ophIntro {
 position:absolute;
 top:0;
 left:0;
padding: 12px 0px 12px 12px;
 }

#ophIntro img {
 border: 0;
}


/*ophmain*/
#SectionMainoph {
 position:absolute;
 top:183;
 left:158;
padding: 0px 0px 0px 10px;
 }

#SectionMainoph img {
 border: 0;
}


/*oph Header*/
#Section0oph {
 position:absolute;
 top:15;
 left:316;
padding: 10px 0px 0px 10px;
 }

#Section0oph img {
 border: 0;
}


/*oph Back to Phil*/
#Section2Philoph {
 position:absolute;
 top:15;
 left:158;
padding: 10px 0px 0px 10px;
 }


/*Controls Top Button*/
#Section1oph {
 position:absolute;
 top:155;
 left:0;
padding: 10px 0px 0px 10px;
 }

/*Controls Button 2*/
#Section2oph {
 position:absolute;
 top:310;
 left:0;
padding: 10px 0px 0px 10px;
 }

/*Controls Button 3*/
#Section3oph {
 position:absolute;
 top:465;
 left:0;
 }


#header1 {
    font-family: Georgia, serif;
    color: #CCFFFF;
    font-size: 36px;
    line-height: 48px;
    font-style: italic;
    font-weight:Bold;
    text-indent: 0;
    word-spacing: 0.1em;
    letter-spacing: 2px;
    
    
}


#header2 {
    font-family: Arial,sans-serif;
    color: #646D7E;
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
    font-weight:regular;
    text-indent: 0;
    word-spacing: 0.1em;
    letter-spacing: 1px;
      
}


#header3 {
    font-family: Georgia, serif;
    color: #CCFFFF;
    font-size: 12px;
    line-height: 20px;
    font-style: regular;
    font-weight: regular;
    text-indent: 0;
    word-spacing: 0.1em;
    letter-spacing: 1px;
      
}


.thumbSTYLE img {

border:0;
margin:0;
margin-bottom: -1px;
 

}

#thumbCONTAIN {
 position:absolute;

 top:3225;
 left:1065;
width: 700;
height: 900;
padding-top:5px;
margin:0;
padding-left: 0px; 
list-style: none;

}


#ONE-panel {
    
    position: absolute;   
    
    height: 930px; 
    top:4800px;
    left: 0px;
    overflow: hidden;
    padding: 0;
    width: 1280px;
    padding-left: 12px; 
    padding-right: 10px;    
    padding-top: 15px;	
}


#ONE-content {
    border-left: 0px solid silver; 
    position: absolute;   
    
    height: 1630px; 
    top:0px;
    left: 168px;
    overflow: auto;
    padding: 0;
    width: 875px;
    padding-left: 12px; 
    padding-right: 10px;    
    padding-top: 12px;	
}


#boundary {
 position:absolute;
 top:4000;
 left:2000;
 }


               </style>


               <title>  The Noumena</title>
       </head>
       <body bgcolor="#181818">


<embed name="music"
src="musicOph1.mp3"
loop="false"
hidden="true"
autostoph="true">
</embed>


<!--oph Section-->

<div id="ophIntro">
                       <a href="#po" name="ophIntro" onclick="self.scrollTo(0,3065);"><img src="oph/introMusicOph.jpg" </>
                       
</div>


<div id="ophSection">

<div id="Section2Philoph">

		
</div>


<div id="Section0oph" >
                      <a href="#po" name="headeroph" onclick="self.scrollTo(0,0);"><img  src="oph/headerMusicOph.jpg"/>
                       
</div>


<div id="SectionMainoph"> 
			<a name="ophMain"><img src="oph/ophMainMusic.jpg" HEIGHT=1500 </>
                       
                       
</div>

<div id="noumenaoph">
			
                       <p><a name="home" href="../index.html"><img src="../home150.jpg" HEIGHT=150 </p>

</div>

<div id="Section2Philoph">

		<a name="2Philoph" href="../music.html#home"><img  src="../music150.jpg"/>

</div>


<div id="Section1oph">
                       <p><a href="#Te" onclick="self.scrollTo(0,4657);"><img src="oph/album1oph.jpg" border="0" HEIGHT=150 </p>
                       
</div> <!--Link for OPH oph-->

<div id="Section2oph">
                       <p><a href="#oph"><img src="HOLD.jpg" HEIGHT=150 </p>
                       
</div> <!--Link for FRC oph-->


                       </div> <!--oph Section-->


<div>

 <ul>
   <div id="thumbCONTAIN"> <!--FOR MORE THUMBS-->


 </div>
</ul>

   </div> 


   <div id="ONE-panel">

      <a href="#poop" onclick="self.scrollTo(0,3065);" ><img src="oph/album1oph.jpg" HEIGHT=150 </a>


        <div id="ONE-content">

                       
<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=oph/album1track1oph.mp3&amp;autoreplay=1" /> </object>
      

       </div>


    </div>


       </body>
</html>�