/*
-----------------------------------------------
Black´n Blue TEMPLATE
Author:   Nadja Macht
Version:  1, Juli 2008
----------------------------------------------- */

/*  CSS Layout
----------------------------------------------- */
.body { text-align:center; padding:0px 0px;}

div#container {
	width:752px;
	margin:0 auto; 
	text-align:left;
}

div#top {
	position:relative;
	width:752px;
	height:7px;
}

html > body div#top{ background:url('../img/top.png') no-repeat 0 0;}

div#btm {
	position:relative;
	width:752px;
	height:7px;
	clear:both;
}
html > body div#btm{ background:url('../img/btm.png') no-repeat 0 0;}

div#wrapper {
	padding:0 7px 0 7px;
	float:left;
}
html > body div#wrapper { background:url('../img/content.png') repeat-y 0 0;}

div#header {
	position:relative;
	border-bottom:1px solid #000000;
}

div#emotion {
	position:relative;
	margin:0;
}

div.content_bg {
	position:relative;
	width:738px;	
	background:url('../img/content_bg.png') repeat-x 0 0;
}

div#content {
	position:relative;
	width:520px;
	float:right;
	margin:0;
}

div#left {
	position:relative;
	float:left;
	width:180px;
}

div#sidebar {
	position:relative;
	width:180px;
	float:left;
	list-style:none;
}

div#sidebar div.gutter {padding:25px 10px 10px 10px;}
div#content div.gutter {padding:25px 20px;}
div#footer div.gutter { padding:50px 20px 10px 20px; color:#666666;}
div#footer div.gutter a { color:#666666; text-decoration:none; position:relative;}

/*  Navigation
----------------------------------------------- */
div#navigation {
	width:736px;
	background:url('../img/menu_bg.png') repeat-x 0 0;
	border:1px solid #61B0D8;
	list-style:none;
	float:left !important;
	float:none;
}

div.sub_navigation {
	padding:0;
	margin:0 0 45px 0;
}

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {
	text-align:left;
	margin:0;
	padding:0;
	line-height:100%;
	list-style:none;
}

ul.mainNav1 {
	width:100%;
	float:left;
}

ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li {
	display:inline;
	margin:0;	
	padding:0;
	list-style:none;
}

ul.mainNav1 li a {
	display:block;
	float:left;
	color:#DDEEF7;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	padding:20px 9px 8px 9px;
	font-family: 'Arial', Tahoma, sans-serif;
}

ul.mainNav1 li a:hover,
ul.mainNav1 li a.current {
	padding:20px 9px 8px 9px;
	background:url('../img/main_menu_bullet.gif') no-repeat 4px 25px;
}

ul.mainNav2 li a {
	display:block;
	width:180px;
	color:#888888;
	background:url('../img/dots.gif') repeat-x left bottom;
	text-decoration:none;
	font-size:11px;
	text-transform:none;
	padding:8px 0 8px 0;
}

ul.mainNav3 li a {
	padding:8px 0 8px 20px;
	width:160px;
}

ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover {
	color:#61B0D8;
}

ul.mainNav2 li a.current,
ul.mainNav3 li a.current {
	font-weight:bold;
	color:#61B0D8;
}