/* layout.css */

* {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}

/*body*/
body {
	text-align: center;/* alinhamento para IE 5 e 5.5 */
	background-image: url(../_images/bg.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	background-color: #e7e7e1;
}
/*container*/
div#container {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	height: 668px;
}

div#cabecalho {
	height: 70px;
}

div#cabecalho ul {
	float: left;
	list-style: none;/*Tirar Bullet*/
	height: 14px;
	padding: 55px 0 0 80px;
}

div#cabecalho ul li.casamento span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#cabecalho ul li.casamento {
	/*margin: 35px 0 0 0;*//*Distância entre li's*/
	display: block;
	width: 56px;
	float: left;
	padding: 0 0 0 10px;
}

div#cabecalho ul li.casamento a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 14px;/*Altura do a*/
	line-height: 14px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image:url(../_images/casamento_but.gif);
	background-position: top center;
	background-repeat:no-repeat;
	/*border-bottom: 1px solid #DDD;*/
	/*width: 200px;*/
	/*Se elemento tiver width + (padding e/ou boorda) problema a vista*/
	/*width + padding + borda = modelo correto*/
	/*width - (padding + borda) = modello errado*/
}

div#cabecalho ul li.casamento a:hover {
	background-image:url(../_images/casamento_but2.gif);
}

div#cabecalho ul li.debutante span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#cabecalho ul li.debutante {
	/*margin: 35px 0 0 0;*//*Distância entre li's*/
	display: block;
	width: 37px;
	float: left;
	padding: 0 0 0 10px;
}

div#cabecalho ul li.debutante a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 14px;/*Altura do a*/
	line-height: 14px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/15Anos_but.gif);
	background-position: top center;
	background-repeat:no-repeat;
	/*border-bottom: 1px solid #DDD;*/
	/*width: 200px;*/
	/*Se elemento tiver width + (padding e/ou boorda) problema a vista*/
	/*width + padding + borda = modelo correto*/
	/*width - (padding + borda) = modello errado*/
}

div#cabecalho ul li.debutante a:hover {
	background-image: url(../_images/15Anos_but2.gif);
}

div#cabecalho ul li.corporativo span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#cabecalho ul li.corporativo {
	/*margin: 35px 0 0 0;*//*Distância entre li's*/
	display: block;
	width: 62px;
	float: left;
	padding: 0 0 0 10px;
}

div#cabecalho ul li.corporativo a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 14px;/*Altura do a*/
	line-height: 14px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/corporativo_but.gif);
	background-position: top center;
	background-repeat:no-repeat;
	/*border-bottom: 1px solid #DDD;*/
	/*width: 200px;*/
	/*Se elemento tiver width + (padding e/ou boorda) problema a vista*/
	/*width + padding + borda = modelo correto*/
	/*width - (padding + borda) = modello errado*/
}

div#cabecalho ul li.corporativo a:hover {
	background-image: url(../_images/corporativo_but2.gif);
}

div#cabecalho ul li.studio span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#cabecalho ul li.studio {
	/*margin: 35px 0 0 0;*//*Distância entre li's*/
	display: block;
	width: 28px;
	float: left;
	padding: 0 0 0 10px;
}

div#cabecalho ul li.studio a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 14px;/*Altura do a*/
	line-height: 14px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/studio_but.gif);
	background-position: top center;
	background-repeat:no-repeat;
	/*border-bottom: 1px solid #DDD;*/
	/*width: 200px;*/
	/*Se elemento tiver width + (padding e/ou boorda) problema a vista*/
	/*width + padding + borda = modelo correto*/
	/*width - (padding + borda) = modello errado*/
}

div#cabecalho ul li.studio a:hover {
	background-image: url(../_images/studio_but2.gif);
}

div#cabecalho ul li.blog span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#cabecalho ul li.blog {
	/*margin: 35px 0 0 0;*//*Distância entre li's*/
	display: block;
	width: 20px;
	float: left;
	padding: 0 0 0 10px;
}

div#cabecalho ul li.blog a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 14px;/*Altura do a*/
	line-height: 14px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/blog_but.gif);
	background-position: top center;
	background-repeat:no-repeat;
	/*border-bottom: 1px solid #DDD;*/
	/*width: 200px;*/
	/*Se elemento tiver width + (padding e/ou boorda) problema a vista*/
	/*width + padding + borda = modelo correto*/
	/*width - (padding + borda) = modello errado*/
}

div#cabecalho ul li.blog a:hover {
	background-image: url(../_images/blog_but2.gif);
}


/*Corpo*/
div#corpo {
	background-image: url(../_images/fundo_main.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 823px;
	height: 476px;
}

div#corpo div#section-a div.header h1.logo {
	width: 106px;
	height: 235px;
}

div#corpo div#section-a div.header h1.logo span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.header h1.logo {
	background-image: url(../_images/logo.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 106px;
	height: 235px;
	margin: 0 auto;
}

div#corpo div#section-a div.image {
	width: 787px;
	height: 213px;
	margin: 0 auto;
}

div#corpo div#section-a div.image h2.casamentoFoto a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.casamentoFoto a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.casamentoFoto a {
	background-image: url(../_images/casamento_img.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.image h2.debutanteFoto {
	padding: 0 0 0 160px;
}

div#corpo div#section-a div.image h2.debutanteFoto a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.debutanteFoto a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.debutanteFoto a {
	background-image: url(../_images/15Anos_img.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.image h2.depoimentosFoto {
	padding: 0 0 0 328px;
}

div#corpo div#section-a div.image h2.depoimentosFoto a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.depoimentosFoto a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.depoimentosFoto a {
	background-image: url(../_images/corporativo_img.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.image h2.studioFoto {
	padding: 0 0 0 495px;
}

div#corpo div#section-a div.image h2.studioFoto a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.studioFoto a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.studioFoto a {
	background-image: url(../_images/studio_img.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.image h2.blogFoto a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: right;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.blogFoto a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.blogFoto a {
	background-image: url(../_images/blog_img.jpg);
	width: 133px;
	height: 211px;
	float: right;
}

/*Rodapé*/

div#rodape {
	padding: 80px 0 0 0;
}

div#rodape p.direitos span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#rodape p.direitos {
	display: block;
	background-image:url(../_images/direitos.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 377px;
	height: 12px;
	float: left;
	margin: 0 0 0 89px;
	_margin: 0 0 0 44px;
}
div#rodape p.dcd span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#rodape p.dcd a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 14px;/*Altura do a*/
	line-height: 14px;/*Altura do a*/
	background-image: url(../_images/dcd.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	width: 87px;
	height: 14px;
	float: right;
	margin: 0 85px 0 0;
	_margin: 0 43px 0 0;
}