/* @group Defaults */
html, body {
	width: 					100%;
	height: 				100%;
}
body {
	background: 			#000;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				0.81em;
	margin: 				0;
	color: 					#333;
}
a {
	color: 					#555;
}
a:hover {
	color: 					#555;
}
/* @end */



/* @group Header */
#Header {
}
#SiteId {
	margin:					15px 59px;
}
#StyleSwitcher {
  position: absolute;
  top: 0;
  left: 295px;
}
/* @end */



/* @group Sidebar */
#Sidebar {
	position:				absolute;
	top: 					180px;
	left: 					40px;
	width: 					200px;
}
/* @end */



/* @group Navigation */
#Navigation {
	display: 				block;
	margin: 				40px 0;
}
#Navigation ul {
	position: 				relative;
}
#Navigation ul li {
	display: 				block;
	height: 				40px;
	background:				#000;
	margin-bottom: 			1px;
	border-left: 			10px solid #666;
	opacity: 				0.75;
	filter: 				alpha(opacity=75);
}
#Navigation ul li.current {
	border-left-color: 		#999;
}
#Navigation ul li.current {
	background: 			#222;
	/*background: 			#222 url(/images/current.gif) no-repeat left 50%;*/
}
#Navigation ul li a {
	font-size: 				1.15em;
	text-transform: 		uppercase;
	text-decoration: 		none;
	line-height: 			40px;
	color: 					#666;
	padding-left: 			20px;
	display: 				block;
}
#Navigation ul li a:hover {
	color: 					#FFF;
	background: 			#222;
	/*background: 			#222 url(/images/current.gif) no-repeat left 50%;*/
}
#Navigation ul li.current a {
	color: 					#FFF;
	background: 			url(/images/current_content.gif) no-repeat right 50%;
}
#Navigation ul li.current ul {
	border-top: 			none;
	margin: 				0 0 0 1em;
	padding: 				0;
}
#Navigation ul li.current ul li a {
	background: 			none;
	font-size: 				0.9em;
	margin: 				0;
	padding: 				0;
	color: 					#FFF;
}
#Navigation ul li.current ul li.current a {
	color: 					#666;
}
/* @end */



/* @group Page & Content */
#Page {
	position:				absolute;
	top: 					180px;
	left: 					240px;	
	margin-bottom: 			2em;
	width: 					720px;
}
#HeaderBar {
	background: 			url(/images/mercury/header.gif);
	height: 				40px;
}
#HeaderBar h1 {
	color: 					#FFF;
	text-transform: 		uppercase;
	font-size: 				20px;
	line-height: 			40px;
	margin: 				0 0 0 20px;
}
#ContentContainer {
	background: 			#FFF url(/images/content_bg.jpg) repeat-y;
	min-height: 			740px;
	float: 					left;
}
#Content {
	float: 					left;
	width: 					400px;
	padding: 				20px 25px 30px 20px;	
}
#ContentSidebar {
	float: 					left;
	font-size: 				0.85em;
	width: 					235px;
	padding: 				20px 20px 30px 20px;
}
#ContentSidebar div.box {
	float:					left;
	margin-bottom: 			2em;
	width: 					235px;
}
#ContentSidebar ul {
	padding-bottom: 		1em;
}
#ContentSidebar ul li {
	margin-bottom: 			0.5em;
}
#ContentSidebar ul li a {
	background: 			url(/images/more.gif) no-repeat left 50%;
	padding-left: 			20px;
	text-decoration: 		none;
}
#ContentSidebar ul li.current a {
	font-weight: 			bold;
}
#StartTeaser {
	width: 					445px;
	height: 				260px;
	float: 					left;
}
#StartSidebar {
	display: 				block;
	width: 					275px;
	float: 					left;
	height: 				260px;
	font-size: 				0.85em;
}
#NewCd {
	background: 			url(/images/bg_start_sidebar.gif);
	height: 				110px;
	padding: 				10px;
}
#NewCd img,
#LatestSingle img {
	border: 				1px solid #999;
}
#NewCd h2 {
	font-size: 				1em;
	text-transform: 		uppercase;
	border: 				none;
	font-weight: 			bold;
}
#LatestSingle {
	background: 			#FFF;
	height: 				110px;
	padding: 				10px;
}
#LatestSingle h2 {
	font-size: 				1em;
	text-transform: 		uppercase;
	border: 				none;
	font-weight: 			bold;
}
#ContentSidebar div.box {
  background: #DDD;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #BBB;
}
#ContentSidebar div.box h4,
#ContentSidebar div.box h3 {
  margin-top: 10px;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
}
#ContentSidebar h3 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
#ContentSidebar div.box p {
  padding: 0 10px;
}
/* @end */



/* @group Footer */
#Footer {
	clear: 					left;
	color:					#FFF;
	line-height: 			2em;
	height: 				60px;
	text-align: 			center;
	background: 			url(/images/footer.gif) repeat-y;
}
#Footer a {
	color: 					#FFF;
}
/* @end */



/* @group Banner */
#BannerSpace {
	position: 				absolute;
	top: 					220px;
	left: 					980px;
}
#BannerSpace img {
	border: 				1px solid #000;
}
/* @end */



/* @group Articles */
#Content ul.articles {
	margin: 				0;
	float: 					left;
}
#Content ul.articles li {
	padding: 				0;
	float: 					left;
	border-bottom: 		1px dashed #CCC;
}
#Content ul.articles h1 {
	font-size: 				1.38em;
	line-height: 			1.38em;
}
#Content ul.headlines li {
	padding-left: 			20px;
	background: 			url(/images/more.gif) no-repeat left 50%;
}
#Content ul.headlines li h1 {
	font-size: 				1em;
	font-weight: 			bold;
}
#Content .article div.left, 
#Content ul.articles div.left {
	margin-right: 			10px;
	float: 					left;
}
#Content .article div.right,
#Content ul.articles div.right {
	margin-left: 			10px;
	float: 					right;
}
#Content ul.articles div.picture img {
	border: 				1px solid #CCC;
}
#Content .article div.picture img {
	width: 					150px;
	border: 				1px solid #CCC;
}
#Content .article h1 {
  font-size: 1.62em;
  line-height: 1.23em;
} 
/* @end */



/* @group Newsletter */
#Newsletter {
	background: 			url(/images/newsletter/bg.png) no-repeat;
	width: 					160px;
	height: 				120px;
	padding: 				5px 10px;
	margin-bottom:			50px;
	display: 				block;
	font-size: 				0.85em;
}
#Newsletter h2 {
	color: 					#FFF;
	text-transform: 		uppercase;
	font-weight: 			bold;
	font-size: 				1em;
	border: 				none;
}
#Newsletter p {
	color: 					#878782;
	font-size: 				0.88em;
	line-height: 			1.5em;
	margin-bottom:			0.5em;
}
input.email {
	color: 					#babbbb;
	background: 			#3b3d3b;
	width: 					150px;
	border: 				1px solid #5f5f5d;
	font-size: 				1em;
}
input.sign_up {
	background: 			url(/images/buttons/sign_up.gif);
	border: 				none;
	width: 					79px;
	height: 				23px;
	color: 					#FFF;
	text-transform: 		uppercase;
	float: 					right;
	margin-top: 			1.15em;
}
#Newsletter input:focus {
	background: 			#222;
}
/* @end */



/* @group ButtonLinks */
#ButtonLinks ul li {
	margin: 				0 0 1em 0;
}
/* @end */



/* @group Charts */
ol.charts li {
	list-style: 			decimal-leading-zero;
	margin: 				0 0 1em 28px;
	line-height: 			1.38em;
}
ol.charts li small {
  	font-size: 				1em;
}
/* @end */



/* @group Guestbook */
div.guestbook_entries div.item {
	margin-bottom: 		1.5em;
	border-bottom: 		1px dashed #CCC;
	display: 			block;
}
div.guestbook_entries div div.header {
	display: 			block;
	height: 			2.5em;
	margin: 			0;
}
div.guestbook_entries div div.name {
	display: 			block;
	width: 				70%;
	float: 				left;
	line-height: 		1.5em;
}
div.guestbook_entries div div.datetime {
	width: 				30%;
	float: 				right;
	text-align: 		right;
	line-height: 		1.5em;
}
div.guestbook_entries div div.body {
	clear: 				both;
	display: 			block;
	line-height: 		1.5em;
}
div.guestbook_entries div div.body em {
	color: 				#666;
	font-size: 			0.92em;
}
/* @end */



/* @group Pagination */
div.prev_link {
	width:  			30%;
	float:  			left;
}
div.page_select {
	text-align: 		center;
	width: 				40%;
	float: 				left;
}
div.next_link {
	text-align: 		right;
	width:  			30%;
	float:  			right;
}
/* @end */



/* @group Accordion */
.toggler {
	margin-bottom: 		-2px;
}
.toggler a {
	display: 			block;
	text-decoration: 	none;
	padding: 			0.5em 0.5em 0.5em 25px;
	border-bottom: 		1px dashed #CCC;
	color: 				#999;
	background: 		url(/images/icons/arrow_up.gif) no-repeat 5px 50%;
}
.toggler a:hover {
	color: 				#f78a1f;
	background: 		#EEE url(/images/icons/arrow_up.gif) no-repeat 5px 50%;
}
.toggler h4 {
	color: 				#999;
}
.selected {
}
.selected a {
	color: 				#003975;
	background: 		url(/images/icons/arrow_down.gif) no-repeat 5px 50%;
	border-bottom: 		1px dashed #999;
}
.selected a:hover {
	color: 				#003975;
	background: 		url(/images/icons/arrow_down.gif) no-repeat 5px 50%;
}
.selected h4 {
	color: 				#f78a1f;
}
.element {
	overflow: 			hidden;
}
.description {
	padding: 			1em 2em;
}
/* @end */



/* @group Twitter */
#Twitter {
  background: url(/images/twitter_bg.gif) no-repeat left top;
  width: 305px;
  height: 90px;
  padding: 10px 10px 0px 85px;
  margin-top: 20px;
}
#Content #Twitter h4,
#Content #Twitter p {
  font-size: 0.85em;
  color: #0098c4;
  margin-bottom: 0.5em;
}
#Content #Twitter p {
  color: #020001;
}
/* @end */