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

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #f2f0eb url(/images/bg.png);
	font: 14px century gothic, Sans-Serif; color: #50473d; line-height: 24px;
}

#header {
	height: 244px; padding: 5px 50px 5px 50px; overflow: hidden; margin: auto;
	background: url(/images/header-bg.png);
}

	#header h1 {
		font: 38px Georgia, Serif; color: #f2f0eb; letter-spacing: 2px; margin: 0 0 20px 0;
		text-shadow: 0px 3px 3px #494949;
	}
	#header h2 {
		width: 510px; font: 30px Georgia, Serif; color: #f2f0eb; letter-spacing: 2px; margin: 0 0 20px 0;
		text-shadow: 0px 3px 3px #494949;
	}
	#header p.btn a {
		display: block; width: 225px; height: 50px; overflow: hidden; float: center;
		background: url(/images/header-bg.png); text-indent: -9999px;
	}


#container {
	position: relative; width: 800px; height: 100%; margin: auto; padding: 30px 30px auto;  
}

#nav {
	height: 25px; padding: 5px 50px 5px 50px; overflow: hidden; margin: auto;
}

#social {
	height: 30x; padding: 5px 50px 5px 50px; overflow: hidden; margin: auto;
}

	#social p#social {
		float: center; margin: 0 20px 0 0;
	}

#content {
	background: url(/images/content-bg.png) repeat-y;
	padding: 50px 50px 50px 50px; overflow: hidden; margin: auto;
}
	#content h2 {
		font: 20px century gothic, Sans-Serif; letter-spacing: 2px; margin: 0 0 20px 0;
	}

	#content h3 {
		font: 20px century gothic, Sans-Serif; letter-spacing: 2px; margin: 0 0 20px 0;
	}
	
	#content p {
		margin: 0 0 30px 0;
	}
	
	#content a {
		color: #f9965a; text-decoration: none;
	}
		#content a:hover {
			color: #efb583;
		}


#middle-title {
	background: url(/images/middle-bg.png) repeat; 
	padding: 20px 20px 20px 20px;  width: 800px; overflow: hidden;
}

	#middle-title p#title {
		float: left; margin: 0 0 0 30px;
	}

#middle {
	background: url(/images/title-bg.png) repeat;
	padding: 20px 20px 20px 20px;  width: 800px; overflow: hidden;
}
	


#info {
	width: 400px; float: left; padding: 10px 10px 10px 10px; overflow: hidden;
}
	
	#info p {
		margin: 0 0 30px 0; float: left;
	}
	
	#info a {
		color: #f9965a; text-decoration: none;
	}
		#content a:hover {
			color: #efb583;
		}
	
	
	#footer {
	background: url(/images/footer-bg.png) repeat;  height:20px; bottom: 0; padding: 40px 0 0 0;
	overflow: hidden; margin: 0 0 0 0;
}
	#footer p#copyright {
		font-size: 12px; float: left; margin: 0 0 0 20px; color: #b8b6b2;
	}
	#footer p#back-top {
		font-size: 12px; float: right; margin: 0 20px 0 0;
	}
		#footer a {
		color: #f9965a; text-decoration: none;
	}
		#footer a:hover {
			color: #edb17a;
		}
		
		$(document).ready(function() {
	$("ul#nav li:nth-child(1)").css("margin-right", "60px");
	$("ul#nav li:nth-child(2)").css("margin-right", "316px");
	$("ul#nav li:nth-child(3)").css("margin-right", "60px");
	$("ul#nav li:nth-child(4)").css("margin-right", "0px");
});