@font-face {
	font-family: Visitor -BRK-;
	src: url('../fonts/visitor2.ttf');
}

@font-face {
	font-family: Visitor TT2 BRK;
	src: url('../fonts/visitor2.ttf');
}

#nav {
		height:102x;	
		width:745px;
		
	}
	
	#nav ul {	
		width:600px;
		margin:0 auto;	
	}
	
	#nav li {	
		/*border-right:1px solid #ddd; */
		float:left;
		padding-left:1px;
		width:147px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
		height:108px;
	}
	
	#nav a {
		color:#ffffff;
		display:block;
		/*padding:17px; */
		padding-top: 8px;
		font-family: Visitor -BRK-;
		position:relative;
		word-spacing:-2px;
		font-size:24px;		
		height:108px;
		text-decoration:none;
		background:url(../images/tab-unselected.png) no-repeat;	
		margin-top:-3px;
		text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
	}	
	
	#nav a.current {
		background:url(../images/tab-selected.png) no-repeat;	
	}
	
	#nav img {
		display:block;
	}
	
	#nav strong {
		display:block;		
		font-size:13px;
	}
	
	/* panes */
	#panes {
		background: url(../images/tab-panel-bkg.png) repeat-x;
		width:743px;	
		height:255px;
		/*margin-bottom:-20px;
		padding-bottom:4px; */
		margin-left:10px;
		margin-top: 5px;
		padding-right:5px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
		
		-moz-border-radius: 8px 8px 0px 0px;
  	    -webkit-border-top-right-radius:8px;
	    -webkit-border-top-left-radius:8px;
	    -webkit-border-bottom-right-radius:0px;
	    -webkit-border-bottom-left-radius:0px;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		top:20px;
		left:20px;
		font-size:13px;
		color:#444;	
		width:650px; 
	}
	
	#panes img {
		float:left;
		margin-right:20px;		
	}
	
	#panes p.more {
		color:#000;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes h3 {
		margin:0 0 -5px 0;
		font-size:22px;
		font-weight:normal;
	}
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}