@charset "utf-8";
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #0d0d0d;
	padding: 0;
	margin: 0;
}

#NAGLOWEK {
	background-image: url(image/top.jpg);
	width: 950px;
	height: 155px;
	
}


#MENU {
	height: 39px;
	width: 950px;
	display: block;
	margin: 0px;
}

#MENU li {float:left; }
#MENU a {
	height: 39px;
	width: 158px;
	display: block;
	float: left;
	margin:auto;
	background-position: top center;
	background-color: #0d0d0d;
	text-indent:-20000px;
	outline:none;
}
#MENU a:hover { 
	background-position: bottom center;
}
 
#MENU .motion {
	background-image:url(image/mot_of.jpg);
}
 
#MENU .web {
	background-image:url(image/web_of.jpg);
}
#MENU .html {
	background-image:url(image/html.jpg);
}
#MENU .static {
	background-image:url(image/stat_of.jpg);
}
#MENU .model {
	background-image:url(image/3d_of.jpg);
}
#MENU .about {
	background-image:url(image/abo_of.jpg);
}
 
.menu {
	list-style:none outside none;
	padding: 0;
	margin: 0;
}

#BOTTOM {
	background-image: url(image/prawa.jpg);
	height: 32px;
	left:0;
	width: 950px;
	display: block;
	float: left;
	margin: 0;
	background-position: top center;
	background-color: #0d0d0d;
	background-repeat: no-repeat;
	position: absolute; bottom: 25px;
}

#MENU .active a {
	background-position: bottom center;
}

#CONTEINER {
	width: 950px;
	display: block;
	margin: 0;
	float: left;
}
#MOTION {
	width: 200px;
	display: block;
	margin: 0;
	float:left;
}

.artmo {
	list-style: none outside none;
	margin: 0;
	padding: 10px;
	display: block;
	padding-top: 28px;
}

.artmo a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none;
}

.artmo a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #f00c0d; 
}

#CONTENT {
	display: block;
	width: 600px;
	float: right;
	padding-top: 28px;
	margin: 0;
	padding-left: 75px;
	padding-right: 75px;
}


#CONTENT p {
	clear: both;
	padding-left: 0px;
	padding-right: 0px;
	line-height: normal;
	margin: 1px;
}



#CONTENT .motxt {
	color: #f00c0d;
}

#BOTTOM2 {
	background-image: url(image/prawa.jpg);
	height: 32px;
	width: 950px;
	display: block;
	margin: 0;
	float: left;
	background-position: top center;
	background-color: #0d0d0d;
	background-repeat: no-repeat;
	margin-top: 15px;
}

.molink {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none;
	
}

.molink:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #f00c0d; 
}




#CONTENT2 {
	display: block;
	width: 750px;
	float: right;
	padding-top: 28px;
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
}


#CONTENT2 p {
	clear: both;
	padding-left: 0px;
	padding-right: 0px;
	line-height: normal;
	margin: 1px;
}

#CONTENT2 img {
	display: block;
	float: left;
	padding-bottom: 10px;
}



#WEB {
	width: 200px;
	display: block;
	margin: 0;
	float:left;
}

.artweb {
	list-style: none outside none;
	margin: 0;
	padding: 10px;
	display: block;
	padding-top: 28px;
}

.artweb a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none;
}

.artweb a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ed800b; 
}


#CONTENT2 .webtxt {
	color: #ed800b;
}


.weblink {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none;
}

.weblink:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #ed800b;
}



#STATIC {
	width: 200px;
	display: block;
	margin: 0;
	float:left;
}

.artstat {
	list-style: none outside none;
	margin: 0;
	padding: 10px;
	display: block;
	padding-top: 28px;
}

.artstat a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none;
}

.artstat a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #08ec19; 
}


#CONTENT2 .stattxt {
	color: #08ec19;
}


.statlink {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none;
}

.statlink:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #08ec19;
}

#MODEL {
	width: 200px;
	display: block;
	margin: 0;
	float:left;
}

.artmod {
	list-style: none outside none;
	margin: 0;
	padding: 10px;
	display: block;
	padding-top: 28px;
}

.artmod a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none;
}

.artmod a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #0ac4eb; 
}

#CONTENT2 .modtxt {
	color: #0ac4eb;
}

#ABOUT {
	width: 740px;
	display: block;
	float:left;
	padding-left: 210px;
	margin: 0;
	padding-bottom: 10px ;
	padding-top: 15px;
}

#ABOUT img {
	padding-bottom: 2px;
}

#ABOUT p {
	margin: 1px;
	display: block;
}

#ABOUT .txt {
	color: #a806ed;
}

#ABOUT a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none;
}

#ABOUT a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #a806ed;
	text-decoration: none;
}

#FRESH {
	display: block;
	width: 737px;
	float: right;
	padding-top: 28px;
	margin: 0;
	padding-left: 12px;
}

#FRESH img {
	padding-bottom: 10px;
}
#FRESH span {
	margin: 1px;
	color: #08ec19;
}
#FRESH p {
	margin: 1px;
}

#BROWN {
	display: block;
	width: 675px;
	float: right;
	padding-top: 28px;
	margin: 0;
	padding-left: 75px;
}

#BROWN img {
	padding-bottom: 10px;
}

#BROWN png {
	padding-bottom: 10px;
}
#BROWN span {
	margin: 1px;
	color: #08ec19;
}
#BROWN p {
	margin: 1px;
}

#BROWN a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none;
}

#BROWN a:hover {
	color: #08ec19
}
#html {display:block;
float:left;
margin:0;
width:200px;}
#html a:hover {color:#fff600; }

.htmllink 	{ font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #494949;
	text-decoration: none; }
	.htmllink:hover {color:#fff600; }
.htmltxt {color:#fff600;}

.webmaster_skills { color:#fff600; }