@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:100%; min-width:1000px; max-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;}
#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:800px; 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;}
#photo{background:url(../images/photo.png) no-repeat; width:140px; height:33px; position:absolute; border:none; outline:none; top:450px; left: 220px; cursor:pointer;}
#photo:hover{background:url(../images/photo_on.png) no-repeat; width:140px; height:33px;}
#music{background:url(../images/music.png) no-repeat; width:66px; height:23px; position:absolute; border:none; outline:none; top:515px; left: 580px; cursor:pointer;}
#music:hover{background:url(../images/music_on.png) no-repeat; width:66px; height:23px;}
#videos{background:url(../images/videos.png) no-repeat; width: 76px; height:26px; position:absolute; border:none; outline:none; top:460px; right: 250px; cursor:pointer;}
#videos:hover{background:url(../images/videos_on.png) no-repeat; width:76px; height:26px;}

#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;}


/*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 0 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:550px; 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%;}

/*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;}

*{margin:0; padding:0;}