body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 					
								{ margin:0; padding:0; }
table 							{ border-collapse:collapse; border-spacing:0; }
fieldset,img 						{ border:0; }
address,caption,cite,code,dfn,th,var 	{ font-style:normal; font-weight:normal; }
ol,ul 							{ list-style:none; }
caption,th 						{ text-align:left; }
h1,h2,h3,h4,h5,h6 				{ font-size:100%; font-weight:normal; margin: 0px; padding: 0px; }
q:before,q:after 				{ content:'"'; }
abbr,acronym 						{ border:0; }
textarea,input						{ outline: none;  }		
textarea							{ overflow: auto; }				

body 			{ background-color: #401417; font-size: 11pt; color: #777; font-family: helvetica, arial, sans-serif; text-align: center; }
p 				{ font-size: 11pt; color: #777; font-family: helvetica, arial, sans-serif; text-align: left; }
a				{ display: block; outline: none; cursor: default; }
a:link 			{ color: #999; text-decoration: none; }
a:visited		{ color: #999; text-decoration: none; }
a:hover 			{ color: #ccc; text-decoration: none; }
a:focus			{ outline: 1px #000; }
a:active		{ outline: none; }

#cloud			{ background: url(images/cloud.jpg); position: absolute; top:50%; left:50%; width:730px; height:440px; margin-top:-220px; margin-left:-365px; }	
	
#web			{ background: url(images/web.jpg); position: absolute; top: 60px; left: -23px; width: 23px; height: 71px; }
#web a			{ width: 23px; height: 71px; }
#web:hover		{ background: url(images/web_hov.jpg); }

#signs			{ background: url(images/signs.jpg); position: absolute; top: 136px; left: -23px; width: 23px; height: 101px; }
#signs a			{ width: 23px; height: 101px; }
#signs:hover	{ background: url(images/signs_hov.jpg); }

#paint			{ background: url(images/paint.jpg); position: absolute; top: 241px; left: -23px; width: 23px; height: 102px; }
#paint a			{ width: 23px; height: 102px; }
#paint:hover	{ background: url(images/paint_hov.jpg); }

#home			{ background: url(images/home.jpg); position: absolute; top: 60px; left: 730px; width: 24px; height: 88px; }
#home a			{ width: 24px; height: 88px; }
#home:hover		{ background: url(images/home_hov.jpg); }

#contact		{ background: url(images/contact.jpg); position: absolute; top: 152px; left: 730px; width: 24px; height: 131px; }
#contact a		{ width: 24px; height: 131px; }
#contact:hover	{ background: url(images/contact_hov.jpg); }

#pause			{ background: url(images/pause.jpg); position: absolute; top: 294px; left: 730px; width: 24px; height: 27px; }
#pause a			{ width: 24px; height: 27px; }
#pause:hover	{ background: url(images/pause_hov.jpg); }

#play			{ background: url(images/play.jpg); position: absolute; top: 322px; left: 730px; width: 24px; height: 26px; }
#play a			{ width: 24px; height: 26px; }
#play:hover		{ background: url(images/play_hov.jpg); }

#face			{ background: url(images/face.jpg); position: absolute; top: 287px; left: 730px; width: 24px; height: 27px; }
#face a			{ width: 24px; height: 27px; }
#face:hover		{ background: url(images/face_hov.jpg); }
	
#text			{ position: absolute; top: 65px; left: 50px; width: 210px; height: 300px; margin: auto 0; }

#firstbutton			{ position: absolute; top: 399px; left: 75px; width: 30px; height: 30px; }
#firstbutton a 			{ width: 30px; height: 30px; }
#firstbutton:hover		{ background: url(images/b1.jpg) no-repeat; }

#secondbutton			{ position: absolute; top: 397px; left: 155px; width: 32px; height: 32px; }
#secondbutton a 			{ width: 32px; height: 32px; }
#secondbutton:hover		{ background: url(images/b2.jpg) no-repeat; }

#thirdbutton			{ position: absolute; top: 389px; left: 231px; width: 26px; height: 26px; }
#thirdbutton a 			{ width: 26px; height: 26px; }
#thirdbutton:hover		{ background: url(images/b3.jpg) no-repeat; }

#fourthbutton			{ position: absolute; top: 400px; left: 319px; width: 29px; height: 29px; }
#fourthbutton a 			{ width: 29px; height: 29px; }
#fourthbutton:hover		{ background: url(images/b4.jpg) no-repeat; }

#fifthbutton			{ position: absolute; top: 393px; left: 390px; width: 33px; height: 34px; }
#fifthbutton a 			{ width: 33px; height: 34px; }
#fifthbutton:hover		{ background: url(images/b5.jpg) no-repeat; }

#sixthbutton			{ position: absolute; top: 398px; left: 478px; width: 30px; height: 30px; }
#sixthbutton a 			{ width: 30px; height: 30px; }
#sixthbutton:hover		{ background: url(images/b6.jpg) no-repeat; }

#seventhbutton			{ position: absolute; top: 392px; left: 569px; width: 33px; height: 34px; }
#seventhbutton a 		{ width: 33px; height: 34px; }
#seventhbutton:hover	{ background: url(images/b7.jpg) no-repeat; }

#eighthbutton			{ position: absolute; top: 384px; left: 636px; width: 32px; height: 32px; }
#eighthbutton a 			{ width: 32px; height: 32px; }
#eighthbutton:hover		{ background: url(images/b8.jpg) no-repeat; }

#w0								{  position: absolute; top: 59px; margin-left: 339px; width: 277px; height: 277px; }	
#w1,#w2,#w3,#w4,#w5,#w6,#w7,#w8	{  position: absolute; top: 59px; margin-left: 339px; width: 277px; height: 277px; display: none; }	

#logo 			{ background: url(images/boscobel.gif) no-repeat; position: absolute; top: 75px; margin-left: 39px; width: 200px; height: 138px; }
#rybka			{ background: url(images/rybka.gif) no-repeat; position: absolute; top: 65px; margin-left: 59px; width: 200px; height: 138px; }	
	
#form 			{ position: absolute; top: 38px; left: 39px; width: 200px; height: 200px; text-align: center; line-height: 20px; }	
#form p			{ text-align: center; }

input, textarea	{ background-color: #401417; border: 1px solid #000; font-size: 11pt; color: #888; font-family: helvetica, arial, sans-serif; 
				border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 5px; }
textarea						{ width: 188px; height: 90px; }					 
.submit input 					{ width: auto;  padding: 5px 15px;  background: #401417; margin-top: 10px; }
.submit input:hover 			{ background-color: #502427; }
input:focus,textarea:focus 		{ background-color: #502427; }