body { 
	background: url('/img/bg-content.jpg') no-repeat scroll top center; 
}

/*
 * header menu
 */
#header {
	position: relative;
	display: block;
	height: 50px;
	padding: 0;
	margin: 20px 0;
	background: transparent url('/img/menu/bg.png') no-repeat top center;
}
#header ul {
	height: 50px;
	padding: 0 0 0 10px;
}
#header ul li {
	position: relative;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 40px;
}
#header ul li a {
	display: inline-block;
	padding: 0 20px 0 40px;
	margin: 0;
	color: white;
	line-height: 40px;
	height: 40px;
	text-decoration: none;
	font-size: 14px;
}
#header ul li span {
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 40px;
	background: url('/img/menu/li_divide.png') no-repeat 0 0;
}
#header ul li:hover { background: #444 url('/img/menu/li_hover.png') repeat-x top left; }
#header ul li.active { background: #444 url('/img/menu/li_active.png') repeat-x top left; }

#header ul li#li-01 a { background: url('/img/menu/li_list.png') no-repeat 10px 0; }
#header ul li#li-02 a { background: url('/img/menu/li_list.png') no-repeat 10px -40px; }
#header ul li#li-03 a { background: url('/img/menu/li_list.png') no-repeat 10px -80px; }
#header ul li#li-04 a { background: url('/img/menu/li_list.png') no-repeat 10px -120px; }
#header ul li#li-05 a { background: url('/img/menu/li_list.png') no-repeat 10px -160px; }
#header ul li#li-06 a { background: url('/img/menu/li_list.png') no-repeat 10px -200px; }

a.newsletter_ajax, a.twitter, a.youtube {
	position: absolute;
	top: 0;
	width: 30px;
	height: 40px;
	background: url('/img/links.jpg') no-repeat 0 0;
	text-indent: -5000em;
}
a.newsletter_ajax { right: 75px; background-position: 0 0; }
a.twitter { right: 40px; background-position: -30px 0; }
a.youtube { right: 5px; background-position: -60px 0; }

a:hover.newsletter_ajax { background-position: 0 -40px; }
a:hover.twitter { background-position: -30px -40px; }
a:hover.youtube { background-position: -60px -40px; }

/*
 * default styles
 */
#content h1 {
	color: #5e5e5e;
	font-weight: normal;
	font-size: 45px;
	line-height: 44px;
	letter-spacing: -0.05em;
}
	#content h1 strong {
		font-weight: normal;
		color: #a69b71;
	}
	
#content h2 {
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: #444;
}

#content h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #81733f;
	margin: 30px 0 10px;
}

#content a {
	color: #81733f;
	font-weight: bold;
}
	
#content p { line-height: 21px; color: #444; }

#content blockquote {
	margin: 0 0 20px;
	padding: 0 20px 0 20px;
	border-left: 5px solid #a69b71;
}
	#content blockquote p {
		color: #81733f;
		font-weight: bold;
		margin: 0 0 10px;
	}
	#content blockquote p cite {
		color: #81733f;
		font-weight: normal;
	}

#content div.quote {
	width: 300px;
	margin: 20px auto;
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
	/*background: #eee;*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	#content div.quote p {
		font-style: oblique;
		padding: 0 0 10px;
		margin: 0;

	}
	#content div.quote p strong {
		display: block;
		font-style: normal;
	}

img.imgl {
	float: left;
	margin: 0 20px 10px 0;
}

img.imgr {
	float: right;
	margin: 0 0 10px 20px;
}

img.imgr2 {
	float: right;
	margin: 0 0 30px 20px;
}

div.promo {
	/*background: #eee;*/
}
h3.newsletter a, h3.twitter a, h3.youtube a {
	display: block;
	width: 300px;
	height: 58px;
	background: transparent url('/img/boxes.png') no-repeat 0 0;
	text-indent: -5000em;
}
	h3.newsletter a { background-position: 0 0; }
	h3.newsletter a:hover { background-position: 0 -58px; }
	
	h3.twitter a { background-position: -300px 0; }
	h3.twitter a:hover { background-position: -300px -58px; }
	
	h3.youtube a { background-position: -600px 0; }
	h3.youtube a:hover { background-position: -600px -58px; }

div.content_l {
	float: left;
	width: 300px;
}
div.content_r {
	margin: 0 0 0 320px;
}
div.image_box {
	float: left;
	display: inline-block;
	margin: 0 10px 0 0;
}
	div.image_box p {
		margin: 0;
		padding: 0 0 10px;
		font-style: italic;
	}
	div.image_box p a {
		color: #999;
	}
	
/*
 * sidebar
 */
#sidebar { padding: 420px 0 0; }

#sidebar img { margin: 0 0 10px; }

#sidebar object {
	margin: 0 0 20px;
}
div.mp3 h3 {
	margin: 0 0 0;
	color: #a69b71;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}
div.mp3 p {
	margin: 0 0 5px;
	color: #999;
	font-size: 11px;
}
div.mp3 {
	margin: 10px 0 10px;
}

/*
 * footer
 */

#footer {
	padding: 20px 0;
	color: #999;
	text-align: left;
}
	#footer p {
		padding: 0;
		margin: 0;
	}
	#footer a {
		color: #999;
		font-weight: normal;
	}

/*
 * page styles
 */
#default #content h1 { width: 550px; }

div.invite {
	clear: left;
	display: block;
	border: 1px solid #e7e7e7;
	border-width: 0 1px 1px;
	padding: 10px 10px 0;
	margin: 0 0 20px;
}
#content h3.heading {
	display: block;
	line-height: 40px;
	height: 40px;
	width: 620px;
	font-size: 20px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: #fff;
	background: #a69b71 url('/img/h3-special.png') no-repeat 0 0;
	text-indent: -5000em;
}

a.button {
	
}

#content a.button {
	display: inline-block;
	margin: 20px 0;
	padding: 10px;
	background: #a69b71;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
}
	#content a:hover.button {
		background: #81733f;
	}