*{
	margin:0;
	padding:0;
}
body {
	background-color: #464647;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#header {
	height: 187px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header.jpg);
	position: relative;
}
#logo {
	height: 122px;
	width: 311px;
	margin-left: 25px;
	margin-top: 33px;
	position: absolute;
	display: block;
}
#logo a {
	background-image: url(../images/logo.png);
	height: 122px;
	width: 311px;
	position: absolute;
	background-repeat: no-repeat;
	display: block;
}
#logo span.hover {
	background-image: url(../images/logo_h.png);
	height: 122px;
	width: 311px;
	position: absolute;
	background-repeat: no-repeat;
	display: block;
}


.lang {
	height: 32px;
	width: 120px;
	margin-left: 25px;
}
#home a{
	height: 32px;
	width: 30px;
	background-image: url(../images/lang.gif);
	background-position: left bottom;
	display: block;
	float: left;
}
#home a:hover           {
	height: 32px;
	width: 30px;
	background-image: url(../images/lang.gif);
	background-position: left 0px;
}
#map a {
	height: 32px;
	width: 30px;
	background-image: url(../images/lang.gif);
	background-position: -30px bottom;
	display: block;
	float: left;
}
#map a:hover       {
	height: 32px;
	width: 30px;
	background-image: url(../images/lang.gif);
	background-position: -30px -32px;
	display: block;
	float: left;
}
#ru a {
	height: 32px;
	width: 30px;
	background-image: url(../images/lang.gif);
	background-position: -60px -64px;
	display: block;
	float: left;
}
#en a {
	height: 32px;
	width: 30px;
	background-image: url(../images/lang.gif);
	background-position: -90px -32px;
	display: block;
	float: left;
}
#en a:hover       {
	height: 32px;
	width: 30px;
	background-image: url(../images/lang.gif);
	background-position: -90px bottom;
	display: block;
	float: left;
}





.contacts {
	height: 88px;
	width: 290px;
	background-image: url(../images/contacts.jpg);
	top: 99px;
	position: absolute;
	right: 0px;
}


.center {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.content {
	float: left;

}
.services {
	list-style-type: none;
	width: 740px;
}
.services li {
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
.services a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: 145px;
	width: 191px;
	display: block;
}


.services li a span{
	padding-top: 120px;
	display: block;
	text-decoration: none;

}
.merchandising a {
	background-image: url(../images/icons.jpg);
	background-position: 0px -139px;
	background-repeat: no-repeat;
}
.merchandising a:hover {
	background-image: url(../images/icons.jpg);
	background-repeat: no-repeat;
	background-position: 0px -6px;
}

.manufacturing a {
	background-image: url(../images/icons.jpg);
	background-position: -382px -139px;
	background-repeat: no-repeat;
}
.manufacturing a:hover {
	background-image: url(../images/icons.jpg);
	background-position: -382px -7px;
}
.event a {
	background-image: url(../images/icons.jpg);
	background-position: -191px -139px;
}
.event a:hover {
	background-image: url(../images/icons.jpg);
	background-position: -191px -7px;
	background-repeat: no-repeat;
}
.printing a {
	background-image: url(../images/icons.jpg);
	background-repeat: no-repeat;
	background-position: -573px -139px;
}
.printing a:hover {
	background-image: url(../images/icons.jpg);
	background-position: -573px -8px;
}
.news {
	float: left;
	width: 240px;
	background-image: url(../images/fon.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.buyer a {
	background-image: url(../images/icons.jpg);
	background-position: -955px -139px;
}
.buyer a:hover {
	background-image: url(../images/icons.jpg);
	background-position: -955px -9px;
}
.promotion a {
	background-image: url(../images/icons.jpg);
	background-position: -764px -139px;
}
.promotion a:hover {
	background-image: url(../images/icons.jpg);
	background-position: -764px -8px;
}
.seo a {
	background-image: url(../images/icons.jpg);
	background-position: -1143px -139px;
}
.seo a:hover {
	background-image: url(../images/icons.jpg);
	background-position: -1143px -9px;
}


h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #d7d7d7;
	font-weight: normal;
	text-align: center;
	display: block;
	margin-top: 55px;
	background-image: url(../images/line_news.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 26px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d7d7d7;
}
.news a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d7d7d7;
	text-decoration: none;
}
.news a:hover {
	text-decoration: underline;
}



.news_1 {
	background-repeat: repeat-x;
	background-position: left top;
}
.news_2 {
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 5px;
	padding-top: 5px;
}
.clir {
	clear: both;
}
.clients {
	height: 228px;
	width: 980px;
	position: relative;
}
.news_clients {
	width: 240px;
	background-image: url(../images/fon.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
	margin-top: 28px;
	float: left;
}

.reklama {
	background-image: url(../images/reklama.png);
	height: 228px;
	width: 238px;
	position: relative;
	float: right;
}




.footer_center {
	background-image: url(../images/footer_c.jpg);
	float: left;
	height: 29px;
	width: 600px;
}
#footer {
	width: 980px;
	height: 29px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.footer_center ul {
	list-style-type: none;
}
.footer_center ul li {
	display: block;
	float: left;
	margin-top: 6px;
	margin-left: 20px;
}
.footer_center ul li a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #FFF;
	text-decoration: none;
}
.footer_center ul li a:hover {
	text-decoration: underline;
}
.footer_l {
	background-image: url(../images/footer_l.jpg);
	float: left;
	height: 29px;
	width: 21px;
}



.footer_r {
	background-image: url(../images/footer_r.jpg);
	height: 29px;
	width: 21px;
	float: left;
}
.arrow {
	background-image: url(../images/arrow.jpg);
	float: left;
	height: 21px;
	width: 338px;
	background-position: right top;
	margin-top: -17px;
	position: relative;
	z-index: -1;
}
.arrow span {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a2a2a3;
	display: block;
	top: 25px;
	position: relative;
	text-align: center;
}
.company_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d7d7d7;
	margin-top: 20px;
	margin-left: 20px;
	width: 720px;
}
.company_text ul {
	margin-left: 20px;
}
.portfolio_list {
	list-style-type: none;
}

.portfolio_list li {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	float: left;
	margin: 10px;
}

.portfolio_list li span  {
	display: block;
	text-align: center;
	font-family: "Trebuchet MS";
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	padding-top: 100px;
}
#citycom {
	height: 100px;
	width: 200px;
	background-image: url(../images/citycom.jpg);
	text-decoration: none;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}

#citycom:hover {
	background-image: url(../images/citycom.jpg);
	text-decoration: underline;
	background-position: right top;
	color: #FFF;
}
#drag_bitva {
	height: 100px;
	width: 200px;
	background-image: url(../images/drag_bitva.jpg);
	text-decoration: none;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}
#drag_bitva:hover {
	background-image: url(../images/drag_bitva.jpg);
	text-decoration: underline;
	background-position: right top;
	color: #FFF;
}
#motorola_1 {
	height: 100px;
	width: 200px;
	background-image: url(../images/motorola.jpg);
	text-decoration: none;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}
#motorola_1:hover {
	background-image: url(../images/motorola.jpg);
	text-decoration: underline;
	background-position: right top;
	color: #FFF;
}
#motorola_2 {
	height: 100px;
	width: 200px;
	background-image: url(../images/motorola.jpg);
	text-decoration: none;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}
#motorola_2:hover {
	background-image: url(../images/motorola.jpg);
	text-decoration: underline;
	background-position: right top;
	color: #FFF;
}
#motorola_3 {
	height: 100px;
	width: 200px;
	background-image: url(../images/motorola.jpg);
	text-decoration: none;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}
#motorola_3:hover {
	background-image: url(../images/motorola.jpg);
	text-decoration: underline;
	background-position: right top;
	color: #FFF;
}
#expobank {
	height: 100px;
	width: 200px;
	background-image: url(../images/expobank.jpg);
	text-decoration: none;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}
#expobank:hover {
	background-image: url(../images/expobank.jpg);
	text-decoration: underline;
	background-position: right top;
	color: #FFF;
}
#mobidik {
	height: 100px;
	width: 200px;
	background-image: url(../images/mobidik.jpg);
	text-decoration: none;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}
#mobidik:hover {
	background-image: url(../images/mobidik.jpg);
	text-decoration: underline;
	background-position: right top;
	color: #FFF;
}
.portfolio_foto {
	list-style-type: none;
}
.portfolio_foto li {
	list-style-type: none;
	display: block;
	float: left;
	margin: 10px;
}
.portfolio_foto li img {
	border: 1px solid #FFF;

}



.portfolio_foto li a {
	text-decoration: none;

}