/*
Theme Name: SJoA Landing Page
Theme URI: http://sosagroup.com
Description: Custom theme for Saint Joan of Arc landing page
Author: The Sosa Group
Version: 0.1
Tags: 
*/

body {
	background: url(images/landing-background.png) top center;
}

#wrapper {
	width: 980px;
	margin: 80px auto 0;
	text-align: center;
}	
	
#navigation {
	height: 35px;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #120453 url(images/nav-bar.png) repeat-x top center;
	list-style: none outside none;
	color: #fff;
	text-align: center;
}

	#navigation li { 
		float: left;
	}
	
		#navigation li a {
			display: block;
			width: 178px;
			height: 35px;
			margin-bottom: 16px;
			line-height: 35px;
			color: #fff;
			text-decoration: none;
			text-align: center;
			text-indent: -4444px;
			background: url(images/nav-buttons.png);
			outline: none;
		}
		
			#navigation li#church a 		{ background-position: top center; }
			#navigation li#church a:hover	{ background-position: bottom center; }
			#navigation li#school a 		{ background-position: top right; }
			#navigation li#school a:hover	{ background-position: bottom right; }
			#navigation li#french a 		{ background-position: top left; }
			#navigation li#french a:hover	{ background-position: bottom left; }

	li#church { float: left; margin-right: 222px; }
	li#school { float: right; }