body{background:#eeeeee url('../images/bg.jpg') no-repeat center top;margin:0;padding:0;width:100%;}
#container{width:960px;margin:0 auto;height:1200px;background:url('../images/main.jpg') no-repeat center top;}
#head{margin:0;padding:0;}
#logo{margin:0;padding:0;float:left;position:absolute;margin-left:-45px;}
#logo h1{margin:0;padding:0;padding-left:12px;}
#logo h1 img{border:0;}

#lang{float:right;padding-right:37px;padding-top:23px;}
#lang img{border:0;padding-right:1px;}

#menu{float:right;clear:right;margin:0;padding:0;padding-right:10px;padding-top:10px;}
#menu ul{list-style:none;margin:0;padding:0;}
#menu ul li{float:left;margin:0;padding:0;display:block;height:40px;padding-right:20px;padding-left:5px;border-right:solid 1px #bfbfbf;vertical-align:top;}
#menu ul li a{color:#2e2e2e;font:normal 18px "Trebuchet MS";text-decoration:none;margin:0;padding:0;display:block;position:relative;top:10px;}
#menu ul li a img{border:0;}
#menu ul li span{display:block;clear:both;font:normal 10px Tahoma;color:#868686;margin:0;padding:0;position:relative;top:5px;}
#menu ul .l2 a{position:relative;top:13px;}
#menu ul .l1{border-left:solid 1px #bfbfbf;}
#menu ul .selected a{color:#b7321d;}

#body{clear:both;float:left;width:100%;margin:0;padding:0;height:968px;padding-top:70px;}
#column{float:left;width:304px;margin:0;padding:0;}
#contact-data{font:normal 14px Tahoma;color:#646464;margin:0;padding:0;position:absolute;top:479px;line-height:23px;padding-left:30px;}
#contact-data a{text-decoration:underline;color:#646464;}
#contact-data a:hover{text-decoration:none;}
#contact-data a img{border:none;padding-top:2px;}
#contact-data span{color:#992b1a;}
#contact-data #contact-more{clear:both;margin-top:14px;margin-left:94px;display:block;width:154px;height:27px;background:url('../images/contact-more.jpg') no-repeat left top;}

#column #templates-box{display:block;width:273px;height:104px;background:url('../images/templates-box.png') no-repeat left top;position:absolute;top:712px;font-size:17px;color:#992b1a;padding-left:18px;padding-top:38px;}
#column #templates-box img{border:0;}

#column #plugins-box{display:block;width:274px;height:87px;background:url('../images/plugins-box.png') no-repeat left top;position:absolute;top:822px;font-size:17px;color:#992b1a;padding-left:27px;padding-top:24px;}
#column #plugins-box img{border:0;}

#column #tag_cloud{position:absolute;top:902px;padding:0;margin:0;color:#555;}
#column #tag_cloud a{color:#000;font-size:14px !important;}
#column #tag_cloud .important1{font-size:20px !important;color:#000;}
#column #tag_cloud .important2{font-size:18px !important;color:#000;}
#column #tag_cloud .important3{color:#646464;}

#page #bottom_acapit{font:normal 11px Tahoma;color:#646464;text-align:justify;line-height:18px;}

#page{width:656px;float:left;margin:0;padding:0;margin-top:32px;}
#page #content{width:556px;margin:0 auto;padding:0;padding-top:50px;}
#page #content .block{width:277px;float:left;margin:0;padding:0;}
#page #content .right{border-left:solid 1px #ededed;padding-left:29px;width:auto !important;}
#page #content .title{margin:0;padding:0;font-size:25px;color:#646464;margin-bottom:20px;}
#page #content .title span{color:#992b1a;}
#page #content .block .title{margin:0;padding:0;font-size:25px;color:#646464;margin-bottom:20px;}
#page #content .right .title{position:relative;top:5px;}
#page #content .block .title span{color:#992b1a;}

#page #content .subtitle{font-size:15px;color:#646464;text-transform:uppercase;border-top:solid 1px #ededed;border-bottom:solid 1px #ededed;padding:7px 0;width:247px;margin-bottom:0;}
#page #content .right .subtitle{position:relative;top:-3px;}
#page #content .block p{font:normal 11px Tahoma;color:#646464;width:247px;text-align:justify;line-height:18px;padding-top:5px;margin-top:0;}
#page #content .block p span{color:#992b1a;}
#page #content .block p .quote{font-style:italic;color:#646464;}
#page #content .block .more-button{float:right;}
#page #content .block .tworzenie{margin-right:25px;}
#page #content .block .more-button img{border:none;}

#recent-projects{width:606px;margin:0;margin-left:50px;padding:0;clear:both;position:absolute;top:780px;}
* html #recent-projects{padding-top:0;}
#recent-projects .title{margin:0;padding:0;font-size:25px;color:#992b1a;margin-bottom:4px;}
#recent-projects a{padding:0;margin:0;}
#recent-projects a img{margin:0;padding:0;border:solid 1px #ccc;}
#recent-projects #recent-more{float:right;margin-top:5px;}
#recent-projects #recent-more img{border:none;}

#footer{height:60px;font:normal 11px Tahoma;line-height:60px;color:#646464;clear:both;width:100%;text-align:left;background:url('../images/footer-bg.jpg') no-repeat left bottom;padding-top:30px;}
#footer a{color:#b7321d;text-decoration:none;margin-left:25px;}
#footer a:hover{color:#b7321d;text-decoration:underline;}

#footer #validators{float:right;padding-right:25px;}
* html #footer #validators{float:right;padding-right:25px;padding-top:20px;}
#footer #validators a{margin:0;padding:0;}
#footer #validators a img{border:none;}
#footer #validators #mf{position:relative;top:2px;}

/* form elements */
form.contact {
	margin:10px 15px; padding: 0;
	clear:both;
	margin-top: 20px;
	width:550px;
}
.contact label {
	display:block;
	font-weight:normal;
	margin:5px 0;
	margin-left:16px;
	font: normal 12px Tahoma;
	color: #838383;
	float:left;
	clear:both;
	width:200px;
	margin-top:10px;
}
.contact input {
	padding: 2px;
	border:1px solid #C2C2C2;
	font: normal 12px "Trebuchet MS", Tahoma, sans-serif;
	color:#777;
 	margin-left:16px;
 	margin-top:10px;
}
.contact textarea {
	width:400px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #C2C2C2;
	height:100px;
	display:block;
	color:#777;
	margin-left:16px;
}
.contact input.button {
	margin: 0;
	background:url('../images/send-button.jpg') no-repeat left top;
	border:0;
	width:61px;
	height:24px;
	margin-left:16px;
	cursor:pointer;
}
/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:606px; 
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
}
* html #SlideItMoo_outer{width:626px;}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:120px; 
	bottom:0px; 
	right:5px; 
	background:url('../images/slideitmoo_forward.png') no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url('../images/slideitmoo_back.png') no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:576px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:0;
}
* html #SlideItMoo_inner{margin-left:13px;}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 10px 0px; 
	font-size:11px; 
	width:120px; 
	text-align:center; 
	color:#FFFFFF;
}
#SlideItMoo_items a { padding:0px; margin:0; clear:both; display:block;}
#SlideItMoo_items a img{ border:none; }