body {
	background: url('i/bg.png') repeat-x top #cec69b;
	margin: 0;
	font-family: "century gothic", "trebuchet ms", helvetica, Arial;
	color: #fff;
}

img {
	border: 0;
}

p.center {margin: 0 auto;}

#container {
	margin: 0 auto;
}


#home-header {
	background: url('i/home-header.jpg') top right no-repeat;
	width: 750px;
	margin: 0 auto;
}

#home-header-top {
	width: 100%;
	height: 80px;
	padding: 0 0 340px 0;
	text-align: left;
}

#page-header {
	background: url('i/page-header.jpg') top right no-repeat;
	width: 750px;
	margin: 0 auto;
}

#page-header-top {
	width: 100%;
	height: 80px;
	padding: 0 0 168px 0;
	text-align: left;
}



#body {
	padding: 0;
	width: 100%;
	padding: 20px 0 60px 0;
}

#body h2 a {
	color: #fff;
	text-decoration: none;
}

#body p {
	width: 435px;
	color: #514a28;
	font-size: 13px;
}

#body p a {
	color: #333;
	text-decoration: none;
}

#body p a:hover {text-decoration: underline;}

#body ul {
	font-size: 13px;
	color: #333;
	padding: 0 0 20px 30px;
}

#text {
	width: 435px;
	padding: 0 10px 60px 0;
	float: left;
	color: #514a28;
}

#pre-bar {
	background: url('i/bar.png') center;
	width: 300px;
	float: right;
}

#bar {
	width: 280px;
	float: right;
	padding: 10px;
}

#bar ul {
	margin: 0;
	padding: 10px 5px 10px 15px;
	width: 120px;
	float: left;
}

#bar ul li {
	list-style: none;
	padding: 0 0 5px 0;
	font-size: 16px;
}

#bar ul li a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#bar ul li a:hover {color: #fff;}


#footer {
	width: 100%;
	padding: 0;
	margin: 0;
	color: #666;
	font-size: 16px;
	background: #333;
	float: left;
}

#footer p {
	width: 750px;
	margin: 0 auto;
}


#footer a {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #888;
}

#footer a:hover {color: #ccc;}

#footer span {
	font-size: 20px;
}