* {margin:0;padding:0;}
li {list-style:none}
body {font-family:verdana,helvetica,arial,sans-serif;font-size:12px;margin:0;padding:0; background:url(../img/back.jpg) repeat-y center; color: #FFFFFF}
a {text-decoration:none}
a:hover {text-decoration:none}
a img {border:0px none}
#container {width:1000px; margin:0px auto}
#main {}
#header {background: #D3D3D3;height: 24px; position: fixed}
#menu {width:990px;padding:0px 5px}
#content { }
img {display: block}

h1 { font-size: 16px; font-weight: bold; font-style:italic; color:#000000}

#menu a {display:block; width:110px;height:24px;background: top left no-repeat;float:left}
#menu a:hover {background-position: 0px -24px}
#menu span {visibility: hidden}
#menu #menu1 {background-image: url(../img/menu/m1.jpg)}
#menu #menu2 {background-image: url(../img/menu/m2.jpg)}
#menu #menu3 {background-image: url(../img/menu/m3.jpg)}
#menu #menu4 {background-image: url(../img/menu/m4.jpg)}
#menu #menu5 {background-image: url(../img/menu/m5.jpg)}
#menu #menu6 {background-image: url(../img/menu/m6.jpg)}
#menu #menu7 {background-image: url(../img/menu/m7.jpg)}
#menu #menu8 {background-image: url(../img/menu/m8.jpg)}
#menu #menu9 {background-image: url(../img/menu/m9.jpg)}

.flash700_300 {width:700px; margin:0px auto}
#footer {background: #D4D4D4;width:100%;height:24px}


#submenu a, #submenu span {display:block; width:110px;height:24px;background-position: top left; background-attachment: no-repeat;float:left}
#submenu a:hover {background-position: 0px -24px}
#submenu a span {visibility: hidden}
#submenu #smenu1 {background-image: url(../img/footer/more.jpg)}
#submenu #smenu2 {background-image: url(../img/footer/behance.jpg)}
#submenu #smenu3 {background-image: url(../img/footer/flickr.jpg)}
#submenu #smenu4 {background-image: url(../img/footer/fotolog.jpg)}
#submenu #smenu5 {background-image: url(../img/footer/friends.jpg); float: right}
#submenu a#smenu6 {background-image: url(../img/footer/reboo.jpg); float: right}

#about-me {width:1000px; height:282px; background:#d3d3d3 url(../img/about-me.jpg) no-repeat 0 0;}
	#about-me ul {padding:128px 0 0 152px; margin:0; float:left; display:inline; list-style:none;}
		#about-me li {float:left; display:inline; margin:0; padding:0; height:25px;}
		#about-me a {display:block; width:100%; height:100%; text-indent:-55000px; outline:none;}
	/* first line */
	#about-me #am1 {width:107px;}
		#about-me #am1 a {background:#000000 url(../img/about-me-m.gif) no-repeat 13px -37px;}
		#about-me #am1 a:hover {background-position:13px 0;}
	#about-me #am2 {width:82px;}
		#about-me #am2 a {background:#000000 url(../img/about-me-m.gif) no-repeat -94px -37px;}
		#about-me #am2 a:hover {background-position:-94px 0;}
	#about-me #am3 {width:118px;}
		#about-me #am3 a {background:#000000 url(../img/about-me-m.gif) no-repeat -176px -37px;}
		#about-me #am3 a:hover {background-position:-176px 0;}
	#about-me #am4 {width:112px;}
		#about-me #am4 a {background:#000000 url(../img/about-me-m.gif) no-repeat -294px -37px;}
		#about-me #am4 a:hover {background-position:-294px 0;}
	/* second line */
	#about-me #am1- {width:182px; clear:both; margin-top:40px; height:27px;}
		#about-me #am1- a {background:#000000 url(../img/about-me-m.gif) no-repeat -402px -42px;}
		#about-me #am1- a:hover {background-position:-402px -5px;}


a.link-download {display:block; width:100%; height:93px; background:transparent url(../img/button/btn_download.jpg) no-repeat 0 0;}
a.link-download:hover {background-position:0 -93px;}

a.link-sklep {display:block; width:100%; height:51px; background:transparent url(../img/button/btn_sklep.jpg) no-repeat 0 0;}
a.link-sklep:hover {background-position:0 -51px;}

a.link-www {display:block; width:100%; height:54px; background:transparent url(../img/button/btn_www.jpg) no-repeat 0 0;}
a.link-www:hover {background-position:0 -54px;}

a.link-more {display:block; width:100%; height:35px; background:transparent url(../img/button/more_details.jpg) no-repeat 0 0;}
a.link-more:hover {background-position:0 -35px;}

/* tweet */
#panel {position:fixed; top:0; left:-275px; height:100%; background:#eaeaea;}
#spinner {position:absolute; width:16px; height:16px; left:17px; top:106px; background:transparent url(../img/tweet/news_btn.gif) no-repeat 0 0;}

#panel_button {width:121px; height:267px; position:absolute; top:30%; left:275px;}
#panel_button a, #panel_button a:hover {outline:0;}
#panel_button a img {position:absolute;}
#panel_button a #czarny_szwed {visibility:hidden;}

#panel_tresc {width:275px; height:100%; position:absolute; top:0; left:0px;}
#panel_tresc- {float:left; width:275px; position:relative;}
#panel_tresc- .png {float:left;}
#panel_tresc h4 {float:left; width:225px; height:50px; background:transparent url(../img/tweet/top.jpg) no-repeat 0 0;}
#panel_button_hide {float:right; width:50px; height:50px;}
#panel_button_hide a {display:block; width:100%; height:100%; text-indent:-55000px; outline:0; background:transparent url(../img/tweet/x_btn.jpg) no-repeat 0 0;}
#panel_button_hide a:hover {background-position:0 -50px;}

#tweet_tresc {float:left; width:274px; overflow:auto; background:#ffffff; border-right:1px solid #ffffff;}
#tweet_tresc p {float:left; display:inline; width:218px; margin-left:20px; padding:10px 7px; color:#4d4d4d; border-bottom:1px solid #eeeeee;}
#tweet_tresc p span {display:block; color:#dddddd; font-size:10px; margin-top: 2px;}
#tweet_tresc a {color:#33ccff;} #tweet_tresc a:hover {text-decoration:underline;}