#featured{
	width:383px;
	padding-right:336px;
	position:relative;
	height:153px;
	border:#d4d0c8 dotted thin;
  }
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0px;
	left:340px;
	list-style:none;
	padding:0;
	margin:0;
	width:379px;
	height: 153px;
	background-color: #FFFFFF;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:15px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:36px; 
	color:#e9e9e9;  background:#fff; 
	text-decoration:none;
	vertical-align:text-bottom;
	
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('f01/img/flecha.png') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#eeeeee;
}
#featured .ui-tabs-panel{
	width:350px;
	height:153px;
	background:#999;
	position:relative;
	background-color: #FFFFFF;
	top: 0px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('f01/img/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#divNav {
		margin: 0;
		padding: 0;
		height: 80px;
		width: 800px;
	}
 
	#nav {
	position: relative;
	top: 55px;
	height: 50px;
	width: 980px;
	}
 
	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}
 
	#nav a {
		text-decoration: none;
	}
 
	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 15px;
	}
 
	#nav li ul {
		display: none;
	}
 
	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 17px;
	left: 0px;
	padding-top: 2px;
	background: #224d6f;
	height: 20px;
	width: 923px;
	padding-left: 60px;
	}
 
	#nav li.on ul {
		background: #f90;
	}
 
	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #224d6f;
	}
 
	#nav li a {
		color: #034D7C;
		font-weight: bold;
		display: block;
		width: 93px;
		padding: 0;
	}
 
	#nav li.on a {
		color: #f90;
	}
 
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}
 
	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #224d6f;
	}
 
	#nav li.on ul {
		display: block;
		color:#FFFFFF
	}
 
	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}
 
	#nav li.off a:hover, #nav li.on a:hover {
	/* Efeito ao passar o mouse em cima no menu principal */ 
		color: #f90;
		background-color:#224d6f;
	}
 
	/*do the image replacement*/
 
	#nav li span {
		position: absolute;
		left: -9384px;
	}
 
	#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
	display: block;
	position: relative;
	height: 20px;
    }
 
/*first, put the initial states in place*/
 
#liRenaissance a {
	background-position: 0 0;
}
 
#liArtNouveau a {
	background-position: -102px 0;
}
 
#liModern a {
	background-position: -204px 0;
}
 
#liPostModern a {
	background-position: -306px 0;
}
 
#liDigital a {
	background-position: -408px 0;
}
 
/*active area - for this demo - the code could be based on a body class, and probably work better.*/
 
 #liModern.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/
 
/*hover states*/
 
#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: 0 -73px;
}
 
#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -102px -73px;
}
 
#liModern a:hover, #liModern:hover a, #liModern.over a {
	background-position: -204px -73px;
}
 
#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -306px -73px;
}
 
#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
	background-position: -408px -73px;
}
 
/*Sub Menu*/
 
 /*Sub Menu com o mouse no menu principal*/
#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #224d6f;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: small;
}		
 
  /*Fundo do sub menu com o mouse fora de tudo*/
#nav li.on ul a {
	background: #f90;
}
#slideshow {
	position:relative;
	height:180px;
	width: 720;
}

#slideshow IMG {
	position:absolute;
	top:0px;
	left:8px;
	z-index:8;
	opacity:0.0;
	width: 720;
	height: 180;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}