body {
	margin:0;
	background:#000;
	background-image: url('/fileadmin/templates/mediakey/images/html-bg.png');
 	background-repeat: repeat-y;
 	background-position: top;
 	font:13px Arial, Helvetica, sans-serif;
	color:#58585a;
}

#top-wrapper {
	width:1002px;
	margin:0 auto;
	overflow:hidden;
	padding:0 10px;
	background:#fff;
}

#header {
	width:1002px;
}

#logo {
	width:139px;
	height:25px;
	float:left;
	margin:8px 11px 0 0;
	padding:31px 9px 26px 10px;
}

#topbar {
	height: 100px;
	width: 100%;
	margin: 0px;
}

#navbar {
	background-color: #eee;
	border-bottom: solid 1px #c4c4c4;
	width:970px;
	margin: 0px 0px;
	padding: 0;
	height: 28px;
	width: 100%;
}

ul#top-nav {
	width: 970px;
	float: left;
	margin: 0px 0px;
	list-style:none;
	padding:10px 16px;
	background:#fff;
	font-size:12px;
	color:#fff;
}

#content {
	width:1002px;
	margin-bottom:20px;
	float:left;
}
#container-1col #center {
	width:1002px;
	float:left;
}
#container-2col  #center {
	width:800px;
	float:left;
}
#container-3col  #center {
	width:691px;
	float:left;
}

#left_col {
	width:158px;
	float:left;
	margin-right:11px;
	padding: 0px 0 0 0px;
}

#left {
	font-size:11px;
	margin-bottom: 10px;
}

#leftmenu {
	background-color: #eee;
	padding: 2px;
	margin-bottom: 20px;
}

#banner {
	width: 706px;
	float:left;
	margin: 4px 0px 0px 0px;
}
a.blue-button {
	float:right;
	width:14px;
	height:10px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/blue-button.gif);
}

img {	
	border:0;
	float:left;
}

#center img {
	background-color: #f9f9f9;
	border:1px solid #eee;
	padding: 5px;
}

.top-ads {
	border:2px solid #9c9d9f;
}
#search,
#search form,
#search form label {	
	width:110px;
	float:right;
}
#search {
	margin-top:0px;
	height:62px;
	padding:0px;
	font-size:11px;
	color:#666;
	font-weight:bold;
}
#search form {
	padding:0;
	margin:0;
}

#search form input.text {
	width:100px;
	height:15px;
	float:left;
	padding:0;
	color:#58585a;
}
input.button {
	float:right;
	width:20px;
	height:10px;
	margin-top:5px;
}

/* center box */
.blue-list,ul#blue-list2,
.blue-box,
.orange-box,
.gray-box,
ul#gray-list {
	width:691px;
	float:left;
}
#center {
/*	background:url(images/center-top.gif) no-repeat; */
	padding:10px 9px 0 10px;
}
/* blue box */
.orange-box {
	background:url(images/main-orange.gif) repeat-y; 
	margin-bottom:10px;
}
.blue-box {
	background:url(images/main-blue.gif) repeat-y; 
	margin-bottom:10px;
}
ul.blue-list {
	width:691px;
	float:left;
}
ul.blue-list {
	padding:0 0 10px;
	margin: 0;
	list-style:none;
	background:url(images/bottom-blue.gif) no-repeat 0 100%;
}
ul.blue-list img{
	padding:0;
}
ul.blue-list li {
	float:left;
	width:142px;
	background:url(images/top-blue.gif) no-repeat;
	padding:13px 12px 0 11px;
	margin: 0px 10px 0px 0px;
}
ul.blue-list li.last {
	margin-right:0;
}
ul.blue-list li a {
	color:#036bfc;
	font-size:12px;
	text-decoration:none;
}
ul.blue-list li img {
	padding: 0px !important;
	margin-bottom: 3px;
}
ul.blue-list li a:hover {
	text-decoration:underline;
}
ul.blue-list li span {
	font-size:11px;
	color:#677388;
	display:block;
	margin-top:2px;
	float:left;
}
ul.blue-list li em {
	display:block;
	float:left;
	font-size: 80%;
}



/* gray box */
.gray-box {
	background:url(images/main-gray.gif) repeat-y;
}
ul#gray-list {
	padding:0 0 15px;
	margin:0;
	list-style:none;
	background:url(images/bottom-gray.gif) no-repeat 0 100%
}
ul#gray-list li {
	width:304px;
	float:left;
	margin-right:11px;
	padding:13px 22px 0 14px;
	background:url(images/top-gray.gif) no-repeat;
}
ul#gray-list li.last {
	margin-right:0;
}
ul#gray-list li ul,
ul#gray-list li ul li,
ul#gray-list li ul li em {	
	float:right;
	width:159px;
}
ul#gray-list li ul {
	padding:0;
	margin:0;
	list-style:none;
}
ul#gray-list li ul li {
	border-bottom:1px solid #999a9e;
	padding:0 0 7px;
	margin:0 0 5px;
	background:none;
}
ul#gray-list li a {
	color:#036bfc;
	font-size:14px;
	text-decoration:none;
}
ul#gray-list li a:hover {
	text-decoration:underline;
}
ul#gray-list li ul li.first {
	border-bottom:0;
	color:#677388;
	font-size:12px;
	padding-bottom:0;
}
/* right box */
#right_col {
	width:113px;
	float:right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#right,
ul#right-list,
ul#right-list li {
	width:103px;
	float:right;
}
#right {
	padding: 0px 1px 0px 10px;
	background:url(images/right_newbackground.gif) no-repeat;
	font-size:12px;
	color:#036bfc;
	font-weight:bold;
}
/* right navigation */
ul#right-list {
	padding:0;
	margin:0 0 20px;
	list-style:none;
}
ul#right-list li {
	border-bottom:1px solid #b6d2fa;
	padding:14px 0 10px;
	line-height:14px;
}

ul#right-list li a {
	color:#fff;
	text-decoration:none;
}
ul#right-list li a:hover {
	text-decoration:underline;
}

#right_banner {
	margin: 0px 0px 10px 0px;
	height: auto;
}
#right_banner img{
	margin: 0px 0px 10px 0px;
}


/* footer */
#footer {
	background-color:#333;
}
ul#footer {
	width:998px;
	float:left;
	padding:20px 10px 20px 0;
	margin:0;
	list-style:none;
	font-size:12px;
	color:#777;
	font-weight:bold;
}
ul#footer li {
	float:right;
	padding-left:8px;
	margin-left:4px;
	background:url(images/footer-separator.gif) no-repeat 0 50%;
}
ul#footer li.last {
	background:none;
}
ul#footer li.first {
	padding:0;
	margin-left:18px;
}
ul#footer li a {
	color:#bbb;
	text-decoration:none;
}
ul#footer li a:hover {
	text-decoration:underline;
}