@charset "UTF-8";

/* common */

* {
	font-family: Arial, Helvetica, sans-serif;
}

html,
body {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

body {
	background: #eeeeee url(/images/bg.gif) repeat-x left top;
	margin: 0 auto 0 auto;
	text-align: center;
}

div#container {
	margin: 0 auto 0 auto;
	width: 790px;
}

.thumb {
	border: 1px solid #dcdcdc;
}

.arrow {
	color: #cc0528;
}

/* header */

div#header {
	height: 100px;
	text-align: left;
}

div#header a#header-logo {
	background: url(/images/header-logo.gif) repeat;
	height: 100px;
	width: 262px;
	display: block;
	float: left;
}

div#header-countdown {
	height: 100px;
	float: right;
	width: 240px;
}

div#header-countdown span.countdown_row {
	display: block;
	padding: 41px 0 0 0;
}

div#header-countdown span.countdown_descr {
	display: block;
	padding: 0;
	margin: 0 0 0 1px;
	background: #dcdcdc;
	text-align: center;
	font-size: 11px;
	line-height: 20px;
	color: #333333;
	position: absolute;
	top: 20px;
	width: 239px;
}

div#header-countdown span.countdown_row span.countdown_section {
	font-size: 9px;
	color: #888888;
	display: block;
	width: 59px;
	text-align: center;
	float: left;
	background: #eeeeee;
	margin: 0 0 0 1px;
	padding: 5px 0 5px 0;
	line-height: 11px;
}

div#header-countdown span.countdown_row span.countdown_section span.countdown_amount {
	font-size: 18px;
	color: #333333;
	line-height: 18px;
}

/* navigation */

ul#navigation {
	background: #5b5b5b;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#navigation li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#navigation li a {
	background: none;
	padding: 0 15px 0 15px;
	border-right: 1px solid #8d8d8d;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	display: block;
}

ul#navigation li a:hover,
ul#navigation li.active a,
ul#navigation li.active a:hover {
	background: #cc0528;
	padding: 0 15px 0 15px;
	border-right: 1px solid #8d8d8d;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	display: block;
}

/* subnavigation */

ul#subnavigation {
	background: #dcdcdc;
	height: 30px;
	margin: -10px 0 10px 0;
	padding: 0;
	list-style-type: none;
}

ul#subnavigation li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#subnavigation li a {
	background: none;
	padding: 0 15px 0 15px;
	border-right: 1px solid #ffffff;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	display: block;
}

ul#subnavigation li a:hover,
ul#subnavigation li.active a,
ul#subnavigation li.active a:hover {
	background: #eeeeee;
	padding: 0 15px 0 15px;
	border-right: 1px solid #ffffff;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	display: block;
}

/* title */

h2#title {
	background: #cc0528;
	display: block;
	margin: 0;
	padding: 25px 0 13px 15px;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	line-height: 24px;
}

h2#title a {
	color: #ffffff;
	text-decoration: none;
}

h2#title a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* content */

div#content {

}

div#content div#content-main {
	width: 490px;
	float: left;
	text-align: left;
	padding: 10px 0 10px 0;
}

div#content div#content-main div.content-tippgame {
    padding: 10px 14px 10px 14px;
}

div#content div#content-right {
	width: 300px;
	float: left;
	text-align: left;
}

div#content div#content-right div.content-logo {
	padding: 20px 20px 10px 20px;
}

div#content div#content-main div.content-screen {
	padding: 10px 0 10px 20px;
}

div#content div#content-main div.content-screen img.screen {
	border: 1px solid #dcdcdc;
	padding: 8px 8px 8px 8px;
	background: #ffffff;
}

div#content div.content-box {
	padding: 10px 14px 0 14px;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

div#content div.content-box table.content-box-gallery tr td {
    color: #222222;
}

div#content div.content-box table.content-box-gallery tr td a {
	color: #cc0528;
	text-decoration: none;
}

div#content div.content-box table.content-box-gallery tr td a:hover {
	color: #cc0528;
	text-decoration: underline;
}

div#content div.content-box h1.content-box-title,
div#content div.content-box h2.content-box-title,
div#content div.content-box h3.content-box-title,
div#content div.content-box h4.content-box-title,
div#content div.content-box h5.content-box-title,
div#content div.content-box h6.content-box-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #cc0528;
	margin: 0;
	padding: 0 6px 6px 6px;
	border-bottom: 1px solid #dcdcdc;
}

div#content div.content-box div.content-box-showroom {
	padding: 10px 0 0 0;
}

div#content div.content-box div.content-box-showroom div.content-box-showroom-item {
	margin: 0 0 10px 6px;
    line-height: 16px;
    font-size: 12px;
    color: #222222;
}

div#content div.content-box div.content-box-showroom div.content-box-showroom-item img.screen {
	border: 1px solid #dcdcdc;
	padding: 8px 8px 8px 8px;
	margin: 0 0 4px 0;
	background: #ffffff;
}

div#content div.content-box div.content-box-portfolio {
	padding: 10px 0 0 0;
}

div#content div.content-box div.content-box-portfolio div.content-box-portfolio-item {
	width: 143px;
	height: 82px;
	float: left;
	margin: 0 4px 0 6px;
}

div#content div.content-box div.content-box-portfolio div.content-box-portfolio-item a,
div#content div.content-box div.content-box-portfolio div.content-box-portfolio-item a:hover {
	border: 1px solid #dcdcdc;
	padding: 70px 0 0 0;
	display: block;
}

div#content div.content-box div.content-box-portfolio div.portfolio-link {
	clear: left;
	border-top: 1px solid #dcdcdc;
	background: none;
	padding: 6px 6px 0 6px;
	line-height: 16px;
	text-align: right;
	color: #333333;
	border-bottom: 0;
}

div#content div.content-box div.content-box-portfolio div.portfolio-link a {
	color: #cc0528;
	text-decoration: none;
}

div#content div.content-box div.content-box-portfolio div.portfolio-link a:hover {
	color: #cc0528;
	text-decoration: underline;
}

div#content div.content-box div.content-box-text {
	padding: 6px 6px 0 6px;
}

div#content div.content-box div.content-box-text p {
	margin: 0;
	padding: 0 0 10px 0;
}

div#content div.content-box div.content-box-text a {
	color: #cc0528;
	text-decoration: none;
}

div#content div.content-box div.content-box-text a:hover {
	color: #cc0528;
	text-decoration: underline;
}

div#content div.content-box div.content-box-adformat {
	padding: 10px 6px 10px 6px;
}

div#content div.content-box div.content-box-adformat p {
	padding: 0 0 10px 0;
	margin: 0;
}

div#content div.content-box div.content-box-adformat a {
	color: #cc0528;
	text-decoration: none;
}

div#content div.content-box div.content-box-adformat a:hover {
	color: #cc0528;
	text-decoration: underline;
}

div#content div.content-box div.content-box-staff {
	padding: 10px 6px 10px 6px;
	border-bottom: 1px solid #dcdcdc;
}

div#content div.content-box div.content-box-staff a {
	color: #cc0528;
	text-decoration: none;
}

div#content div.content-box div.content-box-staff a:hover {
	color: #cc0528;
	text-decoration: underline;
}

div#content div.content-box ul.content-box-newslist {
	margin: 0;
	padding: 0 0 4px 0;
	list-style-type: none;
}

div#content div.content-box ul.content-box-newslist li {
	background: url(/images/arrow.gif) no-repeat 6px 11px;
	padding: 6px 6px 6px 13px;
	line-height: 16px;
	color: #333333;
	border-bottom: 1px solid #dcdcdc;
}

div#content div.content-box ul.content-box-newslist li h4 {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #333333;
}

div#content div.content-box ul.content-box-newslist li h4 a {
	color: #333333;
	text-decoration: none;
}

div#content div.content-box ul.content-box-newslist li h4 a:hover {
	color: #333333;
	text-decoration: underline;
}

div#content div.content-box ul.content-box-newslist li small {
	font-size: 10px;
	color: #888888;
	float: right;
}

div#content div.content-box ul.content-box-newslist li p {
	padding: 4px 0 0 0;
	margin: 0;
	clear: both;
}

div#content div.content-box ul.content-box-nav {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
}

div#content div.content-box ul.content-box-nav li {
	padding: 6px 6px 6px 6px;
	line-height: 16px;
	color: #333333;
	border-bottom: 1px solid #dcdcdc;
}

div#content div.content-box ul.content-box-nav li a {
	color: #cc0528;
	text-decoration: none;
}

div#content div.content-box ul.content-box-nav li a:hover {
	color: #cc0528;
	text-decoration: underline;
}

div#content div.content-box ul.content-box-list {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
}

div#content div.content-box ul.content-box-list li {
	padding: 6px 6px 6px 6px;
	line-height: 16px;
	color: #333333;
	border-bottom: 1px solid #dcdcdc;
}

div#content div.content-box ul.content-box-list li a {
	color: #333333;
	text-decoration: none;
}

div#content div.content-box ul.content-box-list li small {
	font-size: 10px;
	color: #888888;
	line-height: 16px;
}

div#content div.content-box ul.content-box-list li a:hover {
	color: #333333;
	text-decoration: underline;
}

div#content div.content-box table.content-box-table {
	margin: 0 0 10px 0;
}

div#content div.content-box table.content-box-table tr.content-box-table-row-1 td,
div#content div.content-box table.content-box-table tr.content-box-table-row-2 td {
	padding: 6px 6px 6px 6px;
	font-size: 12px;
	text-align: left;
	color: #333333;
	line-height: 16px;
	background: #ffffff;
}

div#content div.content-box table.content-box-table tr.content-box-table-row-1 td {
	background: #f1f1f1;
}

div#content div.content-box div.more-link {
	background: none;
	padding: 2px 6px 10px 6px;
	line-height: 16px;
	text-align: right;
	color: #333333;
	border-bottom: 0;
}

div#content div.content-box div.more-link a {
	color: #cc0528;
	text-decoration: none;
}

div#content div.content-box div.more-link a:hover {
	color: #cc0528;
	text-decoration: underline;
}

div#content div.content-box div.more-link-border {
	clear: left;
	border-top: 1px solid #dcdcdc;
	background: none;
	padding: 6px 6px 0 6px;
	margin: -4px 0 0 0;
	line-height: 16px;
	text-align: right;
	color: #333333;
	border-bottom: 0;
}

div#content div.content-box div.more-link-border a {
	color: #cc0528;
	text-decoration: none;
}

div#content div.content-box div.more-link-border a:hover {
	color: #cc0528;
	text-decoration: underline;
}

div#content div.content-percent-bar {
	width: 120px;
	height: 10px;
	background: #ffffff;
}

/* footer */

div#footer {
	clear: left;
	background: #eeeeee;
	height: 30px;
	margin: 0 0 20px 0;
}

div#footer div#footer-container {
	border-top: 7px solid #d9d9d9;
	padding: 0 20px 0 20px;
}

div#footer div#footer-container div#footer-copyright {
	float: left;
	font-size: 11px;
	line-height: 30px;
	color: #5b5b5b;
}

div#footer div#footer-container div#footer-links {
	float: right;
	font-size: 11px;
	line-height: 30px;
	color: #5b5b5b;
}

div#footer div#footer-container div#footer-links a,
div#footer div#footer-container div#footer-links a:hover {
	color: #5b5b5b;
	text-decoration: none;
}

div#footer div#footer-container div#footer-links a:hover {
	text-decoration: underline;
}