body {
	font-family: "Cantata One", serif;
}
header h2 {
	font-family: "Nunito", sans-serif;
}
html {
	height: 100%;
}
body {
	background: #000;
	height: 100%;
}
#background-design {
	background: url(../images/body-background.jpg) center top repeat;
	height: 100%;
	margin: 0 auto;
	max-width: 100em;
	min-height: 100%;
}
#background-overlay {
	background: url(../images/body-background-overlay.png) center top repeat-y;
	display: block;
	min-height: 100%;
}
#top-overlay {
	background: url(../images/header-background.png) left top repeat;
	height: 68px; /* 50px + 1em */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#wrapper {
	margin: 0 auto;
	overflow: hidden;
	padding: 1em 0 0 9em;
	position: relative;
	width: 51em;
}
/*
 * Header
 */
header {
	border-bottom: 0.5em solid #000;
	height: 42px; /* 50px - 0.5em */
}
header h1 {
	background: url(../images/logo.png) left top no-repeat;
	color: transparent;
	float: left;
	height: 50px;
	width: 507px;
}
header h2 {
	color: #7a7a7a;
	float: left;
	font-size: 1em;
	font-weight: normal;
	height: 50px;
	line-height: 72px; /* 50px (h1) - font-size / 2 - some gap */
	margin-left: 1em;
}
/*
 * Navigation
 */
#main-navigation {
	left: 0;
	position: absolute;
	top: 1em;
	width: 9em;
}
#main-navigation ul {
	background: transparent url(../images/navigation-top_background.png) left top no-repeat;
	padding-top: 13px;
}
#main-navigation li a {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	color: transparent;
	display: block;
	outline: none;
	width: 148px;
}
#home a {
	background-image: url(../images/navigation/home.png);
	height: 49px;
}
#overseas-appointments a {
	background-image: url(../images/navigation/overseas-appointments.png);
	height: 55px;
}
#news a {
	background-image: url(../images/navigation/news.png);
	height: 55px;
}
#order-now a {
	background-image: url(../images/navigation/order-now.png);
	height: 60px;
}
#testimonials a {
	background-image: url(../images/navigation/testimonials.png);
	height: 50px;
}
#about-us a {
	background-image: url(../images/navigation/about-us.png);
	height: 60px;
}
#contact-us a {
	background-image: url(../images/navigation/contact-us.png);
	height: 70px;
}
#home a:hover, #home.active a {
	background-image: url(../images/navigation/highlights/home.png);
}
#overseas-appointments a:hover, #overseas-appointments.active a {
	background-image: url(../images/navigation/highlights/overseas-appointments.png);
}
#news a:hover, #news.active a {
	background-image: url(../images/navigation/highlights/news.png);
}
#order-now a:hover, #order-now.active a {
	background-image: url(../images/navigation/highlights/order-now.png);
}
#testimonials a:hover, #testimonials.active a {
	background-image: url(../images/navigation/highlights/testimonials.png);
}
#about-us a:hover, #about-us.active a {
	background-image: url(../images/navigation/highlights/about-us.png);
}
#contact-us a:hover, #contact-us.active a {
	background-image: url(../images/navigation/highlights/contact-us.png);
}
/*
 * Testimonials
 */
#testimonial-banner {
	background: #000;
	clear: both;
	height: 310px; /* 326px - 0.5em * 2 */
	margin: 0 0 1em;
	padding: 0 0.5em 0.5em;
}
#testimonial-banner img {
	display: none;
}
/*
 * Content
 */
article {
	background: transparent url(../images/article-background.png) left top repeat;
	color: #fff;
	font-size: 0.875em;
	font-weight: normal;
	line-height: 125%;
	padding: 1em;
	text-align: center;
	text-shadow: 1px 1px 3px #000;
}
article p {
	margin: 1em 0;
}
article a {
	color:#fff;	
}
/*
 * Overseas Appointment
 */
.overseas-appointments article .col1, .overseas-appointments article .col2 {
	float: left;
	width: 340px;
}
.overseas-appointments article .col1 {
	text-align: right;
	margin-right: 53px;
	padding-left:30px;
	padding-top: 60px;
}
.overseas-appointments article .col1 dt,
.overseas-appointments article .col1 dd {
	line-height: 1.5em;	
}
.overseas-appointments article .col1 dt {

	text-decoration: underline;

}
.overseas-appointments article .col1 dd {
	margin-bottom: 20px;	
}

/*
 * Footer
 */
footer {
	margin-top: 2em;
}
#footnote {
	background: transparent url(../images/footnote.png) left top no-repeat;
	color: transparent;
	height: 48px;
	width: 100%;
}
#copyright {
	color: #6e6e6e;
	font-size: 0.625em;
	text-align: right;
}