* { margin: 0; padding: 0; }

body {
	background: #212930 url("../images/bg-landing.jpg") top center repeat-y;
	font: 0.85em "Trebuchet MS", Arial, sans-serif;
	color: #d2d6d9;
	text-align: center;
	margin: 0 auto;
	height: 600px;
}

a {
	color: #CAB388;
	text-decoration: none;
}

a:hover { color: #868F98; }

abbr, span.abbr {   
	cursor: help;
  	border-bottom: 1px dashed #888;
}
  
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 767px;
	
}

#skipnav {
	position: absolute;
 	left: -9999px;
 	width: 9000px;   
}

#header h1 a {
	display: block;
	height: 62px;
	position: relative;
	text-decoration: none;
	text-indent: -9999px;
	top: 65px;;
	width: 380px;
	border-bottom: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

#header {
	background: url("../images/logo-personaldevelopment-l.jpg") no-repeat;
	height: 138px;
	width: 767px;
	text-indent: -9999px;
}

* html #header #navlist { padding-top: 39px; position: relative; top: 13px; }

#header #navlist {
	float: right;
	padding-top: 50px;
	height: 35px;
	text-indent: 0;
	list-style: none;
}

#header #navlist li {
	font-size: 0.8em;
	margin: 6px;
	display: inline;
}

#header #navlist li a {
	color: #fff;
	text-indent: 0;
	text-decoration: none;
}

#header #navlist li a:hover {
	border-bottom: 2px solid #02F1B6;
	color: #B4B5B5;
}

#home-aboutme {
	background: url("../images/home.jpg") no-repeat;
	height: 25px;
	width: 766px;
	text-indent: -9999px;
}

#home-portfolio {
	background: url("../images/portfolio-home.jpg") no-repeat;
	height: 161px;
	width: 766px;
	text-indent: -9999px;
}

#aboutme {
	background: url("../images/aboutme.jpg") no-repeat;
	height: 25px;
	width: 300px;
	text-indent: -9999px;
}

#family {
	background: url("../images/family.jpg") no-repeat;
	height: 25px;
	width: 255px;
	text-indent: -9999px;
}
/*Pagina Direção*/
#direcao{
	background: url("../images/direcao.jpg") no-repeat;
	height: 30px;
	width: 250px;
	text-indent: -9999px;
}
/*Pagina CD*/
#cd{
	background: url("../images/recent.jpg") no-repeat;
	height: 30px;
	width: 250px;
	text-indent: -9999px;
}
/*Pagina Integrantes*/
#integrantes{
	background: url("../images/integrantes.jpg") no-repeat;
	height: 30px;
	width: 250px;
	text-indent: -9999px;
}
/*Pagina repertorio*/
#repertorio{
	background: url("../images/repertorio.jpg") no-repeat;
	height: 30px;
	width: 250px;
	text-indent: -9999px;
	LIST-STYLE-IMAGE: url(../images/reper.gif);
    image-position: left	
}

/*Pagina videos*/
#repertorio{
	background: url("../images/videos.jpg") no-repeat;
	height: 30px;
	width: 250px;
	text-indent: -9999px;
	LIST-STYLE-IMAGE: url(../images/reper.gif);
    image-position: left	
}

/*Pagina ogrupo*/
#ogrupo{
	background: url("../images/grupo.jpg") no-repeat;
	height: 30px;
	width: 250px;
	text-indent: -9999px;
}
.Titulos
{
    font-family: Tahoma;
	FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #BF6D05;
    text-align:center;
}


.SubTitulos
{
    font-family: Tahoma;
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #00AFFF;
    text-align:center;
}
#quick {
	background: url("../images/quick.jpg") no-repeat;
	height: 25px;
	width: 250px;
	text-indent: -9999px;
}

#maincol {
	float: left;
	width: 468px;
}

#maincol #breadcrumbs a  {
	position: relative;
	top: -15px;
	text-decoration: underline;
	font-size: 0.75em;
}

#maincol p#crumb {
	position: relative;
	top: -15px;
	overflow: auto;
}

#maincol h2 {
	padding-left: 7px;
	font-size:1.1em;
	margin-top: 10px;
}

#maincol h1 {	margin: 15px 0 10px 5px; }

#maincol p {
	font-size: 0.85em;
	line-height: 1.6em;
	margin-left: 10px;
	padding-top: 15px;
}

#maincol .content {
	padding-bottom: 20px;
	border-bottom: 1px solid #414B56;
}

#maincol .folio {
	margin: 8px 5px 5px 5px;
	padding-bottom: 20px;
	border-bottom: 1px solid #2D333B;
	border-right: 1px solid #333941;
	width: 390px;
	background: transparent url("../images/foliobg.gif");
}

#maincol .folio:hover {
	background: #2D343B; 
}

#maincol .link span {
	padding: 0 0 0 16px;
	background: url("../images/links.gif") no-repeat 5px 4px; 
}

#maincol .folio h1 {
	font-size: 1.3em;
	background: #414B56;
	width: 386px;
	border-bottom: 1px solid #414B56;
}
/*
#maincol form {
	margin-top: 20px;
}

#maincol fieldset { border: 0; }

#maincol input { 
	font-size: 0.9em; 
	width:150px;
	}

#maincol input, textarea {
	background-color: #4C5156;
	border: 1px inset #4D5660;
	color: #FFFFFF;
	overflow:hidden;
}

#maincol input:focus, textarea:focus {
	background-color: #676D73;
	border: 1px solid #71CDF7;
}

#maincol input {  
	margin-left: 10px;
	margin-bottom: 10px;
	} 

#maincol label { 
	margin-left: 10px; 
	font-size: 0.9em;
}

#maincol textarea {
	width: 350px;
	height: 90px;
	margin-left: 10px;
}
*/
#maincol #sub { 
	color: #d2d6d9;
	width: 45px;
	font-size: 0.75em;
	border-top: 1px inset #4d5660;
	border-left: 1px inset #4d5660;
	border-right: 1px inset #666;
	border-bottom: 1px inset #666;
}

p.error { color: #FF0000; }
p.success { color: #48EC4C; }

#maincol .contentend { border: 0; }

#sidecol {
	float: left;
	margin-left: 20px;
	width: 274px;
}

#sidecol #proj a {
	background: url("../images/client.jpg") no-repeat;
	display: block;
	text-decoration: none;
	height: 175px;
	margin-left: -6px;
	width: 200px;
	text-indent: -9999px;
}

#sidecol #proj a:hover { background-position: 0 -175px; }

#sidecol h1 {margin: 15px 0 10px 0; }

#sidecol h2 {
	font-size: 1.1em;
	margin-top: 13px;
	margin-bottom: 13px;
}

#sidecol h3 {
	font-size: 1em;
	padding-top: 20px;
	clear: left;
}

#sidecol p {
	font-size: 0.8em;
	line-height: 1.6em;
	padding-right: 10px;
	margin-top: 10px;
	text-align: left;
}

#sidecol dt {
	padding: 30px 0 0 10px;
	font-weight: bold;
}

#sidecol dd a {
	clear: both;
	background: url("../images/ryan-park.jpg") no-repeat;
	height: 214px;
	width: 260px;
	display: block;
	margin: 5px 0 20px 5px;
	border: 2px solid #CAB388;
}

#sidecol dd a:hover { border: 2px solid #666F78; }

#sidecol span { display: none; }

#sidecol ul { list-style: none; }

#sidecol ul#client li a { 
	margin: 10px; 
	display: block; 	
	height: 47px;
	text-indent: -9999px;
	border: 2px solid #91969A;
	width: 75px;
}

#sidecol ul#persona li a {
	margin: 10px; 
	display: block;  	
	height: 47px;
	text-indent: -9999px;
	border: 2px solid #91969A;
	width: 75px;
}

#sidecol ul#persona li, #sidecol ul#client li { float: left; }
#sidecol li#apex a { background: url("../images/apex.jpg") no-repeat; }
#sidecol li#outlet a { background: url("../images/outlet.jpg") no-repeat; }
#sidecol li#insight a { background: url("../images/insight.jpg") no-repeat; }
#sidecol li#blog a { background: url("../images/blogstyle.jpg") no-repeat; }
#sidecol li#styled a { background: url("../images/style.jpg") no-repeat; }
#sidecol ul#persona { clear: both; list-style: none; }

#footer {
	background: url("../images/footerbg.gif") 0  50px repeat-x;
	clear: left;
	width: auto;
	padding-top: 50px;
	height: 40px;
}

#footer p {
	margin-top: 5px;
	font-size: 0.75em;
	margin-left: 10px;
	color: #fff;
}

ul#footerlinks {
	list-style: none;
	margin-left: 10px;
}

ul#footerlinks li {
	display: inline; 
	font-size: 0.75em;
}

/*---- Formulario ------*/
.formulario
{
margin: 0px;
padding: 0px;
}
input
{
border : 1px solid #cccccc;
color : #ffffff;
font-family : "Trebuchet MS", verdana, arial, helvetica, geneva, swiss, sunsans-regular, sans-serif;
height : 12px;
font-size: 11px;
margin-top : 0;
padding: 0;
background:  #f6f6f6;
}
input.contato:hover
{
border : 1px solid #99cc33;
background: url(../images/greencorner.gif) top right no-repeat;
}

input.botaoclean {
	display: none;

}

input.botao
{
height: 32px;
width: 96px;
background: url(../images/enviar.gif) no-repeat;
border: none;
cursor:hand;
}
input.botao:hover
{
background-position: 0 -32px;
}
input.contato
{
height: 16px;
width : 300px;
background: url(../images/graycorner.gif) top right no-repeat;
font-color:#ffffff;
}
input.contato:focus
{
border: 1px solid #ff6633;
background: url(../images/orancorner.gif) top right no-repeat;
}
textarea
{
background-color: #ff6633;
border: 1px solid #cccccc;
color: #ff6633;
font-family : "Trebuchet MS", verdana, arial, helvetica, geneva, swiss, sunsans-regular, sans-serif;
font-size: 11px;
width: 300px;

background: url(../images/msn.gif) bottom left no-repeat;
padding: 2px;
}
textarea:hover
{
border : 1px solid #99cc33;
background: url(../images/txtgreencorner.gif) bottom left no-repeat;
}
textarea:focus
{
border : 1px solid #ff6633;
background: url(../images/txtorancorner.gif) bottom left no-repeat;
}