body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 background-color:#000000;
 color:#FFFFFF;
 padding-top:30px;
}

/*PAGE STRUCTURE*/

#wrapper { /*Fixed width and fixed height*/
 margin: 0 auto;
 width: 780px;
 height:563px;
 padding-top:23px;
}

#content {
 margin-bottom: 5px;
 padding: 0px 15px 0px 15px;
 overflow: auto; 
 width: 750px;
 clear:both;
}

#header {
 width: 750px;
 padding: 0px 15px 0px 15px;
 height: 102px;
 margin: 0px;
}

#content .column {
display: inline;
padding: 20px;
float: left;
background: url(images/transparent-black-70.png) top left repeat;
overflow: auto;
position: relative;
}

#footer { 
 margin: 0 auto;
 width: 760px;
 clear: both;
 padding: 10px;
 text-align:center;
 font-size:0.8em;
 color:#a2a2a2;
}

/*HEADER*/

h1#logo-header {
display: inline;
background: url(images/transparent-black-70.png) top left repeat;
width: 233px; 
height: 35px;
float: left;
padding: 5px 0px 0px 5px;
margin-bottom: 4px;
}

h2#quote {
background: url(images/transparent-black-70.png) top left repeat;
display: inline;
position: relative;
float:left;
width:490px;
height:28px;
text-align:right;
font-size:0.8em;
margin:0px 0px 0px 4px;
padding: 5px 7px 7px 7px;
font-weight:normal;
text-transform:uppercase;
}

h2 .quote-author {font-weight:bold;}

/*MENU*/
#menu {
 padding: 0px;
 margin: 0px 0px 5px 0px;
 clear:both;
}

#menu ul {
margin:0px;
padding:0px;
}

#menu li {
display:inline;
list-style-type:none;
margin:0px;
padding:0px;
}

#menu li a .a-menu-bg {
display:block;
height:35px;
background: url(images/transparent-black-70.png) top left repeat;
}

#menu li a span span {
display:block;
height:35px;
}

#menu li a span span span { /*Hide the text from menu*/
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#menu li a {
float:left;
color:white;
margin:0px 2px;
padding-bottom:4px;
}

#menu li a:hover {
border-bottom:solid 6px #9e1d21;
}

#menu-home span {
width:57px;
background: url(images/menu-home.gif) 4px 7px no-repeat;
}

#menu-about span {
width:65px;
background: url(images/menu-about.gif) 4px 7px no-repeat;
}

#menu-artists span {
width:74px;
background: url(images/menu-artists.gif) 4px 7px no-repeat;
}

#menu-news span {
width:56px;
background: url(images/menu-news.gif) 4px 7px no-repeat;
}

#menu-licensing span {
width:92px;
background: url(images/menu-licensing.gif) 4px 7px no-repeat;
}

#menu-streetteam span {
width:112px;
background: url(images/menu-streetteam.gif) 4px 7px no-repeat;
}

#menu-store span {
width:59px;
background: url(images/menu-store.gif) 4px 7px no-repeat;
}

#menu-getinvolved span {
width:115px;
background: url(images/menu-getinvolved.gif) 4px 7px no-repeat;
}

#menu-contact span {
width:83px;
background: url(images/menu-contact.gif) 4px 7px no-repeat;
}

/*General elements*/

p, ul, li {
margin: 0px 0px 10px 0px;
padding:0px;
}


h1 {margin:0px; padding:0px;}


h2 {
margin-top:0px;
font-weight:normal;
}


h3 {
margin-top:0px;
}

h4 {
margin-top:0px;
}

a {
color: #9e1d21;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

p.note {font-style:italic; font-size:90%;}


/*Used to hide text when using text pictures and staying accessible for screen reader*/

.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}



.spacer {
	clear:both;
}

.clear { clear: both; background: none; }