/* ©2007 - Babilônica Arte e Cultura
   alex.sevilla@gmail.com
   Catálogo para CD
   Versão 0.1
*/
body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px;
}
#loading{
  background: #4C8CBE;
  color: #fff;
  position: absolute;
  padding: 3px;
}
#header{
	background-image: url(img/skin/fundoheader.gif);
	background-repeat: repeat-x;
	background-position: top center;
	padding-right: 150px;
	height: 160px;
}
#header .titulo{
  margin-top: 0px;
  border: 0px;
}
#catalogo{
  margin-left: 30px;
  background-color: #000;
}
#catalogo img {
	border: 1px solid #4C8CBE;
}
.artista{
  margin: 10px;
  float: left;
  cursor: pointer;
  padding: 5px;
  padding-left: 15px;
  background-image: url(img/skin/verfile.png);
  background-position: top left;
  background-repeat: no-repeat;
}
.over{
  background-color: #4C8CBE;
}
.nome {
	color: #FFFFFF;
	margin: 2px;
}
#template{
  display: none;
}
#portfolio{
  display: none;
  position: absolute;
  top: 105px;
  left: 30px;
  z-index: 100;
  background-color: #fff;
  width: 800px;
  height: 600px;
  border: 1px solid #666;
}
#templatePF{
  display: none;
}
#fechar{
  position: absolute;
  top: 81px;
  left: 680px;
  z-index: 200;
  width: 124px;
  height: 24px;
  background-image: url(img/skin/fechar.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  display: none;
  cursor: pointer;
}
#marcador{
	width: 326px;
	height: 243px;
	background-image: url(img/skin/8.gif);
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 500;
}
.thumbnail{
  width: 100px;
  cursor: pointer;
  border: 1px solid #999;
}
#obra{
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 700px;
  height: 100%;
  background-color: #000;
  padding: 25px;
}
#fechaObra{
  cursor: pointer;
  border: 0px;
}
#footer{
	width: 100%;
	margin-top: 10px;
	clear: both;
	height: 50%;
	background-image: url(img/skin/fundofooter.gif);
	background-repeat: repeat-x;
	background-position: center 243px;
}
#contato{
   position: absolute;
   top: 65px;
   right: 10px;
   width: 150px;
   color:#0000ff;
   text-align: right;
}
#contato a{
  text-decoration: none;
  color: #9c0;
}

.content{
  width: 350px;
  padding: 10px;
  margin-left: -15px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: none;
  position: absolute;
  background-color: #4C8CBE;
  background-image: url(img/skin/horfile.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}

.content b{
  margin-right: 5px;
  font-weight: bold;
}

#mainmenu{
  color: #000;
  margin-left: 320px;
  margin-right: 150px;
  top: 80px;
  _top: 90px;
  z-index: 600;
  position: absolute;
}
#mainmenu ul{
  padding: none;
}
#mainmenu li{
  float: left;
  margin-right: 30px;
  list-style-type: none;
  font-variant:small-caps;
  font-size: 12px;
  cursor: pointer;
}
#mainmenu a{
  text-decoration: none;
  color: #000;
}
#mainmenu a:hover, #mainmenu .highlite a, #mainmenu .highlite{
  border-bottom: 4px solid #4C8CBE;
  color: #4C8CBE;
}

#items{
  visibility: hidden;
}
#activeArea{
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  top: 105px;
  left: 0px;
}
.endofline{
  clear: left;
  border: 1px solid red;
}