/* ************************** */
/* Navigation */
#nav {	
	color: #fff;
    background: url(../style/nav.gif) repeat-x top #030;
    padding: 3px 0 10px 0px;
	list-style: none;
	padding-left:65px;
	z-index: 3;
	margin:0 ;
	height:24px;
}
	
#nav li{
	float: left;
	text-align:center;
	
	}
#nav li.design {
	width: 7em;
}
#nav li.home
{
margin-left:4em;
width: 6em;
}
#nav li.rainforest
{
margin-left:4em;
width: 6em;
}
#nav li.contact
{
width: 7.5em;
}
#nav li.blog
{
width: 3.5em;
}
#nav li.blog
{
width: 9.5em;
}
#nav li.book
{
width: 12em;
}
#nav a {
	display:block;
	border-right: 1px solid #9c8; 
	color:#9c8;
	line-height: 30px;
	padding: 0 1.5em;
	text-decoration:none;	
}
#nav a.activepage {
background: #9c8 url(images/navimg.gif);
}
#nav a:hover{
	background: #9c8 url(images/navimg.gif);
	color:#000000;
	}

#nav li:hover, li.sfhover  {
	/* text-decoration:underline; */
	color:#ffffff;
}
/**************** Second tier of menus ******************/
#nav li ul {
	/* margin:2.1em 0 0 -1px; */
	margin:0;
	padding:0 0 0 0;
	position: absolute;
	left: -999em;
	height: auto;              
	width: 13em;
	font-weight: normal;
	border-width: 0.15em;
	list-style:none;
	background: #030;
	border:2px solid #9c8	;
    }

#nav li:hover ul {
	left:auto;
   
}
#nav li ul li {


width:13em;
}
#nav li ul li a {
	background: none;
	width:10em;
	text-align:left;
	
}
#nav  li ul li a:hover{
	
	
	}
/*#nav li ul li a:hover, li ul li a.sfhover  {
	
	color:#ffffff;
	width:13em;
}*/
#nav li ul ul {
	/* -1em top */
	border:2px solid #095CB0;
	margin: -30px 0 0 120px;
}

/********/
/***************** port nav ******************************/

#portnav {	
	color: #fff;
	list-style: none;
	padding-left:0;
	z-index: 3;
	margin:0 ;
	
	}
#portnav:after{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; } 

#portnav{display: inline-block;} 

/* Hides from IE Mac \*/ 
* html 
#portnav{height: 1%;} 
#portnav{display:block;}	
#portnav li{
	float: left;
	text-align:center;	
	}
#portnav li.active {
	background: #008c00;
}
#portnav li.home
{
margin-left:4em;
width: 6em;
}

#portnav li.contact
{
width: 7.5em;
}
#portnav li.blog
{
width: 3.5em;
}
#portnav li.blog
{
width: 9.5em;
}
#portnav li.book
{
width: 12em;
}
.portafter {
	margin-bottom: 2em;
}
#portnav a {
	display:block;
	border-right: 1px solid #9c8; 
	border-top: 1px solid #9c8; 
	color:#9c8;
	line-height: 30px;
	padding: 0 1.5em;
	text-decoration:none;	
	
}
#portnav a.firstportnav {
	border-left: 1px solid #9c8; 
}
#portnav a.activepage {
background: #9c8 url(images/navimg.gif);
}
#portnav a:hover{
	background: #9c8 url(images/navimg.gif);
	color:#000000;
	}

#portnav li:hover, li.sfhover  {
	/* text-decoration:underline; */
	color:#ffffff;
}