/******************************
* THE TOP PRIMARY NAVIGATION
******************************/
div#primarynav{
height:53px;
width:700px;
margin:0 0 0 0px;
padding:0;
border:0;
background:transparent;
/* not required at this time :)
float:left; */
}
div#primarynav ul#menu{
height:53px;
width:700px;
background:transparent url(../g/navbar.jpg) top left no-repeat;
margin:0;
padding:0;
position:relative;
}
div#primarynav ul#menu li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menu li,ul#menu a{
height:53px;
display:block;
}
div#primarynav ul#menu li a{
text-indent:-9999px;
text-decoration:none;
/* commented backslash hack v2 \*/
overflow: hidden;
/* end hack */
}
#home{
left:0;
width:208px;
}
#about{
left:208px;
width:95px;
}
#folio{
left:303px;
width:95px;
}
#tech{
left:398px;
width:95px;
}
#contact{
left:491px;
width:209px;
}
/* start of buttons */
/* The 'on' states follow */
#home a:hover,body#homeon #home{
background:transparent url(../g/navbar.jpg) 0 -53px no-repeat;
}
#about a:hover,body#abouton #about{
background:transparent url(../g/navbar.jpg) -208px -53px no-repeat;
}
#folio a:hover,body#folioon #folio{
background:transparent url(../g/navbar.jpg) -303px -53px no-repeat;
}
#tech a:hover,body#techon #tech{
background:transparent url(../g/navbar.jpg) -398px -53px no-repeat;
}
#contact a:hover,body#contacton #contact{
background:transparent url(../g/navbar.jpg) -491px -53px no-repeat;
}


	
#menu ul {
    margin:0px;
	padding:0px;
	list-style:none;
	}
		
#menu li {
    text-align:right;
	padding:0px;
	margin:0px;
	width:165px;  /*139*/
	}
	
#menu a {
    font-size:11px;
	display:block;
	padding: 4px 15px 4px 0px;
	margin:0px 9px 0px 0px;
	width: 165px; /*115*/
	color:#fff;
	}

#menu a:hover {
   color:#fff;
   background-color:#acc7ce;

   }
   
   
#menuBack {
    height:321px;
	width:180px;
	background-color:#000000;
	position:absolute;
	left:0px;
	top:0px;
	opacity:.5;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
    }



a.current {
     background:url('images/current.gif') right top no-repeat;
     }
     
     
#nav, #nav ul {
   /* Width of Menu Items */
    margin:0px;
    padding:0px;
    z-index:200;
    }

    
#nav ul {
    width:135px;
    }
   	
    
#nav li {
	position: relative;
	width:13px;
	}
	
	
	
#nav ul {
	position:absolute;
	left:130px; 
	top:0px;
	visibility:hidden;
	background-color:#2c2c2c;
	border:0px;
	opacity:.8;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	z-index:10;
	}
	
	
#nav ul a {
    padding: 4px 5px 4px 0px;
    width:130px;
    margin:0px;
    }
	
    
		
#nav li:hover ul, #nav li.over ul { visibility: visible; z-index:10;} /* The magic */


#menuBookNow a {
	font-weight:bold;
	color:#AEC6D0;
}