/* Beginning of Eric Meyer's reset rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End of Eric Meyer's reset rules */


BODY {
background:#fff;
font-family: Arial Narrow, Arial, Verdana,sans-serif;
font-size:1em;

}

#page {
width:1002px;
margin: 5px auto;
}


#page P
{
font-size:.9em;
line-height:1.1em;
margin:10px 0px;}

#logo {float:left;
display:inline;
width:200px;
height:46px;
padding:0;
margin-bottom:12px;
}

#logo A {
display:block;
background-image:url(/images/logo4.jpg);
background-repeat:no-repeat;
width:200px;
height:46px;
padding:0;
margin:2px 0 6px 4px;
}

#logo A:HOVER {
display:block;
background-image:url(/images/logo4-hover.jpg);
background-repeat:no-repeat;
width:200px;
height:46px;
padding:0;
margin:2px 0 6px 4px;
}


/*
#logo IMG {
padding:0;
margin:2px 0 6px 4px;
display:inline;
} 
*/

 #constant {float:left;display:inline;margin:6px 0 0 540px;width:260px;}

/* MAIN NAV */
#main-nav {
margin:0px 0 5px 0;
width:1002px;
height:25px;
padding:0;}

A#about-nav{
width:167px;
height:25px;
background-image:url(/images/about-static.png);
float:left;
display:inline;
padding:0px;
margin:0px;}

A:hover#about-nav {
background-image:url(/images/about-hover.png);
}

BODY#about #main-nav A#about-nav  {
background-image:url(/images/about-selected.png);
}

#what-we-do-nav{
width:167px;
height:25px;
background-image:url(/images/what-static2.png);
float:left;
padding:0px;
margin:0px;
display:inline;}

A:hover#what-we-do-nav {
background-image:url(/images/what-hover3.png);
}

BODY#what #main-nav A#what-we-do-nav  {
background-image:url(/images/what-selected2.png);
}


#get-involved-nav{
width:167px;
height:25px;
background-image:url(/images/get-static.png);
float:left;
padding:0px;
margin:0px;
display:inline;}

A:hover#get-involved-nav {
background-image:url(/images/get-hover.png);
}

BODY#get-involved #main-nav A#get-involved-nav  {
background-image:url(/images/get-selected.png);
}

#news-nav{
width:167px;
height:25px;
background-image:url(/images/news-static.png);
float:left;
padding:0px;
margin:0px;
display:inline;}

A:hover#news-nav {
background-image:url(/images/news-hover.png);
}

BODY#news #main-nav A#news-nav  {
background-image:url(/images/news-selected.png);
}

#store-nav{
width:167px;
height:25px;
background-image:url(/images/store-static.png);
float:left;
padding:0px;
margin:0px;
display:inline;}

A:hover#store-nav {
background-image:url(/images/store-hover.png);
}

BODY#store #main-nav A#store-nav  {
background-image:url(/images/store-selected.png);
}

#studio-nav{
width:167px;
height:25px;
background-image:url(/images/studio-static.png);
float:left;
padding:0px;
margin:0px;
display:inline;}

A:hover#studio-nav {
background-image:url(/images/studio-hover.png);
}

BODY#studio #main-nav A#studio-nav  {
background-image:url(/images/studio-selected.png);
}
/* SUB-NAV */



#sub-nav
{width:1002px;
padding:0;
margin:0;
position:absolute;
top:88px;
}


#about-sub-nav
{width:167px;
background-image:url(/images/drop-down-left3.png);
background-repeat: no-repeat;
background-position: 0px -110px ;
position:absolute;
left:0px;
clear:left;
margin:0;
display:none;
z-index:1000;
}


#about-sub-nav UL
{padding-bottom:10px;}


#what-we-do-sub-nav
{width:167px;
/* background-image:url(/images/drop-down3.png); */
background-repeat: no-repeat;
background-position: 0px -43px ;
position:absolute;
left:167px;
margin:0;
padding:0;
display:none;
z-index:1000; 
}

#what-we-do-sub-nav UL
{padding-bottom:10px;}


#get-involved-sub-nav
{width:167px;
background-image:url(/images/drop-down3.png);
background-repeat: no-repeat;
background-position: 0px -43px ;
position:absolute;
left:334px;
margin:0;
padding:0;
display:none;
z-index:1000;
}

#get-involved-sub-nav UL
{padding-bottom:10px;}

#studio-sub-nav
{width:167px;
background-image:url(/images/drop-down-right3.png);
background-repeat: no-repeat;
background-position: 0px -43px ;
position:absolute;
left:835px;
padding:0;
display:none;
z-index:1000;
}


#studio-sub-nav UL
{padding-bottom:10px;}

/* FOOTER NAV */


#footer
{width:1002px;
height:30px;
clear:both;
}

A#featured-nav{
width:120px;
height:25px;
background-image:url(/images/featured-static.png);
float:left;
padding:0px;
margin:0px;}

A:hover#featured-nav {
background-image:url(/images/featured-hover.png);
}

BODY#featured-artist #footer A#featured-nav  {
background-image:url(/images/featured-selected.png);
}


A#gallery-nav{
width:90px;
height:25px;
background-image:url(/images/gallery-static.png);
float:left;
padding:0px;
margin:0px;}

A:hover#gallery-nav {
background-image:url(/images/gallery-hover.png);
}

BODY#gallery #footer A#gallery-nav  {
background-image:url(/images/gallery-selected.png);
}

A#projects-nav{
width:120px;
height:25px;
background-image:url(/images/projects-static.png);
float:left;
padding:0px;
margin:0px;}

A:hover#projects-nav {
background-image:url(/images/projects-hover.png);
}

BODY#projects #footer A#projects-nav  {
background-image:url(/images/projects-selected.png);
}

A#links-nav{
width:80px;
height:25px;
background-image:url(/images/links-static.png);
float:left;
padding:0px;
margin:0px;}

A:hover#links-nav {
background-image:url(/images/links-hover.png);
}

BODY#links #footer A#links-nav  {
background-image:url(/images/links-selected.png);
}

A#sponsors-nav{
width:90px;
height:25px;
background-image:url(/images/sponsors-static.png);
float:left;
padding:0px;
margin:0px;}

A:hover#sponsors-nav {
background-image:url(/images/sponsors-hover.png);
}

BODY#sponsors #footer A#sponsors-nav  {
background-image:url(/images/sponsors-selected.png);
}

A#contact-nav{
width:90px;
height:25px;
background-image:url(/images/contact-static.png);
float:left;
padding:0px;
margin:0px;}

A:hover#contact-nav {
background-image:url(/images/contact-hover.png);
}

BODY#contact #footer A#contact-nav  {
background-image:url(/images/contact-selected.png);
}


#right-footer-nav{
width:412px;
height:25px;
background-image:url(/images/right-footer.png);
float:left;
padding:0px;
margin:0px;}


/* NAVS CLOSE */

#page H1 {

	margin:.5em 0em .3em 0em;
	font-size:1.1em;
	font-weight:bold;
	padding:0;
	line-height:1.2em;
}

#page H2 {
  margin:.3em 0em;
	padding:0;
	font-size:1.2em;
  font-weight:bold;
}

#page H3 {
	font-size:1.1em;
  margin:.3em .3em;
	padding:0;	
	font-weight:bold;
}

#page H4 {
	font-size:1em;
  margin:0.3em .3em;
	padding:0;
	font-style:italic;
	font-weight:bold;
}

#about-sub-nav UL A,
#what-we-do-sub-nav UL A,
#get-involved-sub-nav UL A,
#studio-sub-nav UL A
{color:black;
font-size:.9em;
margin:.3em 2em;
line-height:1.6em;
list-style-type:none;

}

#about-sub-nav UL A:HOVER,
#what-we-do-sub-nav UL A:HOVER,
#get-involved-sub-nav UL A:HOVER,
#studio-sub-nav UL A:HOVER
{color:white;
}


#page A {
color:gray;
text-decoration:none;
line-height:1.3em;
font-size:1em;
}

#page A:HOVER {
color:black;
text-decoration:none;
}
/* color:#00adef; = blue for sub nav if required */


#page .inside UL LI,
#page .artists-scroll UL LI,
#page #music2 UL LI
{font-size:.9em;
list-style-type:none;
}


#page .inside OL LI
{font-size:.9em;
margin:.4em 2em;
list-style-type:decimal;}


 #container {
 width:800px; 
 /*height:490px;*/
 height:490px;
 
 margin:5px auto;
 }

.inside
{
width:870px;
margin:0px 0 20px 71px;
clear:right;
text-align:justify;
} 

.inside1 
{
width:975px;
margin:0 auto 20px auto;
clear:right;
text-align:justify;
} 

#inside-text
{float:left;
width:365px;
margin:0 0px 0  23px;
padding:0;
display:inline;
}

#page #inside-text UL LI
{list-style-type:none;
margin-left:0px;}


#inside-images
{float:left;
margin:15px 0px 0 0px;
width:475px;
display:inline;}

#inside-images IMG
{

margin:0px 0px 0 0px;
width:475px;
}

.inside-images P
{
margin:40px 0px 0 0px;}


.inside-text1
{float:left;
width:365px;
margin:0 0px 0  0px;
padding:0;
display:inline;
}

.inside-text1 H2
{margin:5px 0 0 0px;
padding:0 0 2px 0;
width:200px;
font-size:1em;
color:#00adef;
}

.inside-text1-scroll
{float:left;
width:365px;
margin:0 5px 0  0px;
padding:0;
display:inline;
height: 350px; 
overflow-y: scroll; 
scrollbar-arrow-color:blue; 
scrollbar-face-color: #e7e7e7; 
scrollbar-3dlight-color: #a0a0a0; 
scrollbar-darkshadow-color:#888888;
}

.text1-box 
{padding:0 20px 0  0px;
}
.inside-images1
{float:left;
margin:15px 0px 0 23px;
width:475px;  
display:inline;}

.inside-images1 IMG
{
margin:0px 0px 0 0px;
width:475px;
}

.inside-artists
{
width:870px;
height:370px;
margin:0px 0 20px 71px;
clear:right;
text-align:justify;
} 

.artists-left
{width:365px;
float:left;
display:inline;
}

.artists-left IMG
{float:right;
width:200px;
margin:10px 0  10px 0;
padding:0 0 0 0;
}

.artists-left-no-scroll
{width:365px;
float:left;
display:inline;
}

.artists-left-no-scroll IMG
{float:right;
width:300px;
margin:10px 0  10px 0;
padding:0 0 0 0;
}

#page .artists-left H1
{margin:5px 0 0 0px;
padding:0 0 0 0;
width:140px;
font-size:1.1em;
text-align:left}

#page .artists-left-no-scroll H1
{margin:5px 0 0 0px;
padding:0 0 0 0;
width:350px;
font-size:1.1em;
text-align:left}

#page .artists-left H2
{margin:5px 0 0 0px;
padding:0 0 2px 0;
width:350px;
font-size:1em;
}

#page .artists-left-no-scroll H2
{margin:5px 0 0 0px;
padding:0 0 2px 0;
width:200px;
font-size:1em;
color:#00adef;
}

#page .artists-left P,
#page .artists-left-no-scroll P

{margin:0 0 0 0;
padding:0 0 0 0;
clear:left;
font-size:.8em;}

#page .artists-left BLOCKQUOTE,
#page .artists-left-no-scroll BLOCKQUOTE
{
color:#00adef;
font-weight:bold;
margin:10px 0 0 0px;
padding:0 0 0 0;
clear:both;}



.artists-scroll{
width:365px;
height:282px;
margin:0 0px 0 0;
clear:right;
overflow-y: scroll; 
scrollbar-arrow-color:blue; 
scrollbar-face-color: #e7e7e7; 
scrollbar-3dlight-color: #a0a0a0; 
scrollbar-darkshadow-color:#888888;
}

.artists-text {
padding:5px 10px 0 0;}

.artists-right
{float:left;
width:475px;
margin-left:25px;
display:inline;

}

.artists-right IMG
{width:475px;
margin:10px 0 0 0;
padding:0;
}

#page .artists-right H3
{margin:10px 0 0 0px;
padding:0 0 0 0;}

#page .artists-right P
{font-size:0.8em;}

.founders-left
{float:left;
width:425px;}

#page .founders-left H1
{margin:35px 0 0 150px;}

.founders-right
{float:right;
width:425px;
}

#page .founders-right H1
{margin-left:167px;}

.founders-left IMG
{
width:400px;
}

.founders-right IMG
{
width:400px;
margin: 0 0 0 25px;
}

 #gallery-player
 {height:385px;
 width:875px;
 margin:0px 0 5px 63px;
 padding:0;}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

#music {
float:left;
width:190px;
margin:0px 5px 0 30px;
height:390px;}

#music1-text {
margin:0 5px 0 0;}

#music1 {
height:320px;
width:180px;
text-align:justify;
}

#music2 {
float:left;
width:190px;
margin:20px 20px 0 20px;
height:350px;
}

#music-content {

clear:both;
width:440px;
margin:25px 0 5px 380px;

}

#music-container {
float:left; 
width:530px; 
height:200px; 
margin:70px 10px 10px 0px;
z-index:0;
background-color:white;
}
#black-box {
width:1000px;
margin: 0px 1px;
background:black; 
height:400px;}

#black-box-test {
width:1000px;
margin: 0px 1px;
height:375px;}


#player-left-box {
float:left; 
width:200px;
height:392px;
background:black;
color:white;
display:inline;}      


#left {
margin:25px 5px 5px 15px;
}

#left h3 {
font-size:1em;
text-align:justify;
}

#left p {
font-size:.7em;
text-align:justify;
}

#player-right-box {
float:left; 
display:inline;
width:200px;
height:392px;
background:black;
color:white;
}

#player-right-box-test {
float:left; 
display:inline;
width:200px;
height:392px;
color:black;
}

#projects-right-box {
float:left; 
display:inline;
width:200px;
height:392px;
color:black;
}



#player-right-box p {
font-size:.7em;
text-align:justify;
}   

#right {
margin:25px 15px 5px 5px;
}

#right h3 {
font-size:1em;
text-align:justify;
}

#right p {
font-size:.7em;
text-align:justify;
}

.scroll { 
width:870px;
height:374px;
margin:0px 0 0px 71px;
clear:right;
text-align:justify;
overflow-x: scroll; 
scrollbar-arrow-color:blue; 
scrollbar-face-color: #e7e7e7; 
scrollbar-3dlight-color: #a0a0a0; 
scrollbar-darkshadow-color:#888888;
} 

.scroll IMG {
}

#horizontal-scroll {
width:3600px;
margin:0px 10px 0 0px;
height:340px;

}

.h-scroll-images {
float:left;
width:480px;
height:340px;
margin:0 10px 0 10px;

}

.h-scroll-text {
float:left;
width:300px;
height:325px;
margin:20px 30px 0 0;
}

.h-scroll-images IMG {
width:475px;}

.v-scroll{
width:365px;
height:300px;
margin:0 0px 0 0;
clear:right;
overflow-y: scroll; 
scrollbar-arrow-color:blue; 
scrollbar-face-color: #e7e7e7; 
scrollbar-3dlight-color: #a0a0a0; 
scrollbar-darkshadow-color:#888888;
}

.v-scroll-text-music {
padding:5px 10px 0  0px;
}

.v-scroll-music {
width:180px;
height:300px;
margin:0 0px 0 0;
clear:right;
overflow-y: scroll; 
scrollbar-arrow-color:blue; 
scrollbar-face-color: #e7e7e7; 
scrollbar-3dlight-color: #a0a0a0; 
scrollbar-darkshadow-color:#888888;
}

.v-scroll-text {
padding:5px 10px 0  0px;
}

.h-scroll-inside-text {
float:left;
width:300px;
height:300px;
margin:45px 30px 0 0;}


.scroll1 { 
width:800px;
height:374px;
margin:0px 0 0px 0px;
clear:right;
text-align:justify;
overflow-x: scroll; 
scrollbar-arrow-color:blue; 
scrollbar-face-color: #e7e7e7; 
scrollbar-3dlight-color: #a0a0a0; 
scrollbar-darkshadow-color:#888888;
} 




.left-text-box {
float:left;
width:180px;
height:368px;
margin:0 10px 0 5px;
text-align:justify;
}


#press {
width:1000px;
height:390px;
margin:0px 0 0px 1px;
}


#press P {
margin:0px 0 0px 30px;
padding:0;
}

.press{
font-size:14px;
font-weight:bold;
}

 #col1 { 
 float:left;
 width:160px;
 height:336px;
 display:inline;
 }
 
 #col2 { 
 float:left;
 width:160px;
 display:inline;
 }
 
 
  #col1a { 
 float:left;
 width:160px;
 height:335px;
 display:inline;
 }
 
 #col2a { 
 float:left;
 width:160px;
 margin-top:54px;
 display:inline;
 }
 
  #col1-reduced { 
 float:left;
 width:160px;
 height:260px;
 display:inline;
 }
 
 #col2-reduced { 
 float:left;
 width:160px;
 display:inline;
 }
 
 
 #upload {
 width:996px;
 margin-left:3px;
 }
 
 #sub-footer {
 width:240px;
 float:right;
 }
 
 #z {
 width:100px;
 float:left;
 display:inline;
 }
 
 #z P{
 padding:0;
 margin:5px 10px 0 0;
 font-size:0.7em;
 color:#666666; 
 }
 
  #z A {
  color:#666666;
}

 #share {
 border:0;
 margin:1px 0 0 0px;
 float:left;
 display:inline;
 width:125px;
 }
 
 #playerdiv {
 float:left;
 background:black;
 z-index:0;
 margin:65px 0 0 73px;
 }
 
 #player-right-box-test {
 width:400px;
 height:352px;
 margin:0 0 0 170px;
 }