﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.5;
	font-family: inherit;
	text-align: left;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul
{
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after
{
	content: "";
}

html, body
{
	background: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 1px;
}

a
{
	color: #ffffff;
	text-decoration: none;
}

a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.fffix
{
	clear: both;
	width: 946px;
	height: 15px;
}

.buttoninput
{
	background: url(../images/button.png) no-repeat transparent;
	border: 0;
	margin: 2px;
	width: 100px;
	height: 25px;
	
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 2px;
}

.textinput
{
	background: transparent;
	border: solid 1px #555555;
	margin: 2px;
	padding: 5px;
	width: 220px;
	
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.select
{
	background: #000000;
	border: solid 1px #555555;
	margin: 2px;
	padding: 5px;
	width: 232px;
	
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.textarea
{
	background: transparent;
	border: solid 1px #555555;
	margin: 2px;
	padding: 5px;
	width: 220px;
	height: 100px;
	
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.wrapper
{
	margin: 0 auto;
	width: 946px;
	height: auto;
}

.wrapper .header
{
	clear: both;
	background: url(../Images/headerbg.png) no-repeat;
	width: 946px;
	height: 105px;
}

.wrapper .header .logo
{
	clear: both;
	width: 946px;
	height: 30px;
}

.wrapper .header .menu
{
	clear: both;
	width: 946px;
	height: 75px;
}

.wrapper .header .menu .stroke
{
	float: left;
	background: url(../Images/menu-stroke.png) no-repeat;
	width: 1px;
	height: 75px;
}

.wrapper .header .menu .button
{
	float: left;
	width: 134px;
	height: 75px;
}

.wrapper .header .menu .button a
{
	display: block;
	background: url(../Images/menu-button.png) no-repeat;
	padding: 45px 0 0 0;
	width: 134px;
	height: 30px;
	
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ffffff;
}

.wrapper .header .menu .button a:hover
{
	display: block;
	background: url(../Images/menu-button_focus.png) no-repeat;
	padding: 45px 0 0 0;
	width: 134px;
	height: 30px;
	
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ffffff;
}

.wrapper .header .menu .selected
{
	float: left;
	width: 134px;
	height: 75px;
}

.wrapper .header .menu .selected a
{
	display: block;
	background: url(../Images/menu-button_focus.png) no-repeat;
	padding: 45px 0 0 0;
	width: 134px;
	height: 30px;
	
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ffffff;
}

.wrapper .header .menu .selected a:hover
{
	display: block;
	background: url(../Images/menu-button_focus.png) no-repeat;
	padding: 45px 0 0 0;
	width: 134px;
	height: 30px;
	
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ffffff;
}

.wrapper #banner
{
	clear: both;
	margin: 20px 0 0 0;
	width: 946px;
	height: 350px;
}

.wrapper #banner img
{
	position: absolute;
}

.wrapper #banner #languageholder
{
	position: absolute;
	margin: 351px 0 0 571px;
	width: 375px;
	height: 30px;
	text-align: right;
}

.wrapper #banner #languageholder .language
{
	float: right;
	display: block;
	margin: 4px 0 0 10px;
	width: 16px;
	height: 23px;
}

.wrapper #main
{
	clear: both;
	padding: 20px 0 0 0;
	width: 946px;
	height: auto;
}

.wrapper #main h1
{
	clear: both;
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 10px 0;
}

.wrapper #main h2
{
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
}

.wrapper #main p
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: justify;
	margin: 0 0 10px 0;
}

.wrapper #main ul
{
	margin: 0 0 10px 20px;
	list-style: circle;
}

.wrapper #main a
{
	color: #0274f4;
	text-decoration: none;
}

.wrapper #main a:hover
{
	color: #0274f4;
	text-decoration: underline;
}

/* MainContent */

.wrapper #main .maincontent
{
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	width: 551px;
	height: auto;
}

.wrapper #main .maincontent .screenshots
{
	margin: 0 0 20px 70px;
	overflow: hidden;
}

.wrapper #main .maincontent .screenshots .items
{
	float: left;
	margin: 0 5px 5px 0;
	width: 133px;
	height: 75px;
}

.wrapper #main .maincontent .screenshots .items a .overlay
{
	display: block;
	cursor: pointer;
	position: absolute;
	background: url(../Images/screenshots-overlay.png) no-repeat;
	margin: 0;
	width: 133px;
	height: 75px;
	z-index: 2;
}

.wrapper #main .maincontent .screenshots .readmore
{
	clear: both;
	width: 409px;
	height: 20px;
	
	text-align: right;
}

.wrapper #main .maincontent .screenshots .items a:hover .overlay
{
	display: none;
	cursor: pointer;
}

.wrapper #main .maincontent .screenshots .items img
{
	position: absolute;
	margin: 0;
	width: 133px;
	height: 75px;
	z-index: 1;
}

.wrapper #main .maincontent .links li
{
	padding: 2px 0  2px 5px;
	list-style: circle;
}

.wrapper #main .maincontent .links li a
{
	color: #ffffff;
}

.wrapper #main .maincontent .dailychannels
{
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 531px;
	height: 80px;
	border-bottom: solid 1px #cccccc;
	overflow: hidden;
}

.wrapper #main .maincontent .dailychannels .image
{
	float: left;
	width: 133px;
	margin: 0 10px 0 0;
}

.wrapper #main .maincontent .dailychannels .text
{
	float: left;
	width: 370px;
}

.wrapper #main .maincontent .dailychannels .text h2
{
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.wrapper #main .headlinespage
{
	margin: 0 0 0 -15px;
}

.wrapper #main .headlinespage li
{
	margin: 0;
	list-style: none;
}

.wrapper #main .headlinespage li a
{
	line-height: 1;
	display: block;
	margin: 2px 0 2px 0;
	padding: 2px 0 0 0;
	
	text-decoration: none;
	color: #ffffff;
}

.wrapper #main .headlinespage li a .title
{
	line-height: 1;
	margin: 0 0 0 10px;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}

.wrapper #main .headlinespage li a:hover
{
	line-height: 1;
	display: block;
	margin: 2px 0 2px 0;
	padding: 2px 0 0 0;
	
	text-decoration: none;
	color: #ffffff;
}

.wrapper #main .headlinespage a:hover .title
{
	line-height: 1;
	margin: 0 0 0 10px;
	font-size: 12px;
	text-decoration: underline;
	color: #ffffff;
}

/* Partners */

.wrapper #main .partners
{
	margin: 0 0 0 19px;
	width: 927px;
	overflow: hidden;
}

.wrapper #main .partners .partner
{
	float: left;
	margin: 0 12px 12px 0;
	width: 103px;
	height: 114px;
	overflow: hidden;
}

.wrapper #main .partners .partner img
{
	margin: 0;
	width: 103px;
	height: 90px;
}

.wrapper #main .partners .partner .text
{
	margin: 2px 0 0 0;
	text-align: center;
	overflow: hidden;
}

.more
{
	clear: both;
	width: 927px;
	margin: 10px 0 10px 0;
	
	text-align: right;
}

.more a
{
	font-size: 16pt;
}

/* RightContent */

.wrapper #main #rightcontent
{
	float: left;
	margin: 0;
	width: 375px;
	height: auto;
}

.wrapper #main #rightcontent #loginholder
{
	clear: both;
	background: url(../Images/loginbg.png) no-repeat;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 355px;
	height: 155px;
}

.wrapper #main #rightcontent #loginholder p
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.wrapper #main #rightcontent .headlines
{
	background: url(../images/headlinesbg.png) no-repeat;
	padding: 10px;
	width: 355px;
	height: 330px;
}

.wrapper #main #rightcontent .headlines a
{
	line-height: 1;
	float: left;
	display: block;
	padding: 2px 0 0 0;
	width: 355px;
	height: 18px;
	
	text-decoration: none;
	color: #ffffff;
}

.wrapper #main #rightcontent .headlines a .title
{
	line-height: 1;
	margin: 0 0 0 10px;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}

.wrapper #main #rightcontent .headlines a:hover
{
	line-height: 1;
	float: left;
	display: block;
	padding: 2px 0 0 0;
	width: 355px;
	height: 18px;
	
	text-decoration: none;
	color: #ffffff;
}

.wrapper #main #rightcontent .headlines a:hover .title
{
	line-height: 1;
	margin: 0 0 0 10px;
	font-size: 12px;
	text-decoration: underline;
	color: #ffffff;
}

.wrapper #main #rightcontent .headlines .readmore
{
	line-height: 1;
	clear: both;
	padding: 2px 0 0 0;
	width: 355px;
	height: 18px;
	
	text-align: right;
}

.wrapper #main #rightcontent .headlines .readmore a
{
	float: left;
	display: block;
	padding: 2px 0 0 0;
	width: 355px;
	height: 18px;
	
	text-decoration: none;
	text-align: right;
}

.wrapper #main #rightcontent .headlines .readmore a:hover
{
	float: left;
	display: block;
	padding: 2px 0 0 0;
	width: 355px;
	height: 18px;
	
	text-decoration: underline;
	text-align: right;
}

/* Footer */

.wrapper #footer
{
	clear: both;
	background: url(../Images/footerbg.png) repeat-x;
	width: 946px;
	height: 20px;
	padding: 53px 0 0 0;
	
	text-align: center;
}

/* Carousel */

.wrapper #main .carousel-buttons
{
	position: absolute;
}

.wrapper #main #carousel-wrapper 
{
	position: absolute;
	margin: 0 0 0 27px;
	border: solid 1px #a3a3a3;
    width: 498px;
    height: 281px;
    overflow: hidden;
}

.wrapper #main #carousel-content
{
    width: 25000000000px;
}

.wrapper #main #carousel-content .slide
{
	float: left;
    width: 498px;
    height: 281px;
}

.wrapper #main #carousel-content .slide img
{
	position: absolute;
    width: 498px;
    height: 281px;
}

.wrapper #main #carousel-content .slide .description
{
	position: absolute;
	background: url(../Images/screenshots-overlay.png);
	margin: 231px 0 0 0;
	padding: 5px;
	width: 488px;
	height: 40px;
	z-index: 20;
	overflow: hidden;
}


.wrapper #main #carousel-content .slide .description h2
{
	font-size: 14px;
}

.wrapper #advertisement
{
	position: absolute;
	margin: 20px 0 0 966px;
	background: black;
}
