html {
	margin : 0;
	padding : 0;
	min-width : 764px;
	background-color : #e7d8af;
	background-image: url(../topgrnd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
} 

body {
	font : 10pt/18pt Trebuchet MS, Arial, Verdana, sans-serif;
	color : #000;
	margin : 0;
	height : 2300px;
	width : 764px;
	background-color: #e7d8af;
	background-image: url(images/btmgrnd.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
} 
#bg {
	color : #000;
	margin : 0;
	width : 764px;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	height: 2200px;
} 
p { 
font : 10pt/18pt Trebuchet MS, Arial, Verdana, sans-serif;
margin-top : 0;
text-align : left;
} 
h3 { 
font : italic normal 12pt georgia;
letter-spacing : 1px;
margin-bottom : 0;
color : #7d775c;
} 
img {

}

a:link { 
font-weight : bold;
text-decoration : none;
color : red;
} 
a:visited { 
font-weight : bold;
text-decoration : none;
color : red;
} 
a:hover, a:active { 
text-decoration : underline;
color : #3b6132;
} 
#container {
	position : absolute;
	left : 50%;
	width : 750px;
	margin-left : -380px;
	top: 27px;
} 
#intro { 
min-width : 764px;
} 
#pageHeader { 
margin-bottom : 20px;
} 
#pageHeader h1 {
	margin-top : 0;
	width : 764px;
	height : 380px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
} 
#pageHeader h1 span { 
display : none;
} 
#pageHeader h2 span { 
display : none;
} 
#quickSummary { 
position : absolute;
top : 365px;
left : 30px;
} 
#quickSummary p.p1 span { 
display : none;
} 
#apresentacao {
	position : absolute;
	top : 400px;
	left : 250px;
} 
#apresentacao_home {
	position : absolute;
	top : 400px;
	left : 250px;
	background-image: url(images/carlos_nishimiya.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 800px;
} 
#apresentacao h3 {
	width : 400px;
	height : 43px;
	background-repeat: no-repeat;
} 
#apresentacao h3 span { 
display : none;
} 
#apresentacao_home h3 {
	width : 400px;
	height : 43px;
	background-repeat: no-repeat;
} 
#apresentacao_home h3 span { 
display : none;
} 
#sumario h3 {
	width : 400px;
	height : 43px;
	background-repeat: no-repeat;
} 
#sumario h3 span { 
display : none;
} 
#integrantes h3 {
	width : 400px;
	height : 43px;
	background-repeat: no-repeat;
} 
#integrantes h3 span { 
display : none;
} 
#release h3 {
	width : 400px;
	height : 43px;
	background-repeat: no-repeat;
} 
#release h3 span { 
display : none;
} 
#release {
	background-color: #C2C19E;
	padding-left: 4px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
#release_punkbeatles {
	background-color: #B4C9CE;
	padding-left: 4px;
	color: #000000;
	font-weight: normal;
	border: 1px solid #333333;
}

#links h3 {
	width : 400px;
	height : 43px;
	background-repeat: no-repeat;
} 
#links h3 span { 
display : none;
} 
#supportingText {
	position : absolute;
	left : 254px;
	top : 680px;
	padding-left : 0;
	margin-bottom : 0;
} 
#supportingText_3 {
	position : absolute;
	left : 254px;
	top : 360px;
	margin-bottom : 0;
	padding-left: 0px;
} 
#principal {
position : absolute;
	left : 254px;
	top : 390px;
	padding-left : 0;
	margin-bottom : 0;
}
.more {
	text-align: right;
}
.center {
	text-align: center;
}
.cadashow {
	padding: 4px;
	margin-bottom: 20px;
	border-top-width: thick;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999966;
	border-right-color: #999966;
	border-bottom-color: #999966;
	border-left-color: #999966;
}
.imgborder {
	border: thin solid #000000;
}
.rolagem {
	overflow: auto;
	height: 100px;
	width: 250px;
	margin-left: 100px;
}






#continental_combo {
	background-color: #DDA04F;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
}
.continental_slide {
	text-align: center;
	width: 400px;
	margin-top: 30px;
	margin-left: 45px;
}


#supportingText_home{
	position : absolute;
	left : 254px;
	top : 1170px;
	padding-left : 0;
	margin-bottom : 0;
} 
#supportingText_2{
	position : absolute;
	left : 254px;
	top : 500px;
	padding-left : 0;
	margin-bottom : 0;
} 
.titulo {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}


#linkList {
	position : absolute;
	top : 385px;
	left: -1px;
	width: 271px;
	height: auto;
} 
#linkList li { 
text-align : left;
padding-left : 45px;
} 
#linkList2 { 
font : 10pt Trebuchet MS, Arial, Verdana, sans-serif;
line-height : 12px;
background-image : url(images/linklist_bk.jpg);
background-repeat : repeat-y;
background-position : left 0%;
width : 222px;
} 
#linkList h3.select {
	width : 222px;
	height : 174px;
	background-image: url(images/player_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	color: #333300;
} 
#linkList h3.select span { 
display : none;
} 
#linkList h3.favorites span { 
display : none;
} 
#linkList h3.menu {
	
	width : 222px;
	height : 191px;
	background-image: url(images/minhas_bandas.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
} 
#linkList h3.menu span { 
display : none;
} 
#linkList h3.resources {
	width : 222px;
	height : 202px;
	background-image: url(images/projetos.gif);
	background-repeat: no-repeat;
	background-position: left top;
} 
#linkList h3.resources span { 
display : none;

} 
#linkList h3.book {
	width : 222px;
	height : 100px;
	background-image: url(images/book.gif);
	background-repeat: no-repeat;
	background-position: left top;
} 
#linkList h3.book span { 
display : none;

} 
#linkList ul { 
margin : 0;
padding : 0;
padding-bottom : 5px;
} 
#linkList li {
	display : block;
	padding-top : 10px;
	list-style-type: none;
	background-image: url(images/hrzline.gif);
	background-repeat: no-repeat;
	background-position: right top;
} 
#linkList li a:link { 
color : red;
} 
#linkList li a:visited { 
color : #3b6132;
} 
#lresources { 
padding-bottom : 10px;
} 
#lselect li a { 
font-size : 12px;
} 
#lselect li a:hover { 
color : #3b6132;
} 
#lselect .c { 
font-size : 10px;
} 
#lselect a { 
display : block;
font-weight : bold;
} 
#lselect a.c { 
display : inline;
color : #3b6132;
} 
#footer { 
text-align : right;
} 
#footer a:link, #footer a:visited { 
margin-right : 20px;
} 
.blockquote {
	background-repeat: no-repeat;
	background-position: left top;
	text-align: justify;
	padding-right: 5px;
	padding-left: 20px;
	background-image: url(images/openquote.gif);
}
blockquote {
	background-image: url(images/closequote.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.pullquote 
{
	color:#000000;
	border:1px solid #974933;
	line-height:110%;
	padding:5px;
	text-align: center;
	margin: 10px;
	width: 80%;
}
.subtitulo {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0px;
	font-variant: normal;
}
.imageright {
	float: right;
	border:1px  #000000;
	padding:3px;
	background-color: #66826F;
	margin-left: 20px;
}
.imageleft {
	float: left;
	border:1px  #000000;
	padding:3px;
	background-color: #66826F;
	margin-right: 20px;
}
.imagecenter {
	border:1px  #000000;
	padding:3px;
	background-color: #66826F;
	margin-right: 20px;
	float: none;
}
.title
 {
	color:#516858;
	padding-top:12px;
	font-family:Georgia,Times;
	font-size:18pt;
	font-weight:bold;
	line-height:1em;
	background-color: #FFFFFF;
 } 
 .small
 {
	font-size:small;
	font-weight:bolder;
	margin-left: 10px;
  } 
 .verde
 {
	background:#516858;
	text-align:center;
	font-size:small;
	font-family:system, geneva;
	font-weight:bold;
	color: #FFFFFF;
}
.textodireita {
	float:left;
	padding-right: 10px;
}
.textocentral {
	float:right;
	padding-right: 10px;
	width: 95%;
}
.firstletter
{float:left;
margin-top:0px;
color:#516858;
padding-top:0.2em;
font-size:24pt;
height:24pt;
font-weight:bold;
font-family:times new roman;
}
.comentariofoto
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:smaller;
	position:relative;
	top:-28px;
	left:40px;
	line-height: 120%;
	width: 150px;
}
.textoesquerda
{
	float:left;
	width:45%;
	padding-top:15px;
	padding-right: 20px;
	padding-left: 10px;
	font-size: 96%;
	text-align: justify;

}
.player { 
    width : 222px;
	height : 174px;
	background-image: url(images/player_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	color: #333300;
} 
.image_colunaesquerda
{
	border:1px none #000000;
	margin-top: 5px;
	background-color: #66826F;
	margin-bottom: 20px;
	padding: 3px;
}
#colunaesquerda {
	background-color: #C2C19E;
	text-align: center;
	margin-left: 25px;
	border: 1px solid #333333;
	margin-right: 4px;
	width: 220px;
	float: left;
}
.fotos_descricaodireita{
	padding:3px;
	margin-top: 30px;
	float: right;
	height: 180px;
	width: 470px;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.image_fotos
{
	border:1px  #000000;
	padding:3px;
	background-color: #66826F;
	margin-right: 20px;
	float: left;
}
.texto_direita_da_foto {
	float: right;
	height: 180px;
	width: 235px;
}
.bold110perct {
	font-size: 104%;
	color: #333333;
	font-style: italic;
	font-weight: bold;
}
.bold {
	font-size: 110%;
	font-weight: bold;
	background-color: #CEC8AE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #94935C;
	border-right-color: #94935C;
	border-bottom-color: #94935C;
	border-left-color: #94935C;
	padding: 5px;
}

.bold120perct {
	font-size: 102%;
	color: #354439;
	font-style: italic;
	font-weight: bold;
}
#news {
	
	padding: 10px;
	background-color: #F1EDCF;
	border: thin solid #A6A571;
	float: left;
	margin-bottom: 5px;
}
#agenda {
	background-color: #F1EDCF;
	padding: 10px;
	border: thin solid #A6A571;
	line-height: 28px;
	margin-bottom: 30px;
}
#agenda p {
	background-image: url(images/target3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	font-size: 90%;
	
}
.bold120 {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 20px;
	margin-left: 10px;
	background-color: #999966;
	padding-right: 3px;
	padding-left: 3px;
}
		
.image {
	float: left;
	margin-top: 0;
	margin-right: 9px;
	margin-bottom: 10px;
	margin-left: 0;
}

#supportingText_home h4 {
	clear: both;
	color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 20px;
	background-color: #999966;
	background-image: url(corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 120%;
	font-weight: bold;
}
body {margin:20px;} /* Esta regra destina-se 
tão somente a colocar as imagens a uma distância 
de 20px para a esquerda e para baixo na tela do monitor e 
não influi no zoom */

#zum {
	width: 200px; /* largura da div = largura thumbnail */
	height:200px;
	padding: 0;
	background-image: url(images/brazilian_surf_a-go-goth.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
} 

#thumb a { /* estado "UP" do link */ 
height: 200px; /* altura do thumbnail */ 
display: block; /* converte <a> de inline para 
block permitindo exibição com a largura 
e altura determinadas */ 
}

#thumb a:hover { /* estado "OVER" do link */
	width: 425px; /* largura da imagem */
	height: 425px;
	background-color: transparent;
	background-image: url(images/brazilian_surf_a-go-go.gif);
	background-repeat: no-repeat;
	background-position: -225 -225px;/* fundo da div notar que as coordenadas 0 -90px 
obrigam a imagem de fundo a "subir" 90 px */ 
}
.p-black {
	background-color: #000000;
	text-align: center;
}
.agenda {
	margin-bottom: 10px;
	margin-top: 5px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.random {
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
}
.showsrealizados {
	background-color: #CCCCCC;
}
.divcenter {
	text-align: center;
}
#agendadeshows {
	background-color: #999966;
	width: 480px;
}