body{
	margin:	0px;
	padding: 0px;
	color: #FFF;
	background: #FFF;
	font-family: arial, sans-serif;
	font-size: 12px;
}

a { 
	outline: none;
}

p {
	margin: 0px;
	padding: 8px 0px;
}

#wrapper {
	width:810px;
	margin:auto;
}

#header {
	margin-top: 14px;
	width:810px;
	height:326px;
	float: left;
	background: url(../../img/57/header.jpg) no-repeat;	
	position: relative;
}

#header a.logitech {
	position: absolute;
	top: 20px;
	left: 100px;
	width: 124px;
	height: 64px; 
}

#header a.konkurs {
	position: absolute;
	top: 110px;
	left: 120px;
	width: 275px;
	height: 130px; 
}

#footer {
	width: 810px;
	height: 170px;
	float: left;
	background: url(../../img/57/footer.jpg) no-repeat;	
	position: relative;
}

#footer .rules {
	position: absolute;
	top: 14px;
	left: 104px;
	padding: 3px 0px 0px 23px;
	background: url(../../img/57/pdf.gif) no-repeat;	
}

#footer .rules a {
 	color: #FFF;
 	font-weight: bold;
}

#copy {
	margin-bottom: 14px;
	width: 810px;
	text-align: center;
	color: #000;	
}

#copy a {
	text-decoration: none;
	color: #000;
}

#copy a:hover {
	text-decoration: underline;
}

#main {
	padding: 0px 20px;
		width: 810px;
		w\idth: 770px;
	background: url(../../img/57/back.gif) repeat-y;
	float: left;
}

#top {
	position: relative;
	width: 770px;
	height: 70px;
	background: url(../../img/57/top.png) no-repeat;
	float: left;
}

#top a {
	position: absolute;
	top: 33px;
	left: 430px;
	width: 133px;
	height: 30px;
	display: block;
}

#mainprize {
	position: relative;
	width: 400px;
	height: 222px;
	background: url(../../img/57/mainprize.jpg) no-repeat;
	float: left;
}

#mainprize .text {
	position: absolute;
	width: 300px;
	top: 192px;
	left: 75px;
	color: #6A6A6A;
	text-align: center;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
}

#getsound {
	position: relative;
	width: 370px;
	height: 222px;
	background: url(../../img/57/getsound.jpg) no-repeat;
	float: left;
}

#getsound .text {
	position: absolute;
	width: 300px;
	top: 164px;
	left: 10px;
	color: #6A6A6A;
	text-align: right;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

#place2nd {
	position: relative;
	width: 385px;
	height: 159px;
	background: url(../../img/57/2ndplace.jpg) 83px 12px no-repeat;
	float: left;	
}

#place2nd .text {
	position: absolute;
	width: 200px;
	top: 128px;
	left: 128px;
	text-align: center;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
}

#place3rd {
	position: relative;
	width: 385px;
	height: 159px;
	background: url(../../img/57/3rdplace.jpg) 27px 12px no-repeat;
	float: left;	
}

#place3rd .text {
	position: absolute;
	width: 205px;
	top: 128px;
	left: 69px;
	text-align: center;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
}

#additionalprize {
	position: relative;
	width: 770px;
	height: 124px;
	background: url(../../img/57/additionalprize.jpg) 83px 8px no-repeat;
	float: left;	
}

#additionalprize .text {
	position: absolute;
	width: 302px;
	top: 40px;
	left: 97px;
	text-align: left;
	line-height: 18px;
}

#info {
	padding: 45px 73px 17px 97px;
		width: 770px;
		w\idth: 600px;	
	line-height: 18px;
	background: url(../../img/57/konkurs.png) 95px 25px no-repeat;
	float: left;
}

#info span {
	color: #A8DD00;
}

#frame {
	position: relative;
	margin-bottom: 5px;
	width: 770px;
	height: 221px;
	background: url(../../img/57/frame.png) 77px 0px no-repeat;
	float: left;
}

#counter {
	position: absolute;
	padding-left: 5px;	
		width: 102px;
		w\idth: 97px;
	height: 37px;
	background: url(../../img/57/counter.gif) no-repeat;
	top: 17px;
	left: 587px;
	color: #D00;
	line-height: 37px;
	text-align: center;
}

#counter span {
	font-size: 20px;
}

#intro {
	position: absolute;
	width: 473px;
	height: 179px;
	background: url(../../img/57/intro.png) no-repeat;
	top: 35px;
	left: 110px;	
}

#intro input {
	margin: 106px 0px 0px 3px;
	cursor: pointer;
}

#navigation {
	position: absolute;
	width: 212px;
	height: 21px;
	background: url(../../img/57/navigation.gif) no-repeat;
	top: 186px;
	left: 477px;	
}

#navigation {
	color: #a8dd00;
	line-height: 21px;
}

#navigation div {
	font-weight: bold;
	width: 52px;
	float: left;
	text-align: center;
}

#navigation a {
	color: #a8dd00;
	text-decoration: none;
	height: 21px;
	display: block;	
	float: left;
}

#navigation a.prev {
	width: 84px;
	text-align: right;
	visibility: hidden;	
}

#navigation a.next {
	width: 76px;
	text-align: left;	
}

#navigation a.finish {
	width: 76px;
	text-align: left;	
	display: none;
}

#login a {
	position: absolute;
	text-decoration: none;
	color: #a8dd00;
	top: 115px;
	left: 260px;
	width: 260px;
	height: 21px;
	display: block;	
	background: url(../../img/57/login.gif) no-repeat;
	float: left;
	text-align: center;
	line-height: 21px;
}

#question {
	position: absolute;
	line-height: 16px;
	width: 585px;
	top: 65px;
	left: 110px;
}

#question span {
	font-size: 16px;
	font-weight: bold;
}

#question ul {
 	margin: 0px;
 	padding: 0px;
	list-style: none;
}

#question ul li {
	margin: 8px 0px 0px;
	padding: 0px;
	cursor: pointer;
}

#block {
	width: 617px;
	height: 209px;
	position: absolute;
	top: 6px;
	left: 83px;
	z-index: 1000;
	background: url(../../img/57/block.png) no-repeat;
	display: none;
}

#process {
	width: 617px;
	height: 209px;
	position: absolute;
	top: 6px;
	left: 83px;
	z-index: 1001;	
	background: url(../../img/57/process.gif) center center no-repeat;
	display: none;
}

#summary {
	width: 206px;
	height: 50px;
	position: absolute;
	top: 105px;
	left: 283px;
	z-index: 1001;	
	display: none;
}

#summary a {
	color: #a8dd00;
	text-decoration: none;
	margin: 0px 5px;
	width: 93px;
	height: 21px;
	display: block;	
	background: url(../../img/57/action.gif) no-repeat;
	float: left;
	text-align: center;
	line-height: 21px;
}

#summary div { 
	margin-bottom: 10px;
	width: 206px;
	float: left;
	text-align: center;
}

#summary div span {
	font-size: 25px;
}

#summary a.done {
	display: none;
}

#score {
	width: 260px;
	height: 24px;
	position: absolute;
	top: 70px;
	left: 258px;
	z-index: 1001;	
}

#score div {
	width: 26px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	float: left;
}

#score .yes {
	background: url(../../img/57/yes.gif) no-repeat;
}

#score .no {
	background: url(../../img/57/no.gif) no-repeat;
}