@charset "UTF-8";
/* CSS Document */

/* ------------ colors ------------

Green: #a1c16e
Blue: #a9deea
Brown: #674c33
Beige: #eeedd7
Black: #000

*/


/* ------------ body ------------ */
		
		html, body {
			background-image: url('images/bg.jpg');
			background-repeat:repeat-y;
			background-position: center;
			background-color: #FFF;
			margin: 0;
			padding: 0;
			height: 100%;
		}
		
/* ------------ headers ------------ */
		
		h1 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			letter-spacing: 1px;
			color: #000080;
			padding: 0;
			margin: 10px 0 0 15px;
			text-align: left;
		}
		
/* ------------ links/text/images ------------ */

		p {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			color: #000;
			padding: 0;
			margin: 20px 15px 15px 15px;
			text-align:justify;
		}

		a {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			color: #000080;
		}

		a:hover {
			color: #9fa1a4;
		}
		
		ul {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			color: #000;
			padding: 0;
			margin: 5px 15px 15px 35px;
			text-align: justify;
		}
		
/* ------------ wrapper ------------ */				
		
		#container {
			position: relative;
			width: 750px;
			padding: 0;
			margin: auto;
		}
		
/* ------------ header ------------ */

		#header {
			background-image: url('images/header_bg.jpg');
			position: absolute;
			width: 750px;
			height: 225px;
			padding: 0;
			text-align: center;
		}	
		
/* ------------ navigation ------------ */
		.nav {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
			color: #FFF;
			text-decoration: none;
		}

		.nav:hover {
			color: #FFF;
		}			
		
		#home {
			position: absolute;
			background-color: #000080;
			width: 125px;
			left: 0px;
			top: 220px;
			height: 20px;
			padding: 5px 0 0 0;
			text-align: center;
		}

		#home:hover {
			background-color: #9fa1a4;
		}
				
		#about {
			position: absolute;
			background-color: #000080;
			width: 125px;
			left: 125px;
			top: 220px;
			height: 20px;
			padding: 5px 0 0 0;
			text-align: center;
		}

		#about:hover {
			background-color: #9fa1a4;
		}
		
		#weddings {
			position: absolute;
			background-color: #000080;
			width: 125px;
			left: 250px;
			top: 220px;
			height: 20px;
			padding: 5px 0 0 0;
			text-align: center;
		}


		#weddings:hover {
			background-color: #9fa1a4;
		}
		
		#events {
			position: absolute;
			background-color: #000080;
			width: 125px;
			left: 375px;
			top: 220px;
			height: 20px;
			padding: 5px 0 0 0;
			text-align: center;
		}

		#events:hover {
			background-color: #9fa1a4;
		}		
		
		#thanks {
			position: absolute;
			background-color: #000080;
			width: 125px;
			left: 500px;
			top: 220px;
			height: 20px;
			padding: 5px 0 0 0;
			text-align: center;
		}

		#thanks:hover {
			background-color: #9fa1a4;
		}
		
		#contact {
			position: absolute;
			background-color: #000080;
			width: 125px;
			left: 625px;
			top: 220px;
			height: 20px;
			padding: 5px 0 0 0;
			text-align: center;
		}

		#contact:hover {
			background-color: #9fa1a4;
		}
		
/* ------------ content ------------ */

		#content {
			position: absolute;
			background-color: #FFF;
			width: 750px;
			top: 240px;
			left: 0px;
			padding: 0;
		}
				
		#top_bar {
			position: absolute;
			background-color: #FFF;
			width: 750px;
			height: 300px;
			top: 240px;
			left: 0px;
			padding: 0;
		}

		#bottom_bar {
			position: absolute;
			background-color: #FFF;
			width: 750px;
			height: 300px;
			top: 540px;
			left: 0px;
			padding: 0;
		}