body {
	background: url(../images/tribal-background.gif) repeat-x top center #000;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

small { padding: 10px 0; }

#about h1, #products h1, #services h1, #events h1, #contact h1 {
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: normal;
}

#about h2, #products h2, #services h2, #events h2, #contact h2 {
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: normal;
}

#about h1, #about h2, #about h3 { color: #A02ABD; }
	#about p { padding-bottom: 25px; font-size: 12px; }
		#about h1 { margin-top: -18px; padding-bottom: 3px; }
			#about a { color: #A02ABD; }
#products h1, #products h2, #products h3 { color: #D22932; }
	#products p { padding-bottom: 10px; }
		#products h1 { margin-top: -18px; }
#services h1 { color: #9FD23C; padding: 5px 0 2px 0; }
		.service-list { margin: 0 0 5px; }
		#services a { color: #9FD23C; }
#events h1 { color: #2f6e7a; }
#contact h1 { color: #658238; }
	#contact a { color: #803E30; }
		#contact p { padding-bottom: 25px; font-size: 12px; }

#wrapper, #header, #footer { width: 960px; }

#wrapper {
	margin: 0 auto;
}

#header {
	height: 187px;
}

/* CONTENT STYLES */

#content {
	background: url(../images/slider-background.gif) no-repeat top left transparent;
	height: 486px;
	overflow: hidden;
}

	.left-content {
		float: left;
		padding: 20px 0 0 25px;
		width: 420px;
	}
	
	.right-content {
		float: right;
		padding: 20px 25px 0 0;
		width: 420px;
	}
	
		#content p a.team-button {
			display: block;
			width: 112px; height: 33px;
			background-image: url(../images/team-button.png);
			background-position: top;
			text-indent: -9999px;
			float: left;
			margin: 50px 0 0 150px;
		}
		
		#content p a.tour-button {
			display: block;
			width: 112px; height: 33px;
			background-image: url(../images/gallery-button.png);
			background-position: top;
			text-indent: -9999px;
			float: right;
			margin: 50px 80px 0 0;
		}
		
		#content p a.goback-button {
			display: block;
			width: 112px; height: 33px;
			background-image: url(../images/goback-button.png);
			background-position: top;
			text-indent: -9999px;
			margin-top: 420px;
			margin-left: 410px;
		}
		
		#content p a.team-button:hover, #content p a.team-button:focus, #content p a.tour-button:hover, #content p a.tour-button:focus, #content p a.goback-button:hover, #content p a.goback-button:focus {
			background-position: center;
			-moz-outline-style: none;
			
		}
		
		#content p a.team-button:active, #content p a.tour-button:active, #content p a.goback-button:active {
			background-position: bottom;
			outline: none;
		}
		
			#scrollable {
				overflow:hidden;
				width:960px;
				background-color:transparent;
				position:relative;
				height:486px;
				float:left;
			}
			
				.section {
					width:2880px;
					position:relative;
				}
				
					.section .panel {
						position:relative;
						float:left;
						width:960px;
						height:486px;
					}
					
					li.hidden {
						display: none;
					}
					
/* NAVIGATION */		

#topnav ul {
	margin-top: -95px;
	margin-left: 538px;
}

#topnav ul li {
	float: left;
}
	
	#topnav li a {
		display: block;
		height: 24px;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	#topnav li a:hover, #topnav li a:focus {
		background-position: 0 -24px;
	}
	
	a.about_tab {
		background: url(../images/about-tab.png) no-repeat 0 0 transparent;
		margin-right: 12px;
		width: 61px;
	}
	
	a.products_tab {
		background: url(../images/products-tab.png) no-repeat 0 0 transparent;
		margin-right: 10px;
		width: 86px;
	}
	
	a.services_tab {
		background: url(../images/services-tab.png) no-repeat 0 0 transparent;
		margin-right: 11px;
		width: 84px;
	}
	
	a.events_tab {
		background: url(../images/events-tab.png) no-repeat 0 0 transparent;
		margin-right: 12px;
		width: 69px;
	}
	
	a.contact_tab {
		background: url(../images/contact-tab.png) no-repeat 0 0 transparent;
		width: 77px;
	}
	
		body#about a.about_tab {
			background-position: 0 -24px;
		}
		
		body#products a.products_tab {
			background-position: 0 -24px;
		}
		
		body#services a.services_tab {
			background-position: 0 -24px;
		}
		
		body#events a.events_tab {
			background-position: 0 -24px;
		}
		
		body#contact a.contact_tab {
			background-position: 0 -24px;
		}
		
/* FOOTER STYLES */

#footer {
	background: url(../images/footer-background.gif) no-repeat top left #000;
	color: #666;
	height: 50px;
	margin-top: 50px;
}

#footer p {
	color: #666;
	float: right;
}

#footer a {
	color: #666;
	text-decoration: none;
}

#footer a:hover, #footer a:focus {
	color: #54a1d7;
}

#bottomnav {
	padding-top: 5px;
}

#bottomnav ul li {
	float: left;
}

#bottomnav li a {
	font-size: 12px;
	text-decoration: none;
	color: #666;
}

/* FLOATS & FIXES */

.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; } /* Clearfix IE fix */
	
	.float-left {
		float: left;
	}
	
	.float-right {
		float: right;
	}
	
	img.float-left {
		padding: 0 10px 30px 0;
	}