body {
	margin: 0;
	padding: 0;
	background: #000000 url(images/img01.jpg) repeat-x top center;
	font-size: 13px;
	color: #8C8C8C;
}

body, th, td, input, textarea, select, option {

	font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;
}

h1, h2, h3 {
	color: White;
}

h1 {
	letter-spacing: -1px;
	font-size: 2em;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	line-height: 200%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}
#menu2 {
   width: 760px;
   height: 40px;
   margin: auto;
}
ul#menu_horizontal {
  background: transparent;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 760px;
  }
  ul#menu_horizontal li{
  float: left;
  /*
  display: inline; testar se no final vai dar na mesma por 

causa desse comando!!!
  margin-right: 2px;*/
  }
  ul#menu_horizontal li a{
  display: block;
  background: url(images/botao.gif) no-repeat;
  width: 93px;
  height: 45px;
  _height: 48px;
  font: 14px Verdana;
  text-decoration: none;
  text-align: center;
  color: #fff;
  padding-top: 21px;
  }
  ul#menu_horizontal li a:hover{
  font-weight: bold;
  color: #2C2D32;
  background-image: url(images/botao2.gif);
  background-repeat: no-repeat;
  }
a {
	color: green;
   text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: gray;
}

/* Header */

#header {
	width: 760px;
	height: 288px;
	margin: 0 auto;
	background: url(images/img02.jpg) no-repeat right top;
   border-left: dashed 1px gray;
   border-right: dashed 1px gray;
}
#header1 {
	width: 760px;
	height: 288px;
	margin: 0 auto;

}
#header h1, #header p {
	margin: 0;
	color: #9CBC1E;
}

#header h1 {
	padding: 100px 0 0 70px;
}

#header p {
	padding-left: 73px;
	margin-top: -10px;
}
#header a {
	color: #E6B715;
}

/* Page */

#page {
	width: 760px;
   height: auto;
	margin: 0 auto;   
   border-left: dashed 1px gray;
   border-right: dashed 1px gray;
}
#page1 {
	width: 760px;
   height: 80px;
	margin: 0 auto;
}
/* Content */

#content {
	float: right;
	width: 510px;
   height: auto;
	margin: 0;
   position: relative;
}
#retratos {
   width: 140px;
   height: 180px;
   border: solid 1px white;
   margin-top: 10px;
}
#retratos1 {
   width: 230px;
   height: auto;
   padding: 10px 10px 0 0;
   float: left;
}
#retratos2 {
   width: auto;
   height: auto;
   padding: 10px;
   float: right;
}
#legenda {
   width: 350px;
   height: 150px;
   position: absolute;
   margin-top: -150px;
   margin-left: 150px;
}
#legenda1 {
   width: 500px;
   height: auto;
}
#legenda2 {
   width: 510px;
   height: 280px;
   border: solid 1px white;
   //margin-left: -40px;
   margin-left: -40px;
   margin-top: 5px;
}
#legenda3 {
   width: 210px;
   height: auto;
   margin-left: 10px;
   margin-top: 5px;
   position: absolute;
 }
#legenda4 {
   width: 210px;
   height: auto;
   //margin-left: 250px;
   margin-left: 270px;
   margin-top: 5px;
   position: absolute;
}
#fotos {
   width: 510px;
   height: 330px;
   border: solid 2px white;
   margin-left: -40px;
   margin-top: 1px;
}
.post {
	padding: 10px 10px 0 0;

}

.title {
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 2px solid #B7D24D;
   color: White;
}
pa  {
   margin-left: 25px;
}

.byline {
	margin: 0;
	color: #646464;
}

.meta {
	text-align: left;
	color: #646464;
	padding: 10px 10px;
	height: 48px;
	background: url(images/img06.gif) no-repeat left top;
}

.meta .more {
	padding-left: 20px;
}

.meta .comments {
	padding-left: 20px;
}

.meta a {
	color: #003300;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 230px;
   margin-top: 60px;
   margin-left: 8px;
}
.text {
   text-align: justify;
   font-size: 12px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* Footer */

#footer {
	clear: both;
	width: 760px;
	height: 40px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: url(images/img05.gif) no-repeat left top;
	text-align: center;
	font-size: smaller;
	color: #52640A;
}
.imgfooter {
   width: auto;
   height: auto;
   margin: auto;
   margin-left: 310px;
   margin-top: -45px;
   //margin-top: -28px;
}

#footer a {
	color: #003300;
}
#quadrado1{
   width: 100px;
   height: 100px;
   background-color: Aqua;
   border: solid 1px red;
   position: absolute;
   margin-left: 50px;
}
#quadrado2 {
   width: 50px;
   height: 50px;
   background-color: Green;
   border: solid 1px blue;
   position: absolute;
   margin-left: 30px;
}
#quadrado3 {
   width: 80px;
   height: 50px;
   background-color: yellow;
   border: solid 1px blue;
   position: absolute;
   margin-left: 90px;
   margin-top: 60px;
}
#contato {
   width: 420px;
   height: 415px;
   border: dotted 1px gray;
}
#box {
   width: 150px;
   height: 70px;
   border: solid 1px white;
   text-align: justify;
   font-family: arial;
   font-size: 12px;
   padding:  5px;
   margin-left: 130px;
   margin-top: 100px;
}
#galeria {
   width: 510px;
   height: auto;
   margin-top: 50px;
}
#negocios {
   width: 510px;
   //width: 490px;
   height: auto;
   text-align: center;
   font-size: 14px;
   font-family: arial;
   color: White;
   border: solid 2px gray;
   padding-top: 15px;
   margin-left: -40px;
   //margin-left: -90px;

}
#linkmusic {
   width: 200px;
   height: 50px;
   margin-top: 0px;
   //margin-top: 0px;
   margin-left: 10px;
   text-decoration: none;
}
ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 150px; /* Width of Menu Items */
	background: Black;  /* IE6 Bug */
	font-size: 18px;;
   font-family: arial;
   padding-left: 10px;
   color: White;
}
.menuparent{
	width: 150px;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 0px;
   	padding-left: 0px;

	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 135px; /* Set 1px less than menu width */
	top: 0;
   border: solid 1px green;
  
	}

ul#primary-nav li ul li a { 
   padding: 1px 5px; 
   font-size: 12px;
    border-bottom:  solid 1px green;
   } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over {color: Green;  }

ul#primary-nav li a:hover { color: Green; }