body { background-color: #3A3A3A; text-align: center; margin: 0px; font: small-caps 11px Arial, Verdana, sans-serif; color: #ADADAD; }

#MainLogo {position:absolute; left:0px; top:0px; }
img {border: none;}

/* ## scrolling content */
/* for menu2 */
div#hold        {
        position:relative; overflow:hidden;
        width:288px; height:200px;
  z-index:1000;
        }
	div#hold.news, div#wn.news { width: 800px; }
	div#wn.news { clip:rect(0px, 800px, 200px, 0px); }

	div#hold.ref, div#wn.ref { width: 900px; }
	div#wn.ref { clip:rect(0px, 900px, 200px, 0px); }
	
	div#hold.pub, div#wn.pub { width: 790px; }
	div#wn.pub { clip:rect(0px, 790px, 200px, 0px); }
	
div#wn  {
        position:absolute;
        left:0px; top:0px;
        width:288px; height:200px;
        clip:rect(0px, 288px, 200px, 0px);
        overflow:hidden;
        z-index:100;
				font-size: 12px;
				list-style-type: none;
							  	
        }

div.scrollcontent {
        position:absolute; visibility:hidden;
        left:0px; top:0px;
        z-index:100;
        }

div#scrollbar {
  position:relative; left:0; top:0;
  width:11px; height:200px;
  font-size:1px; z-index:100;
  }
div#track {
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: url("img/scroll.gif") repeat;
  z-index:100;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background: url("img/dragbar.gif") repeat;
  z-index:100;
  }
div#up { position:absolute; left:0; top:0; z-index:200 }
div#down { position:absolute; left:0; bottom:0; z-index:300 }
/* --- */


#container { width: 988px; height: 512px; margin: auto; margin-top: 30px; text-align: left; position: relative;}

#header { background: url("img/logo.jpg") left no-repeat; width: 971px; height: 61px; }

#content { }


#photos {  width: 971px; height: 160px; position: relative; }

	/* simple image preloader div */
	#photos #loading {
		width: 808px; height: 160px;
		position: absolute;
			top: 0px; left: 0px;
		z-index: 100;

		background: #333333;
		text-align: center;
	}
		#photos #loading p { padding-top: 6em; margin: 0 auto; }

.tab1  { width: 808px; height: 160px;}
.tab2  { width: 808px; height: 380px; }


#photos1 {  width: 979px; height: 320px; position: relative; }



.cell5 { width: 36px; height: 160px; text-align: left; vertical-align: top; }
.cell5 a { background: url("img/architektura_button01.gif") no-repeat; display: block; width: 36px; height: 160px;}
.cell5 a:hover { background: url("img/architektura_button02.gif") no-repeat; display: block; }

.cell6 { width: 36px; height: 160px; text-align: left; vertical-align: top;}
.cell6 a { background: url("img/wnetrza_button01.gif") no-repeat; display: block; width: 36px; height: 160px; }
.cell6 a:hover { background: url("img/wnetrza_button02.gif") no-repeat; display: block; }

.cell7 { width: 36px; height: 160px; text-align: left; vertical-align: top;}
.cell7 a { background: url("img/inne_button01.gif") no-repeat; display: block; width: 36px; height: 160px;}
.cell7 a:hover { background: url("img/inne_button02.gif") no-repeat; display: block; }

.cell8 { width: 36px; height: 160px; text-align: left; vertical-align: top;}
.cell8 a { background: url("img/wspolpraca_button01.gif") no-repeat; display: block; width: 36px; height: 160px; }
.cell8 a:hover { background: url("img/wspolpraca_button02.gif") no-repeat; display: block; }


#menu {width: 160px; height: 160px; float: right; text-align: right; position: absolute; top: 0px; left: 808px; }

#menu ul {list-style-type: none; margin-top: -8px;}

#menu ul li {line-height: 30px;}

#menu a { display: block; width: 123px; height: 30px;  background: url("img/arrow1.gif") no-repeat right; padding-right: 15px; }
#menu a:hover { display: block; width: 123px; height: 30px;  background: url("img/arrow2.gif") no-repeat right; padding-right: 15px; }

#menu2 { width: 334px; height: 152px; position: absolute; top: 170px; left: 651px; line-height: 20px; padding: 10px 0 0 5px; font-variant: normal; }

#menu2 a {text-decoration: none; color:#ADADAD; }

#menu2 a:hover {color:#FE7523;}

#back { margin-bottom: 8px; margin-right: 20px; position: absolute; top: 5px; left: 310px;}
#back1 { margin-bottom: 8px; }


.ic {background: url("img/info.gif") no-repeat top left; font-size: 11px; padding-left: 19px; font-weight: normal; color: #747474; font-variant: small-caps;}

/* photos rollovers */
#photos td { text-align: left; }
#photos td a { display: block; width: 100%; height: 100%; }
 #cell1, #cell2, #cell3, #cell4 { width: 162px; height: 160px; }
 #cell5, #cell6, #cell7, #cell8 { width: 36px; height: 160px; }

#cell1 {	background: url("img/architektura.jpg") no-repeat; }
 #cell1.hover {	background: url("img/architektura1.jpg") no-repeat; }

#cell2 {	background: url("img/wnetrza.jpg") no-repeat; }
 #cell2.hover {	background: url("img/wnetrza1.jpg") no-repeat; }

#cell3 {	background: url("img/inne.jpg") no-repeat; }
 #cell3.hover {	background: url("img/inne1.jpg") no-repeat; }

#cell4 {	background: url("img/wspolpraca.jpg") no-repeat; }
 #cell4.hover {	background: url("img/wspolpraca1.jpg") no-repeat; }

#cell5 {	background: url("img/architektura_button01.gif") no-repeat; }
 #cell5.hover {	background: url("img/architektura_button02.gif") no-repeat; }

#cell6 {	background: url("img/wnetrza_button01.gif") no-repeat; }
 #cell6.hover {	background: url("img/wnetrza_button02.gif") no-repeat; }

#cell7 {	background: url("img/inne_button01.gif") no-repeat; }
 #cell7.hover {	background: url("img/inne_button02.gif") no-repeat; }

#cell8 {	background: url("img/wspolpraca_button01.gif") no-repeat; }
 #cell8.hover {	background: url("img/wspolpraca_button02.gif") no-repeat; }
/* --- */

.picture1 { text-align: left; vertical-align: top; }



/* ## news */
#news { width: 800px; height: 142px; line-height: 23px; margin-top: 10px; padding-left: 0px; padding-top: 8px; font-variant: normal; margin-bottom: 110px; }
 
 #news h1 {background: url("img/info.gif") no-repeat left; font-size: 11px; padding-left: 28px; font-weight: normal; color: #747474; margin-top: 15px; }
 #news p { margin-top: -4px; padding: 0; border: none; font: normal 12px Arial; line-height: 23px; text-align: justify; }

	/* images support*/
	#news p img {
		float: left;
		margin: 6px 15px 0 0;
	}

 #news.tab1 p {margin-left: 4px;}
 #news.tab3 p {text-align: left;}
 
 
 

.publikacje {padding-left: 7px; vertical-align: top;}
.publikacje1{padding-left: 26px; vertical-align: top; }
 
/* ## footer */
#footer { width: 987px; height: 47px; background: url("img/logo_stopka.gif") no-repeat top left; color: #747474; padding-top: 13px; letter-spacing: 0.2ex; border-top: 1px solid #747474; text-align: justify; font: normal 11px Arial; text-align: right; position:absolute; top: 480px; left: 0px; } 

.space1 { margin-left: 8px; }
.space2 { margin-left: 30px; }

/*links*/

a.url1         {text-decoration: none; color: #ADADAD; font-size: 12px; }
a.url1:visited {text-decoration: none; color: #ADADAD; font-size: 12px; }
a.url1:active  {text-decoration: none; color: #ADADAD; font-size: 12px; }
a.url1:hover   {text-decoration: none; color: #ADADAD; font-size: 12px; }

a.url2         {text-decoration: none; color:#747474; font-size: 11px; }
a.url2:visited {text-decoration: none; color:#747474; font-size: 11px; }
a.url2:active  {text-decoration: none; color:#747474; font-size: 11px; }
a.url2:hover   {text-decoration: none; color:#747474; font-size: 11px; }

a.url3         {text-decoration: none; color:#ADADAD; font-size: 11px; }
a.url3:visited {text-decoration: none; color:#ADADAD; font-size: 11px; }
a.url3:active  {text-decoration: none; color:#ADADAD; font-size: 11px; }
a.url3:hover   {text-decoration: none; color:#FE7523; font-size: 11px; }