/* Styles for Divs and Layout Elements */

  body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding:0;
  }

  .clearfix { display: inline; }

  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }

  * html .clearfix { height: 1%; }
  .clearfix { display: block; }

.center { text-align: center; }

.bold { font-weight: bold; }

.contact { padding-left: 50px; }


/* TITLE BAR + MENU */

  #title {
    height: 106px;
    width: auto;
  }

  #title img {
    border: 0 none #000;
    float: left;
    outline: none;
  }

/* CONTENT SECTIONS */

  #pagewidth {
    background-image: url(/images/layout/left-bg.gif);
    background-position: top left;
    background-repeat: repeat-y;
    width: 760px;
  }

  #wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  #maincol {
    display:inline;
    float: left;
    padding-bottom: 80px;
    position: relative;
	width: 224px;
  }

  #textwrapper {
    height: 96%;
    margin-top: 10px;
    overflow: auto;
    margin-left: 40px;
    padding-right: 10px;
  }

  #rightcol {
    background-color: #FFF;
    float: right;
    width: 536px;
  }

  #rightcol img { border: 0; }

  #righttextwrapper {
    height: 96%;
    margin-top: 10px;
    overflow: auto;
    margin-left: 10px;
    padding-right: 10px;
  }
  
  #maincol, #rightcol, #onecol { overflow: auto; }

/* FOOTER */

  #footer {
    clear:both;
    color: #666;
	font-style: italic;
    margin-top: 8px;
	text-align: center;
    width: 760px;
  }

  #footer img {
    border: 0 none #000;
  }

  #footer p { font-size: 0.65em; }


  #footerNav {
	font-size: 0.75em;
    list-style: none;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  
  #footerNav li { 
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
 }

  #footerNav {
    border: none;
    font-style: normal;
  }

  #footerNav a, #footerNav a:hover, #footerNav a:active {
    color: #666;
    text-decoration: underline;
  }
  

#mainMenu {
  width: 224px;
  margin: 0px;
  padding: 0px;
  display: inline;
}
	
#mainMenu li {margin: 0px; padding: 0px; list-style: none; display: inline}

#mainMenu span {display: none}
  
#mainMenu a, #mainMenu a:hover, #mainMenu a:active {
  float: left;
  height: 46px;
  outline: none;
  width: 224px;
}

#menuHome a {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px 0px;
}

#menuHome a:hover, #menuHome a:active {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -46px;
}

#menuAbout a {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -92px;
}

#menuAbout a:hover, #menuAbout a:active {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -138px;
}

#menuArtists a {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -184px;
}

#menuArtists a:hover, #menuArtists a:active {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -230px;
}

#menuLicensing a {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -276px;
}

#menuLicensing a:hover, #menuLicensing a:active {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -322px;
}

#menuUnsigned a {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -368px;
}

#menuUnsigned a:hover, #menuUnsigned a:active {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -414px;
}

#menuDemos a {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -460px;
}

#menuDemos a:hover, #menuDemos a:active {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -506px;
}

#menuContact a {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -552px;
}

#menuContact a:hover, #menuContact a:active {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -598px;
}

#menuLinks a {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -644px;
}

#menuLinks a:hover, #menuLinks a:active {
  background-image: url(../images/layout/menu.gif);
  background-position: 0px -690px;
}

p, li {
  font-size: small;
  color: #333;
}

h1 {
  color: #333;
  font-variant: small-caps;
  font-size: medium;
}

h2, h3 {
  font-weight: bold;
  font-size: small;
  color: #333;
}

h3 {
  text-decoration: underline;
}

a:link {
  text-decoration: none;
  color: #666;
}

a:visited {
  text-decoration: none;
  color: #F60;
}

a:hover {
  color: #999;
  text-decoration: none;
}