@charset "utf-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0;
	background: #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content {
	display:block;
	margin: auto;
	width:1001px;
	position:relative;
}
#content .caption { display:block; position:absolute; top:360px; left: 15px; width:365px; border: dotted 1px #12538a; padding: 10px; }
#logo  {
	display:block;
	float:left;
	height:50px;
	width:380px;
	position:absolute;
	top: 220px;
	left:10px;
	border-bottom: #949494 solid 1px;
}
#logo h1 {
	background: url(img/logo_byrm.png) 0 0 no-repeat; 
	_background: url(img/ie6/logo_byrm.png) 0 0 no-repeat; 
	text-indent: -5000px;
}
#logo a {
	display:block;
	height:26px;
	width:327px;	
	text-decoration:none;
	border:none;
}

/* apresentacao */

#apresentacao { display:block; float:right; width:655px; height:505px; margin-top: 60px; position:relative; overflow:hidden; }
#apresentacao ul { list-style-type:none; float:left; margin:0 10px 0 0; padding:0;}
#apresentacao a { display:block; width:75px; height: 12px; text-decoration:none; text-indent: -10000px; margin-top: 8px; }
#apresentacao .mn_books a { background: url(img/mn_port.png) 0 0 no-repeat ; _background: url(img/ie6/mn_port.png) 0 12px no-repeat ;}
#apresentacao .mn_casamentos a { background: url(img/mn_port.png) 0 -20px no-repeat; _background: url(img/ie6/mn_port.png) 0 -8px no-repeat ;}
#apresentacao .mn_eventos a { background: url(img/mn_port.png) 0 -40px  no-repeat ; _background: url(img/ie6/mn_port.png) 0 -28px  no-repeat ;}
#apresentacao .mn_arquitetura a{ background: url(img/mn_port.png) 0 -60px no-repeat; _background: url(img/ie6/mn_port.png) 0 -48px no-repeat;}
#apresentacao .mn_ensaios a { display:none; background: url(img/mn_port.png)0 -80px no-repeat; _background: url(img/mn_port.png)0 -68px no-repeat;}
#apresentacao .mn_fineart a { display:none; background: url(img/mn_port.png) 0 -100px no-repeat; _background: url(img/mn_port.png) 0 -88px no-repeat;}

#apresentacao .mn_books a:hover { background-position: -75px 0;}
#apresentacao .mn_casamentos a:hover { background-position: -75px -20px ;}
#apresentacao .mn_eventos a:hover {  background-position: -75px  -40px ;}
#apresentacao .mn_arquitetura a:hover{  background-position: -75px  -60px ;}
#apresentacao .mn_ensaios a:hover {  background-position: -75px  -80px;}
#apresentacao .mn_fineart a:hover {  background-position: -75px  -100px ;}

#fotos { float:left; width:544px; height:515px; border-bottom:dotted 1px #949494;}
#fotos img { display:block; margin: 0 auto;  border: solid 1px #989898; }

#navi { display:block; float:right; width:20px; height: 80px; }
#next a { float:left; clear:both; text-indent: -10000px; width:14px; height:21px; background:url(img/nxt_bck.png) 0 0 no-repeat; }
#next a:hover {background-position:-14px 0 ; }

#back a { float:left; clear:both; text-indent: -10000px; width:14px; height:21px; background:url(img/nxt_bck.png) 0 -21px no-repeat; }
#back a:hover {background-position:-14px -21px ; }


/*contato */

#contato { display:block; float:right; width:550px; height:505px; padding-top:25px; padding-left: 10px; margin-top: 60px; position:relative; overflow:hidden; background: url(img/fale.png) 5px 0 no-repeat; border-left:dotted 1px #949494; }
#contato p { margin: 10px; color:#12538a; font-size:14px; }
.texto { border-bottom: solid 1px #12538a; }
#boxes p { display:block; float:left; width:250px; color:#949494; }
#boxes img {margin-right: 10px; }
#boxes a { text-decoration:none; color: #949494;}
#boxes a:hover { text-decoration:underline;}
#form { border-bottom: dotted 1px #949494; }

/*sobre */

#sobre { display:block; float:right; width:550px; height:505px; padding-top:25px; padding-left: 10px; margin-top: 60px; position:relative; overflow:hidden; background: url(img/sobre.png) 5px 0 no-repeat; border-left:dotted 1px #949494; }
#sobre p { margin: 10px; color:#949494; font-size:12px; }
#sobre .texto{ border-bottom: solid 1px #12538a; font-size:14px; color: #12538a; }

/*menu */

#menu { display:block; position:absolute; top: 295px;}
#menu ul {list-style-type:none; margin:0 10px; padding:0; }
#menu li { float:left; margin-right: 25px; }
#menu a { display:block; width:80px; height: 26px; text-decoration:none; text-indent: -10000px; }

#menu .portfolio a {background:url(img/mn.png) 0 0 no-repeat;}
#menu .sobre a {background:url(img/mn.png) -110px 0 no-repeat;}
#menu .contato a {background:url(img/mn.png) -220px 0 no-repeat;}

#menu .portfolio a:hover { background-position: 0 -30px;}
#menu .sobre a:hover { background-position: -110px -30px;}
#menu .contato a:hover { background-position: -220px -30px;}

#menu .portfolio_sel a{ background:url(img/mn.png)  0 -30px no-repeat;}
#menu .sobre_sel a { background:url(img/mn.png)  -110px -30px no-repeat;}
#menu .contato_sel a {background:url(img/mn.png) -220px -30px no-repeat;}

/* social */

#social { display:block; width: 375px; height: 45px; position:absolute; top: 520px; left:15px; border:dotted 1px #949494; padding: 5px; background:url(img/social_bg.png) 0 5px no-repeat; }
#social ul { list-style-type: none; margin:8px; padding: 0;}
#social li { display:block; float:left; width:36px; height: 32px; margin:0; }
#social .twitter a { display:block; text-indent: -5000px; background:url(img/social.png) 0 0 no-repeat; width:36px; height:32px; }
#social .facebook a {display:block; text-indent: -5000px; background:url(img/social.png) -36px 0 no-repeat; width:36px; height:32px; }
#social .flickr a {display:block; text-indent: -5000px; background:url(img/social.png) -72px 0 no-repeat; width:36px; height:32px; }
#social .delicious a { display:block;text-indent: -5000px; background:url(img/social.png) -108px 0 no-repeat; width:36px; height:32px; }
#social .picasaweb a {display:block; text-indent: -5000px; background:url(img/social.png) -144px 0 no-repeat; width:36px; height:32px; }
#social .linkedin a {display:block; text-indent: -5000px; background:url(img/social.png) -180px 0 no-repeat; width:36px; height:32px; }

#social .twitter a:hover {  background:url(img/social.png) 0 -36px no-repeat; width:36px; height:32px; }
#social .facebook a:hover {background:url(img/social.png) -36px -36px no-repeat; width:36px; height:32px; }
#social .flickr a:hover { background:url(img/social.png) -72px -36px no-repeat; width:36px; height:32px; }
#social .delicious a:hover { background:url(img/social.png) -108px -36px no-repeat; width:36px; height:32px; }
#social .picasaweb a:hover { background:url(img/social.png) -144px -36px no-repeat; width:36px; height:32px; }
#social .linkedin a:hover { background:url(img/social.png) -180px -36px no-repeat; width:36px; height:32px; }

/*outros eventos e galerias - links */

#outros { display:block; width: 386px; height: 125px; position:absolute; top: 380px; left:15px; border-right:dotted 1px #949494; border-top:dotted 1px #949494; border-bottom:dotted 1px #949494; padding-top: 5px; background: url(img/galeria_tt.png) 0 5px no-repeat; }
#item_outros { display:block; float:left;  margin-top: 30px; margin-left: 18px; border: solid 1px #949494; padding:5px; }
#item_outros a img { display:block; text-indent:-10000px; border:none; }