@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial; 
	font-size: 12px; 
	margin: 0px;
	text-align: center;}

#big {
	position:relative;
	left:auto;
	margin:auto;
	top:0px;
	width:950px;
	height:600px;
	z-index:1;
	background-color:#ffffff;
}
#top {
	position:absolute;
	left:1px;
	top:0px;
	width:950px;
	height:126px;
	z-index:2;
	cursor:pointer;
}
	
.grey {
    color:#6d6e6f;
}

#mainHome {
	position:absolute;
	left:0px;
	top:128px;
	width:950px;
	height:305px;
	z-index:2;
}
#aboutMe {
	position:absolute;
	left:102px;
	top:-21px;
	width:128px;
	height:127px;
	z-index:3;
	cursor:pointer;
}
#photo {
	position:absolute;
	left:195px;
	top:192px;
	width:128px;
	height:127px;
	z-index:3;
	cursor:pointer;
}
#graphics {
	position:absolute;
	left:440px;
	top:61px;
	width:128px;
	height:127px;
	z-index:3;
	cursor:pointer;
}
#web {
	position:absolute;
	left:571px;
	top:203px;
	width:128px;
	height:127px;
	z-index:2;
	cursor:pointer;
}
#contact {
	position:absolute;
	left:760px;
	top:4px;
	width:128px;
	height:127px;
	z-index:2;
	cursor:pointer;
}
#footer {
	position:absolute;
	left:0px;
	top:463px;
	width:950px;
	height:39px;
	z-index:2;
}
#footerContact {
	position:absolute;
	left:0px;
	top:521px;
	width:950px;
	height:39px;
	z-index:2;
}
#contactMain {
	position:absolute;
	left:0px;
	top:127px;
	width:950px;
	height:331px;
	z-index:2;
	background-image:url(images/grid.png);
}
#menuContact {
	position:absolute;
	left:0px;
	top:485px;
	width:950px;
	height:30px;
	z-index:2;
}

#menu {	
	margin: 0;
	padding: 0;
}
	
#menu li {	
	float: left;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#menu li a {	
	display: block;
	background: #ffffff;
	padding: 5px 12px;
	text-decoration: none;
	border-right: 1px solid #d9dadb;
	width: 75px;
	color: #000000;
	white-space: nowrap;
}
		
.aktywny {
	background-color:#eae8e7;
	padding: 5px 12px;
	border-right: 1px solid #d9dadb;
	width: 75px;
	display:block;
}

#menu li a:hover {	
	background: #000000;
	color:#ffffff;
}

.text {
	width:300px; 
	background-color:#edeeeb; 
	color:#424441;
}

.yellow {
	font-size:10px; 
	background-color:#ffffff;
}	

#footerOmnie {
	position:absolute;
	left:0px;
	top:521px;
	width:950px;
	height:39px;
	z-index:2;
}
#omnieMain {
	position:absolute;
	left:0px;
	top:127px;
	width:950px;
	height:331px;
	z-index:2;
}
#omnieFoto {
	position:absolute;
	left:0px;
	top:5px;
	width:300px;
	height:300px;
	z-index:2;
}
#menuOmnie {
	position:absolute;
	left:0px;
	top:485px;
	width:950px;
	height:30px;
	z-index:2;
}
#omnieTekst {
	position:absolute;
	left:310px;
	top:5px;
	width:627px;
	height:300px;
	z-index:2;
}
	
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

#footerPhoto {
	position:absolute;
	text-align:center;
	top:1300px;
	margin:auto;
	left:0px;
	width:950px;
	height:39px;
	z-index:2;
}
#photoMain {
	position:absolute;
	left:0px;
	top:127px;
	width:950px;
	height:331px;
	z-index:3;
}
#menuPhoto {
	position:relative;
	text-align:center;
	margin:auto;
	left:auto;
	top:155px;
	width:600px;
	height:30px;
	z-index:2;
}

/* the thumbnails */
#triggers {
    position:relative;
	text-align:center;
	margin:auto;
	left: auto;
	top: -380px;
	width: auto;
	height: 100px;
	z-index:50;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}

#footerGraph {
	position:absolute;
	text-align:center;
	top:700px;
	margin:auto;
	left:0px;
	width:950px;
	height:39px;
	z-index:2;
}

#menuGraph {
	position:relative;
	text-align:center;
	margin:auto;
	left:auto;
	top:155px;
	width:600px;
	height:30px;
	z-index:2;
}

#footerWeb {
	position:absolute;
	text-align:center;
	top:2400px;
	margin:auto;
	left:0px;
	width:950px;
	height:39px;
	z-index:2;
}

#menuWeb {
	position:relative;
	text-align:center;
	margin:auto;
	left:auto;
	top:155px;
	width:600px;
	height:30px;
	z-index:2;
}

.web_text {
	background-color:#f5f4f3;
	padding:5px;
	font-size:10px;
}

#footerOther {
	position:absolute;
	text-align:center;
	top:450px;
	margin:auto;
	left:0px;
	height:39px;
	width:950px;
	z-index:2;
}

#menuOther {
	position:relative;
	text-align:center;
	margin:auto;
	left:auto;
	top:155px;
	width:600px;
	height:30px;
	z-index:2;
}

/*#name {
	position:relative;
	text-align:center;
	margin:auto;
	left:auto;
	top:auto;
} */

#kontakty {
    position:relative;
	text-align:center;
	margin:auto;
	left: auto;
	top: 77px;
	width: auto;
	height: auto;
	z-index:50;
}

#kontakty img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 15px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#szare_tlo {
	background-color:#edeeeb;
}