@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF;}
.clear{clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}
a{outline:none;}

#main{width:1220px; height:auto; margin:0 auto; overflow:auto;}
#logo{background:url(../images/NAMAYA+HIGH.jpg) no-repeat; width:448px; height:210px; margin:0 auto 50px auto; border:none; position:relative;}

/*main content*/
#content{width:85%; height:auto; padding:20px 0; margin:0 auto 30px auto;}
#content p{font-size:10pt; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:15pt; padding:0 0 10px 0;}
#content b{color:#00ff00;}
#content a{color:#FFFF00; text-decoration:none;}
#content a:hover{color:#FFFFFF;}
#namayapix{margin:-70px 120px -120px 0; float:right;}
*+html #namayapix{margin:-70px 120px -190px 0; float:right;}
#download{background:url(../images/download.png) no-repeat; width:141px; height:141px; border:none; text-decoration: none; margin:450px 100px 0 0px; position: absolute; right:0px; cursor:pointer;}
#download:hover{background:url(../images/download_off.png) no-repeat; width:141px; height:141px;}

/*calendar*/
#events{background:url(../images/events.png) no-repeat; width:300px; height:100px; float:left;}
table#calendar {margin:0 auto; width:1000px; height:auto; border:1px solid #BD0D10;}
table#calendar td{padding:10px 10px 20px 10px; width:300px; border:1px solid #BD0D10;}
#what{background:url(../images/what.png) no-repeat; width:150px; height:30px; float:left;}
#when{background:url(../images/when.png) no-repeat; width:150px; height:30px; float:left;}
#where{background:url(../images/where.png) no-repeat; width:150px; height:30px; float:left;}

/*current*/
#sidebar{float:right; width:300px; height:auto; margin:10px 50px 0 0; position:relative;}
#current{background:url(../images/current.gif) no-repeat; width:300px; height:100px; margin:0 auto 20px auto;}
#gsp{background:url(../images/gsp.jpg) no-repeat; width:251px; height:84px; margin:10px auto; float: right; padding-right:25px;}
#bhp{background:url(../images/blue_heron_pond.jpg) no-repeat; width:251px; height:84px; margin:10px auto; float:right; padding-right:25px;}
#vmh{background:url(../images/vmh.jpg) no-repeat; width:251px; height:93px; margin:10px auto; float:right; padding-right:25px;}
#beatnik{background:url(../images/beatnik_banner.gif) no-repeat; width:251px; height:84px; margin:10px auto; float:right; padding-right:25px;}

/*download page*/
#download_bg{background:url(../images/download.jpg) no-repeat top center; margin:0 auto; width:1220px; height:800px;}
#back{background:url(../images/back.png) no-repeat; width:200px; height:50px; float:right; margin:10px 150px 0 0px;}
#back:hover{background:url(../images/back_off.png) no-repeat;}
#dlbox{width:700px; height:auto; margin:0 auto; border:none; padding:150px 0 0 0;}
*+html #dlbox{width:700px; height:auto; margin:0 0 0 250px; border:none; padding:100px 0 0 0;}
#vthome{background:url(../images/dlvthome.png) no-repeat; width:290px; height:115px; float:left; margin:50px 50px 50px 0; border:none; cursor:pointer; position:relative;}
#vthome:hover{background:url(../images/dlvthome_off.png) no-repeat; width:290px; height:115px; position: relative;}
#midnight{background:url(../images/dlmidnight.png) no-repeat; width:290px; height:115px; float:left; margin:50px 0px 50px 50px; border:none; cursor:pointer; position:relative;}
#midnight:hover{background:url(../images/dlmidnight_off.png) no-repeat; width:290px; height:115px; position: relative;}
#flowers{background:url(../images/dl100flowers.png) no-repeat; width:290px; height:115px; float:left; margin:0px 50px 50px 0; border:none; cursor:pointer; position:relative;}
#flowers:hover{background:url(../images/dl100flowers_off.png) no-repeat; width:290px; height:115px; position: relative;}
#zinpond{background:url(../images/dlzinpond.png) no-repeat; width:290px; height:115px; float:left; margin:0px 0px 50px 50px; border:none; cursor:pointer; position:relative;}
#zinpond:hover{background:url(../images/dlzinpond_off.png) no-repeat; width:290px; height:115px; position: relative;}

/*gallery page*/
#gallery_bg{background:url(../images/gallery.jpg) no-repeat top center; width:1220px; height:1171px; margin:0 auto;}
#photo_bg{background:url(../images/photo_bg.jpg) no-repeat top center; width:1220px; height:800px; margin:0 auto;}
#music_bg{background:url(../images/music_bg.jpg) no-repeat top center; width:1220px; height:800px; margin:0 auto;}
#videos_bg{background:url(../images/videos_bg.jpg) no-repeat top center; width:1220px; height:800px; margin:0 auto;}
#jazmu{background:url(../images/jazmu_on.png) no-repeat; width:350px; height:207px; position: absolute; margin:10px 0 0 450px; cursor:pointer; display:inline;}
#jazmu:hover{background:url(../images/jazmu_off.png) no-repeat; width:350px; height:207px; display:inline;}
#landmines{background:url(../images/landmine_on.png) no-repeat top center; width:402px; height:344px; position:absolute; margin:50px 0px 0 800px; cursor:pointer; display:inline;}
#landmines:hover{background:url(../images/landmine_off.png) no-repeat; width:402px; height:344px; display:inline;}
#jazpoet{background:url(../images/jazpoet_on.png) no-repeat bottom right; width:263px; height:209px; position: absolute; margin: 930px 0px 50px 830px; cursor:pointer; display:inline;}
#jazpoet:hover{background:url(../images/jazpoet_off.png) no-repeat; width:263px; height:209px; display:inline;}
#photo{background:url(../images/photo_on.png) no-repeat top center; width:335px; height:69px; position: absolute; margin:300px 0 0 20px; cursor:pointer; display:inline;}
#photo:hover{background:url(../images/photo_off.png) no-repeat; width:335px; height:69px; display:inline;}
#music{background:url(../images/music_on.png) no-repeat top center; width:48px; height:250px; position:absolute; margin:450px 0 0 60px; cursor:pointer; display: inline;}
#music:hover{background:url(../images/music_off.png) no-repeat; width:48px; height:250px; display:inline;}
#multimedia{background:url(../images/multimedia_on.png) no-repeat top right; width:58px; height:504px; position: absolute; margin:400px 0px 0 1120px; cursor:pointer; display:inline;}
#multimedia:hover{background:url(../images/multimedia_off.png) no-repeat; width:58px; height:504px; display:inline;}
#installation{background:url(../images/installation_on.png) no-repeat; width:340px; height:59px; position:absolute; margin:680px 0 0 540px; cursor:pointer; display:inline;}
#installation:hover{background:url(../images/installation_off.png) no-repeat; width:340px; height:59px; display:inline;}
#poems{background:url(../images/poems_on.png) no-repeat top center; width:207px; height:72px; position:absolute; margin:380px 0px 0 600px; cursor:pointer; display:inline;}
#poems:hover{background:url(../images/poems_off.png) no-repeat; width:207px; height:72px; display:inline;}
#books{background:url(../images/books_on.png) no-repeat; width:221px; height:72px; display: inline; position:absolute; margin:450px 0 0 440px; cursor: pointer;}
#books:hover{background:url(../images/books_off.png) no-repeat; width:221px; height:72px; display: inline;}
#stories{background:url(../images/stories_on.png) no-repeat; width:240px; height:109px; display:inline; position:absolute; margin:520px 0 0 515px; cursor:pointer;}
#stories:hover{background:url(../images/stories_off.png) no-repeat; width:240px; height:109px; display:inline;}

#underconst{background:url(../images/underconst.png) no-repeat; width:578px; height:64px; border:none; outline: none; top:200px; left:300px; position: absolute;}
#instance {width:800px; height:600px; margin:130px 0 0 220px; position:absolute;}

/*install page*/
#install_bg{background:url(../images/installation_bg.jpg) no-repeat top center; width:1220px; height:800px; margin:0 auto;}
#fullscreendemo {height:600px; width:600px; overflow:hidden;}
#laundry{position:absolute; margin:190px 0 0 50px;}

/*photographs*/
#photographs{position: absolute; margin:150px 0 0 200px; width:800px; height:600px; border:3px solid #FFFFFF;}

/*books*/
#books_bg{background:url(../images/books_bg.jpg) no-repeat top center; width:1220px; height:800px; margin:0 auto;}
#binga{position:absolute; margin:120px 0 0 100px;}
#binga h2{color:#000000; padding:0 0 10px 0;}
#binga small{float:none; color:#000066; font-size:10pt; text-align:left; clear:both;}
#aids{position:absolute; margin:450px 0 0 100px;}
#aids h2{color:#000000; padding:0 0 10px 0;}
#aids small{float:none; color:#000066; font-size:10pt; text-align:left; clear:both;}


/*poems*/
#poems_bg{background: url(../images/poems_bg.jpg) no-repeat top center; width:1220px; height:800px; margin:0 auto;}

/*music*/
.musicplay{background:url(../images/music.gif) no-repeat; width:25px; height:20px; float:left; margin:0px 10px 0 0;}
.musicplay:hover{background:url(../images/music_on.gif) no-repeat; width:25px; height:20px;}
#uber a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:230px 0 0 80px; cursor:pointer;}
#uber a:hover{color:#02035b;}
#hflowers a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:260px 0 0 80px; cursor:pointer;}
#hflowers a:hover{color:#02035b;}
#arma a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:290px 0 0 80px; cursor:pointer;}
#arma a:hover{color:#02035b;}
#earthbar a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:320px 0 0 80px; cursor:pointer;}
#earthbar a:hover{color:#02035b;}
#mango a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:350px 0 0 80px; cursor:pointer;}
#mango a:hover{color:#f3da07;}

#ami a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:220px 0 0 500px; cursor:pointer;}
#ami a:hover{color:#55db0c;}
#rain a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:250px 0 0 500px; cursor:pointer;}
#rain a:hover{color:#55db0c;}
#summer a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:280px 0 0 500px; cursor:pointer;}
#summer a:hover{color:#55db0c;}
#fire a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:310px 0 0 500px; cursor:pointer;}
#fire a:hover{color:#55db0c;}
#midnightpond a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:340px 0 0 500px; cursor:pointer;}
#midnightpond a:hover{color:#55db0c;}
#monday a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:370px 0 0 500px; cursor:pointer;}
#monday a:hover{color:#55db0c;}
#zin a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:400px 0 0 500px; cursor:pointer;}
#zin a:hover{color:#55db0c;}
#kuology a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:170px 0px 0 980px; cursor:pointer;}
#kuology a:hover{color:#9E2024;}
#rodgers a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:200px 0px 0 980px; cursor:pointer;}
#rodgers a:hover{color:#9E2024;}
#psychosis a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute; margin:230px 0px 0 980px; cursor:pointer;}
#psychosis a:hover{color:#9E2024;}

#car a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:560px 0 0 20px; cursor:pointer;}
#car a:hover{color:#231F20;}
#elephant a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:590px 0 0 20px; cursor:pointer;}
#elephant a:hover{color:#231F20;}
#palestine a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:620px 0 0px 330px; cursor:pointer;}
#palestine a:hover{color:#6B0006;}
#suicide a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:650px 0 0px 330px; cursor:pointer;}
#suicide a:hover{color:#6B0006;}
#benny a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:570px 0 0px 650px; cursor:pointer;}
#benny a:hover{color:#B81856;}
#charlie a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:600px 0 0px 650px; cursor:pointer;}
#charlie a:hover{color:#B81856;}
#sex a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:550px 0 0px 940px; cursor:pointer;}
#sex a:hover{color:#58585A;}
#stag a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:580px 0 0px 940px; cursor:pointer;}
#stag a:hover{color:#58585A;}
#manfred a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:610px 0 0px 940px; cursor:pointer;}
#manfred a:hover{color:#58585A;}
#mrbill a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:640px 0 0px 940px; cursor:pointer;}
#mrbill a:hover{color:#58585A;}
#town a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:670px 0 0px 940px; cursor:pointer;}
#town a:hover{color:#58585A;}
#death a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:730px 0 0px 940px; cursor:pointer;}
#death a:hover{color:#58585A;}
#icecream a{color:#000000; font-size:120%; font-weight:bold; text-decoration:none; position:absolute;  margin:760px 0 0px 940px; cursor:pointer;}
#icecream a:hover{color:#58585A;}



/*contact form*/
#contact_title{ background:url(../images/contact.png) no-repeat; width:300px; height:100px; float:left;}
.leftbox{float:left;}
#contactform{margin:0 auto; width:550px; height:auto; padding:0 0 10px 100px; float:left;}
#contactform em{color:#BC0B0F;}
#contactform small{color: #FFFF00;}
#contactform label{float:left; width:150px; font-size:10pt; color:#00FF00; font-weight:bold; text-align:left;}
#contactform input[type="text"]{width:300px; height:auto; float:left; margin:0 0 5px 20px; background-color:#F3F3F3; border:1px solid #FF3801; padding:5px; color:#000000; font-size:9pt;}
#contactform input[type="text"]:hover{background-color: #FFFFFF; border:1px solid #BC0B0F; color:#000000;}
#contactform select{width:312px; height:auto; float:left; margin:0 0 5px 20px; background-color:#F3F3F3; border:1px solid #FF3801; padding:5px; color:#000000; font-size:9pt;}
#contactform select:hover{background-color: #FFFFFF; border:1px solid #BC0B0F; color:#000000;}
#contactform textarea{width:300px; height: 80px; float:left; margin:0 0 5px 20px; background-color:#F3F3F3; border:1px solid #FF3801; padding:5px; color:#000000; font-size:9pt; overflow:auto;}
#contactform textarea:hover{background-color: #FFFFFF; border:1px solid #BC0B0F; color:#000000;}
#contactform input[type="submit"], #contactform input[type="reset"]{width:80px; height:20px; float:right; margin:10px 90px 5px 20px; background-color:#BC0B0F; border:1px solid #F3F3F3; padding:5px 10px; color:#fff; font-size:9pt; padding:0 0 5px 0; font-weight:bold; cursor:pointer;}
#contactform input[type="submit"]:hover, #contactform input[type="reset"]:hover{background-color: #FFFF00; border:1px solid #F3F3F3; color:#000000;}
#green{background:url(../images/green.png) no-repeat; width:100px; height:30px; border:none; padding:0 5px;}
#green:hover{background:url(../images/green_ON.png) no-repeat; width:100px; height:30px;}
ul.performance{margin:20px 0 0 26px; float:left; width:400px; padding:10px 10px 50px 20px; background-color:#991010;}
ul.performance li{list-style:circle; color:#fff; font-size:10pt; font-weight:bold; line-height:15pt; margin-left:20px; text-align: left;}
.perform{margin:20px 0 0 26px; float:left; width:500px; padding:10px 0 50px 20px;}
.perform h2{text-align:center; font-size:12pt; font-weight:bold; color:#FFFFFF; padding:0 0 40px 0; text-decoration:underline;}
.perform p{text-align:center; font-size:10pt; font-weight:bold; color:#FFFFFF; line-height:10pt;}
.perform em{font-size:9pt; color:#999999; font-weight:normal;}

#flashcontent{width:100%;}

/* sample */
.video{margin:20px 40px 0 20px; float:left;}
#player{margin:10px 40px 20px 40px; width:320px; height:240px; float:left;}
#audio_box{width:320px; height:200px; margin:30px 0 0 60px; padding:0 0 0 0; border:2px inset #000000; float:left; background-color:#000000; overflow:auto;}
.audio_line{width:90%; border-bottom:1px ridge #000000; margin:5px 0 0 0;}
.audio{margin:5px 0 0 20px; float:left;}
.audio_title{font-size:9pt; font-weight:bold; color:#05fd16; float:left; margin:10px 0 0 10px;}
#video_img{background: url(../images/videosample.png) no-repeat; width:200px; height:50px; float:left; margin:20px 0 0 50px;}
#audio_img{background:url(../images/audiosample.png) no-repeat; width:200px; height:50px; float:left; margin:-50px 0 0 50px;}
small.note{font-size:8pt; color:#FFFFFF; margin:0 0 30px 60px;}
*+html small.note{font-size:8pt; color:#FFFFFF; margin:0 0 10px -180px; float: left;}

/*footer*/
#footer{bottom:0; margin:0 auto; border-top:3px double #E90000; width:100%; height: auto;}
#bottommenu{margin:0 auto; width:600px; text-align:center; display: block;}
#bottommenu ul{margin:0 auto;}
#bottommenu ul li{float:left; cursor:pointer; list-style:none; padding:10px 10px 0 10px;}
#bottommenu ul li a{color:#00ff00; text-decoration:none; font-size:8pt; font-weight:bold;}
#bottommenu ul li a:hover{color:#FFFF00;}
#footer p{text-align:center; font-size:8pt; font-weight:bold; line-height:12pt; color:#FFFFFF; padding:10px 0;}
#footer a{color:#FFFF00; text-decoration:none;}
#footer a:hover{color:#FFFFFF;}

/*---------- bubble tooltip -----------*/
a.clear{background:none; color: #FF0000; text-decoration:underline; clear:both;}
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #bf0e0e;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}

*{margin:0; padding:0;}