html, body
{
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:13px;
}

a:active, a:focus
{
	outline: none;
	-moz-outline-style: none;
}

input,select,textarea
{
	font-family:Arial;
	font-size:12px;
}

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

div#top
{
	clear:both;
	float:left;
	width:960px;
}

div#logo
{
	float:left;
	width:112px;
	height:100px;
	padding:30px 0px 0px 20px;
}

div#logo a
{
	float:left;
	width:112px;
	height:100px;
	text-indent:-5000px;
	background: url(../images/bg-top.gif) no-repeat 0px 0px;
}


div#twitter
{
	float:right;
	width:326px;
}

div#twitter ul
{
	list-style: none;
}

div#twitter li a
{
	display: none;
	line-height:12px;
	text-decoration: underline;
	font-size:10px;
	color: #000;
}

div#twitter-bg
{
	float:left;
	padding: 16px 45px 6px 5px;
	width:280px;
	height:134px;
	background: url(../images/bg-top.gif) no-repeat -113px 0px;
}

div#twitter-text
{
	clear:both;
	float:left;
	padding:15pX;
	width:246px;
	height:68px;
	line-height:22px;
	font-size:14px;
	color: rgb(104,175,105);
	overflow: none;
}

div#twitter-footer
{
	clear:both;
	float:left;
	padding:0px 0px 0px 20px;
	width:216px;
}

div#twitter-footer a
{
	float:left;
	width:146px;
	padding:0px 54px 0px 0px;
	line-height:12px;
	text-decoration: underline;
	font-size:10px;
	color: #000;
	background: url(../images/bg-top.gif) no-repeat 150px -114px;
}

div#twitter-footer a:hover
{
	text-decoration: none;
}

div#main
{
	clear:both;
	float:left;
	width:960px;
	height:590px;
	background: url(../images/Sveppi_forsida2.jpg) no-repeat center center;
}

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

div#main ul li
{
	position:relative;
	clear:both;
	float:left;
}

div#main ul li a
{
	float:left;
	height:30px;
	width:214px;
	text-indent:-5000px;
	background: url(../images/bg-main-menu.gif) no-repeat;
	overflow:hidden;
}

div#main ul li.item-1
{
	width:160px;
	top:0px;
	left:120px;
}

div#main ul li.item-1 a
{
	width:160px;
	background-position: 0px 0px;
}

div#main ul li.item-1 a:hover
{
	background-position: -215px 0px;
}

div#main ul li.item-2
{
	width:120px;
	top:190px;
	left:25px;
}

div#main ul li.item-2 a
{
	width:120px;
	background-position: 0px -30px;
}

div#main ul li.item-2 a:hover
{
	background-position: -215px -30px;
}

div#main ul li.item-3
{
	top:395px;
	left:0px;
}

div#main ul li.item-3 a
{
	background-position: 0px -60px;
}

div#main ul li.item-3 a:hover
{
	background-position: -215px -60px;
}

div#main ul li.item-4
{
	width:68px;
	top:125px;
	left:840px;
}

div#main ul li.item-4 a
{
	width:68px;
	background-position: 0px -90px;
}

div#main ul li.item-4 a:hover
{
	background-position: -215px -90px;
}

div#main ul li.item-5
{
	top:350px;
	left:820px;
}

div#main ul li.item-5 a
{
	background-position: 0px -120px;
}

div#main ul li.item-5 a:hover
{
	background-position: -215px -120px;
}

div#sub
{
	clear:both;
	float:left;
	width:960px;
}

div#sub ul
{
	margin:0px auto;
	padding:10px;
	width:660px;
	border-top:1px solid rgb(214,214,214);
	list-style:none;
}

div#sub ul li
{
	float:left;
	width:215px;
	text-align:center;
}

div#sub ul li a
{
	color: rgb(134,134,134);
	text-decoration:none;
}

div#sub ul li a:hover
{
	text-decoration:underline;
}

div#footer
{
	clear:both;
	float:left;
	padding:40px 30px;
	padding-left: 50px;
	width:1200px;
}


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

div#footer ul li
{
	float:left;
}

div#footer ul li a
{
	margin:0px 2px;
	float:left;
	height:44px;
	text-decoration:none;
	text-indent:-6000px;
	background: url(../images/Samstarfsadilar_lina_2011.jpg) no-repeat;
}

div#footer ul li.item-1 a
{
	width:85px;
	background-position: 0px 0px;
}

div#footer ul li.item-1 a:hover
{
	background-position: 0px -44px;
}

div#footer ul li.item-2 a
{
	width:145px;
	background-position: -85px 0px;
}

div#footer ul li.item-2 a:hover
{
	background-position: -85px -44px;
}

div#footer ul li.item-3 a
{
	width:80px;
	background-position: -230px 0px;
}

div#footer ul li.item-3 a:hover
{
	background-position: -230px -44px;
}

div#footer ul li.item-4 a
{
	width:51px;
	background-position: -310px 0px;
}

div#footer ul li.item-4 a:hover
{
	background-position: -310px -44px;
}

div#footer ul li.item-5 a
{
	width:60px;
	background-position: -361px 0px;
}

div#footer ul li.item-5 a:hover
{
	background-position: -361px -44px;
}

div#footer ul li.item-6 a
{
	width:67px;
	background-position: -421px 0px;
}

div#footer ul li.item-6 a:hover
{
	background-position: -421px -44px;
}

div#footer ul li.item-7 a
{
	width:77px;
	background-position: -488px 0px;
}

div#footer ul li.item-7 a:hover
{
	background-position: -488px -44px;
}

div#footer ul li.item-8 a
{
	width:53px;
	background-position: -565px 0px;
}

div#footer ul li.item-8 a:hover
{
	background-position: -565px -44px;
}

div#footer ul li.item-9 a
{
	width:48px;
	background-position: -618px 0px;
}

div#footer ul li.item-9 a:hover
{
	background-position: -618px -44px;
}

div#footer ul li.item-10 a
{
	width:50px;
	background-position: -666px 0px;
}

div#footer ul li.item-10 a:hover
{
	background-position: -666px -44px;
}

div#footer ul li.item-11 a
{
	width:51px;
	background-position: -716px 0px;
}

div#footer ul li.item-11 a:hover
{
	background-position: -716px -44px;
}

div#footer ul li.item-12 a
{
	width:93px;
	background-position: -767px 0px;
}

div#footer ul li.item-12 a:hover
{
	background-position: -767px -44px;
}

/*div#footer ul li.item-13 a
{
	width:30px;
	background-position: -550px 0px;
}

div#footer ul li.item-13 a:hover
{
	background-position: -550px -26px;
}
*/


/* POPUP'S */


.close
{
	position:relative;
	top:-10px;
	float:right;
	width:28px;
	height:28px;
	text-indent:-5000px;
	background: url(../images/bg-contact-items.gif) no-repeat -97px 0px;
}

h1
{
	font-size:24px;
	font-weight:normal;
	color: rgb(104,175,105);
}

.contact
{
	float:left;
	padding:20px;
	width:760px;
	height:auto !important;
	height:460px;
	min-height:460px;
	background: url(../images/bg-contact.jpg) no-repeat bottom right;
}

.form
{
	clear:both;
	float:left;
	padding:50px 110px;
	width:540px;
}

.form label
{
	clear:both;
	float:left;
	padding:5px 0px;
	font-size:14px;
}

.form input
{
	clear:both;
	float:left;
	width:260px;
}

.form textarea
{
	clear:both;
	float:left;
	width:345px;
	height:125px;
}

.form input.btn
{
	margin:20px 0px 0px 0px;
	padding:6px;
	width:96px;
	height:27px;
	text-align:center;
	color: #fff;
	font-size:14px;
	background: url(../images/bg-contact-items.gif) no-repeat 0px 0px;
	border:0px;
}


.games
{
	float:left;
	padding:20px;
	width:760px;
	height:auto !important;
	height:260px;
	min-height:260px;
	background: url(../images/bg-games.jpg) no-repeat bottom right;
}

.games ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.games ul li
{
	float:left;
	padding:20px 8px;
	width:128px;
}

.games ul li div.img-bg
{
	clear:both;
	float:left;
	width:128px;
	height:128px;
	line-height:128px;
	background: url(../images/bg-contact-items.gif) no-repeat 0px -29px;
	text-align:center;
}

.games ul li a
{
	clear:both;
	float:left;
	width:128px;
	font-size:16px;
	color: rgb(104,175,105);
	text-align:center;
	text-decoration:none;

}

.games ul li .img-bg img
{
	padding:5px;
	vertical-align:middle;
}

.youtube
{
	float:left;
	padding:20px;
	width:760px;
	height:auto !important;
	height:460px;
	min-height:460px;
	background: url(../images/bg-games.jpg) no-repeat bottom right;
}

.youtube ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.youtube ul li
{
	float:left;
	padding:20px 8px;
	width:128px;
}

.youtube ul li div.img-bg
{
	clear:both;
	float:left;
	width:128px;
	height:128px;
	line-height:128px;
	background: url(../images/bg-contact-items.gif) no-repeat 0px -29px;
	text-align:center;
}

.youtube ul li a
{
	clear:both;
	float:left;
	width:128px;
	font-size:16px;
	color: rgb(104,175,105);
	text-align:center;
	text-decoration:none;

}

.youtube ul li .img-bg img
{
	padding:5px;
	vertical-align:middle;
}


.winners
{
	float:left;
	padding:20px;
	width:760px;
	height:auto !important;
	height:460px;
	min-height:460px;
	background: url(../images/bg-winners.jpg) no-repeat bottom left;
}

.content
{
	float:left;
	padding:30px;
	width:730px;
	height:auto !important;
	height:460px;
	min-height:460px;
}

.content p
{
	margin-bottom: 12px;
}

.table
{
	clear:both;
	float:left;
	padding:10px 120px;
	width:540px;
}

.table table
{
	width:100%;
}

.table table td
{
	padding:2px;
}

.table table td.td-right
{
	text-align:right;
}

.alt, .alt td
{
	background: rgb(244,244,244);
}


.history
{
	float:left;
	padding:20px;
	width:760px;
	height:auto !important;
	height:500px;
	min-height:500px;
	background: url(../images/bg-history.jpg) no-repeat bottom left;
}

.history h1 ul
{
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;
}

.history h1 ul li
{
	float:left;
}

.history h1 ul li a
{
	float:left;
	width:65px;
	padding:40px 0px 0px 0px;
	font-size:12px;
	color: rgb(104,175,105);
	text-decoration:none;
	background: url(../images/bg-contact-items.gif) no-repeat;
	text-align:center;
}

.history h1 ul li.spila a
{
	background-position:  15px -158px;
}

.history h1 ul li.hlada a
{
	background-position:  -58px -158px;
}


.history h1 ul li.prenta a
{
	background-position:  -133px -158px;
}

.history .middle
{
	clear:both;
	float:left;
	width:780px;
}

.history .left
{
	float:left;
	width:160px;
}

.history .left ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.history .left ul li
{
	padding:4px 0px;
}

.history .left ul li a
{
	line-height:16px;
	font-size:14px;
	color: rgb(104,175,105);
	text-decoration:none;
}

.history .left ul li a:hover, .history .left ul li.selected a
{
	color: rgb(38,130,0);
}

.right
{
	float:left;
	padding:8px 15px 0px 15px;
	width:560px;
}
