/* CSS by FRONT */



/* home page */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

h2 {
	font-size: 17px;
	color: #666666;
	text-decoration: none;
	font-style: normal;
}

#container {
	width: 100%;
}

#wrapper {
	width: 900px;
	
}

#hpphoto-sr {
	background: url(../images/home_sr.gif) no-repeat;
	float: left;
	margin-top: 70px;
	width: 900px;
	height:561px;
}
#hpphoto-en {
	background: url(../images/home_en.gif) no-repeat;
	float: left;
	margin-top: 70px;
	width: 900px;
	height:561px;
}

#hpnavigation {
	float: left;
	margin-top: 100px;
	margin-left: 50px;
}
.top-navigation {
	width: 900px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	padding: 0px;
}
.top-navigation1 {
	width: 470px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	padding: 0px;
}
.top-navigationHP {
	width: 490px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
	padding: 0px;
}
/*HP naavigation in english*/
ul#HP-en { 
	background: url(../images/hp_en.gif) no-repeat; 
	width:490px; 
	height:37px; 
	float:right;
	margin:0px;
	padding:0px;
}

ul#HP-en li, ul#HP-en a { 
	height:37px; 
	display:block;
}

ul#HP-en li { 
	float:left; 
	list-style:none; 
	display:inline; 
	margin:0; 
	padding:0; 
}
  li#HPAbout-en {width: 96px;}
  li#HPServices-en {width: 89px;}
  li#HPRadovi-en {width: 82px;}
  li#HPKlijenti-en {width: 75px;}
  li#HPKontakt-en {width: 83px;}
  li#HPLang-en {width: 60px;}

    li#HPAbout-en a:hover {background:url(../images/hp_en.gif) 0 -43px no-repeat; }
    li#HPServices-en a:hover {background:url(../images/hp_en.gif) -96px -43px no-repeat; }
	li#HPKlijenti-en a:hover {background:url(../images/hp_en.gif) -185px -43px no-repeat; }
	li#HPRadovi-en a:hover {background:url(../images/hp_en.gif) -260px -43px no-repeat; }
	li#HPKontakt-en a:hover {background:url(../images/hp_en.gif) -342px -43px no-repeat; }
	li#HPLang-en a:hover {background:url(../images/hp_en.gif) -425px -43px no-repeat; }
	
/* end naavigation in english*/

/*HP naavigation in sr*/
ul#HP-sr { 
	background: url(../images/hp_sr.gif) no-repeat; 
	width:490px; 
	height:37px; 
	float:right;
	margin:0px;
	padding:0px;
}

ul#HP-sr li, ul#HP-sr a { 
	height:37px; 
	display:block;
}

ul#HP-sr li { 
	float:left; 
	list-style:none; 
	display:inline; 
	margin:0; 
	padding:0; 
}
  li#HPAbout-sr {width: 96px;}
  li#HPServices-sr {width: 89px;}
  li#HPRadovi-sr {width: 82px;}
  li#HPKlijenti-sr {width: 75px;}
  li#HPKontakt-sr {width: 80px;}
  li#HPLang-sr {width: 63px;}

    li#HPAbout-sr a:hover {background:url(../images/hp_sr.gif) 0 -43px no-repeat; }
    li#HPServices-sr a:hover {background:url(../images/hp_sr.gif) -96px -43px no-repeat; }
	li#HPKlijenti-sr a:hover {background:url(../images/hp_sr.gif) -185px -43px no-repeat; }
	li#HPRadovi-sr a:hover {background:url(../images/hp_sr.gif) -260px -43px no-repeat; }
	li#HPKontakt-sr a:hover {background:url(../images/hp_sr.gif) -342px -43px no-repeat; }
	li#HPLang-sr a:hover {background:url(../images/hp_sr.gif) -422px -43px no-repeat; }
	
/* end naavigation in sr*/

/*naavigation in english*/
ul#mainnav-en { 
	background: url(../images/menu_en.gif) no-repeat; 
	width:470px; 
	height:36px; 
	float:left;
	margin:0px;
	padding:0px;
}

ul#mainnav-en span { display: none; }

ul#mainnav-en li, ul#mainnav-en a { 
	height:57px; 
	display:block;
}

ul#mainnav-en li { 
	float:left; 
	list-style:none; 
	display:inline; 
	margin:0; 
	padding:0; 
}
  li#mainnavHome-en {width: 59px;}
  li#mainnavAbout-en {width: 77px;}
  li#mainnavServices-en {width: 73px;}
  li#mainnavRadovi-en {width: 64px;}
  li#mainnavKlijenti-en {width: 61px;}
  li#mainnavKontakt-en {width: 71px;}
  li#mainnavLang-en {width: 50px;}

    li#mainnavHome-en a:hover {background:url(../images/menu_en.gif) 0px -57px no-repeat;}
    li#mainnavAbout-en a:hover {background:url(../images/menu_en.gif) -59px -57px no-repeat; }
    li#mainnavServices-en a:hover {background:url(../images/menu_en.gif) -136px -57px no-repeat; }
	li#mainnavKlijenti-en a:hover {background:url(../images/menu_en.gif) -209px -57px no-repeat; }
	li#mainnavRadovi-en a:hover {background:url(../images/menu_en.gif) -270px -57px no-repeat; }
	li#mainnavKontakt-en a:hover {background:url(../images/menu_en.gif) -334px -57px no-repeat; }
	li#mainnavLang-en a:hover {background:url(../images/menu_en.gif) -405px -57px no-repeat; }

    li#mainnavHome-en a.active {background:url(../images/menu_en.gif) 0px -114px no-repeat;}
    li#mainnavAbout-en a.active {background:url(../images/menu_en.gif) -59px -114px no-repeat; }
    li#mainnavServices-en a.active {background:url(../images/menu_en.gif) -136px -114px no-repeat; }
	li#mainnavKlijenti-en a.active {background:url(../images/menu_en.gif) -209px -114px no-repeat; }
	li#mainnavRadovi-en a.active {background:url(../images/menu_en.gif) -270px -114px no-repeat; }
	li#mainnavKontakt-en a.active {background:url(../images/menu_en.gif) -334px -114px no-repeat; }
	li#mainnavLang-en a.active {background:url(../images/menu_en.gif) -405px -114px no-repeat; }
	
/* end naavigation in english*/

/* end naavigation in serbian*/
ul#mainnav-sr { 
	background: url(../images/menu_sr.gif) no-repeat; 
	width:470px; 
	height:36px; 
	float:left;
	margin:0px;
	padding:0px;
}

ul#mainnav-sr span { display: none; }

ul#mainnav-sr li, ul#mainnav-sr a { 
	height:57px; 
	display:block;
}

ul#mainnav-sr li { 
	float:left; 
	list-style:none; 
	display:inline; 
	margin:0; 
	padding:0; 
}
  li#mainnavHome-sr {width: 59px;}
  li#mainnavAbout-sr {width: 77px;}
  li#mainnavServices-sr {width: 73px;}
  li#mainnavRadovi-sr {width: 64px;}
  li#mainnavKlijenti-sr {width: 61px;}
  li#mainnavKontakt-sr {width: 71px;}
  li#mainnavLang-sr {width: 50px;}

    li#mainnavHome-sr a:hover {background:url(../images/menu_sr.gif) 0px -57px no-repeat;}
    li#mainnavAbout-sr a:hover {background:url(../images/menu_sr.gif) -59px -57px no-repeat; }
    li#mainnavServices-sr a:hover {background:url(../images/menu_sr.gif) -136px -57px no-repeat; }
	li#mainnavKlijenti-sr a:hover {background:url(../images/menu_sr.gif) -209px -57px no-repeat; }
	li#mainnavRadovi-sr a:hover {background:url(../images/menu_sr.gif) -270px -57px no-repeat; }
	li#mainnavKontakt-sr a:hover {background:url(../images/menu_sr.gif) -334px -57px no-repeat; }
	li#mainnavLang-sr a:hover {background:url(../images/menu_sr.gif) -405px -57px no-repeat; }

    li#mainnavHome-sr a.active {background:url(../images/menu_sr.gif) 0px -114px no-repeat;}
    li#mainnavAbout-sr a.active {background:url(../images/menu_sr.gif) -59px -114px no-repeat; }
    li#mainnavServices-sr a.active {background:url(../images/menu_sr.gif) -136px -114px no-repeat; }
	li#mainnavKlijenti-sr a.active {background:url(../images/menu_sr.gif) -209px -114px no-repeat; }
	li#mainnavRadovi-sr a.active {background:url(../images/menu_sr.gif) -270px -114px no-repeat; }
	li#mainnavKontakt-sr a.active {background:url(../images/menu_sr.gif) -334px -114px no-repeat; }
	li#mainnavLang-sr a.active {background:url(../images/menu_sr.gif) -405px -114px no-repeat; }
	
/* end naavigation in serbian*/

#hpgroup {
	float: right;
	width: 570px;
}

.text-wrapper {
	clear: left;
	float: right;
	width: 400px;
}

#hptext {
	color: #666666;
	text-decoration: none;
	float: right;
	width: 365px;
	text-align: left;
	padding: 20px 30px 0 5px;
	margin: 0px;
}
#hptext a:link, #hptext a:visited, #hptext a:active {
	color: #333;
	text-decoration: none;
}
#hptext a:hover {
	color: #666;
	text-decoration:none;
}
.hpSlogan {
	margin: 0px;
	float: right;
	width: 365px;
	padding: 20px 0 0 0;
	text-align: right;
}
/*
.hp-linija-slogan {
	padding: 0px;
	float: left;
	width: 440px;
	border-top: 1px solid #999999;
	margin-top: 5px;
}
*/
#hpicons {
	margin: 0px;
	float: left;
	width: 450px;
	padding: 240px 0 0 28px;
}
.img {
	border: 0px;
	border-style: none;
}

.img a:link, .img a:visited, .img a:active, .img a:hover{
	border: 0px;
	border-style: none;
}

.footer {
	color: #999999;
	width: 900px;
	clear: both;
	margin-top: 50px;
	text-align: left;
	/*float: left;*/
}


.logoLeft {
	float:left;
	width:430px;
}
.logoLeft2 {
	float:left;
	width:264px;
	margin: 20px 0 0 0;	
}
.logoLeft3 {
	float:left;
	width:166px;
	margin: 20px 0 0 0;	
}
.nav {
	width:470px;
	float:left;
}
.nav1 {
	width:490px;
	float:left;
}
.topR {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	width: 400px;
}

.slogan {
	margin: 0px;
	padding-top: 10px;
	float: left;
	padding-left: 130px;
}
.top-line {
	float: left;
	width: 370px;
	border-top: 1px solid #999999;
	padding: 0px;
	margin-top: 5px;
}
.icons {
	padding: 0px;
	float: right;
	height: 30px;
	width: 270px;
	text-align: right;
	margin-top: 20px;
}
.contact-bcg{
	background: url(../images/contact_slika.gif) no-repeat;
	float: left;
	height: 489px;
	width: 900px;
	margin: 20px 0 0 0;
}
.contact-contact {
	font-size: 25px;
	font-weight: bold;
	float: right;
	width: 468px;
	text-align: left;
}

.adress {
	padding: 0px;
	float: right;
	width: 468px;
	margin-top: 20px;
}

.adressL {
	color: #D50000;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
	font-weight: bold;
	width: 70px;
}
.adressR {
	color: #666666;
	text-decoration: none;
	text-align: right;
	width: 130px;
	float: left;
}
.adressR a:link, .adressR a:visited, .adressR a:active {
	color: #666666;
	text-decoration: none;
}
.adressR a:hover {
	color: #999999;
	text-decoration: none;
}
.contact-text {
	color: #CCCCCC;
	text-decoration: none;
	width: 100%;
	text-align: justify;
	clear: both;
	margin: 0px;
	padding-top: 100px;
}
.works-head {
	padding: 0px;
	float: left;
	width: 364px;
	margin-top: 120px;
	text-align: left;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
.workLeft {
	float:left;
	text-align:left;
	margin: 20px 0 0 0;
	
}
.works-head-klijent2 {
	padding: 0px;
	float: right;
	width: 590px;
	margin-top: 72px;
	text-align: left;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.work {
	margin: 20px 0 0 0;
	padding: 0px;
	float: right;
	width: 600px;
}
.workC {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 590px;
}
.work-links {
	height: 20px;
	/*border-bottom: 1px solid #666666;*/
	text-align: left;
	width: 600px;
	padding: 0px;
	margin: 15px 0 0 0;
}
.pages {
	color: #333;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 170px;
	height: 20px;
}

.pages a:link, .pages a:visited, .pages a:active {
	color: #666666;
	text-decoration: none;
}

.pages a:hover{
	color: #999999;
	text-decoration: none;
}

.work-exemples {
	margin: 0px;
	padding: 0px;
	width: 590px;
	float: left;
}

.work-exemples2 {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 590px;
}

/*works eng*/

ul#works-en {
	background:transparent url(../images/works_slika_en.jpg) no-repeat;
	width:200px;
	height:291px;
	float:left;
	margin:0px;
	padding:0px;
	text-decoration: none;
}
ul#works-en li, ul#works-en a {
	display: block;
	width: 200px;
	text-decoration: none;
	float:left;	
	height: 49px;
}

ul#works-en li { 
	float:left; 
	list-style:none; 
	margin:0; 
	padding:0; 
	display:block;
}
  li#worksWeb-en {width: 200px; display:block;}
  li#worksGraphic-en {width: 200px; display:block;}
  li#worksPhoto-en {width: 200px; display:block;}
  li#worksLogo-en {width: 200px; display:block;}
  li#worksPack-en {width: 200px; display:block;}
  li#worksVideo-en {width: 200px; display:block;}
    li#worksWeb-en a:hover {width: 200px; height: 49px; background:url(../images/works_slika_en.jpg) 0px -295px no-repeat;}
    li#worksGraphic-en a:hover {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -344px no-repeat;}
    li#worksPhoto-en a:hover {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -393px no-repeat;}
    li#worksLogo-en a:hover {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -442px no-repeat;}
	li#worksPack-en a:hover {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -491px no-repeat;}
    li#worksVideo-en a:hover {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -540px no-repeat;}
	
    li#worksWeb-en a.active {width: 200px; height: 49px; background:url(../images/works_slika_en.jpg) 0px -295px no-repeat;}
    li#worksGraphic-en a.active {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -344px no-repeat;}
    li#worksPhoto-en a.active {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -393px no-repeat;}
    li#worksLogo-en a.active {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -442px no-repeat;}
	li#worksPack-en a.active {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -491px no-repeat;}
    li#worksVideo-en a.active {width: 200px; height: 49px;background:url(../images/works_slika_en.jpg) 0px -540px no-repeat;}


/*end works eng*/

/*works srp*/

ul#works-sr {
	background:transparent url(../images/works_slika_sr.jpg) no-repeat;
	width:200px;
	height:291px;
	float:left;
	margin:0px;
	padding:0px;
	text-decoration: none;
}
ul#works-sr li, ul#works-sr a {
	display: block;
	width: 200px;
	text-decoration: none;
	float:left;	
	height: 49px;
}

ul#works-sr li { 
	float:left; 
	list-style:none; 
	margin:0; 
	padding:0; 
	display:block;
}
  li#worksWeb-sr {width: 200px; display:block;}
  li#worksGraphic-sr {width: 200px; display:block;}
  li#worksPhoto-sr {width: 200px; display:block;}
  li#worksLogo-sr {width: 200px; display:block;}
  li#worksPack-sr {width: 200px; display:block;}
  li#worksVideo-sr {width: 200px; display:block;}
    li#worksWeb-sr a:hover {width: 200px; height: 49px; background:url(../images/works_slika_sr.jpg) 0px -295px no-repeat;}
    li#worksGraphic-sr a:hover {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -344px no-repeat;}
    li#worksPhoto-sr a:hover {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -393px no-repeat;}
    li#worksLogo-sr a:hover {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -442px no-repeat;}
	li#worksPack-sr a:hover {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -491px no-repeat;}
    li#worksVideo-sr a:hover {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -540px no-repeat;}
	
    li#worksWeb-sr a.active {width: 200px; height: 49px; background:url(../images/works_slika_sr.jpg) 0px -295px no-repeat;}
    li#worksGraphic-sr a.active {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -344px no-repeat;}
    li#worksPhoto-sr a.active {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -393px no-repeat;}
    li#worksLogo-sr a.active {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -442px no-repeat;}
	li#worksPack-sr a.active {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -491px no-repeat;}
    li#worksVideo-sr a.active {width: 200px; height: 49px;background:url(../images/works_slika_sr.jpg) 0px -540px no-repeat;}


/*end works srp*/



.box {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 70px;
	width: 70px;
}

.symbol {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	width: 100px;

}
.clients-kravata {
	text-align: left;
	font-size: 12px;
	color: #666666;
	margin-top: 150px;
	padding: 0px;
	float: left;
	width: 150px;
	text-align: left;
}

.clients {
	margin: 20px 0 0 0;
	padding: 0px;
	float: right;
	width: 900px;
	clear: both;
}
.clients-inside {
	text-align: left;
	width: 370px;
	float: left;
	padding: 0 0 0 50px;
}
.clients-text {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 170px;
	width: 220px;
	overflow: auto;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	text-align: left;
}

.clients-text a:link, .clients-text a:visited, .clients-text a:active {
	color: #666666;
	text-decoration: none;
}

.clients-text a:hover{
	color: #db4128;
	text-decoration: none;
}

.client-details {
	color: #666666;
	text-decoration: none;
	padding: 0px;
	width: 445px;
	text-align: justify;
	float: left;
	margin-top: 20px;
}

.client-content {
	color: #666666;
	text-decoration: none;
	float: left;
	width: 110px;
	text-align: left;
	margin-top: 50px;
}
.client-label {
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 110px;
}

.unos-br-strane {
    color: #333333;
    border: 1px solid #aaaaaa;
    text-align: center;
}


#video0{
	background-color: #000000;
	height: 100%;
	width: 100%;
	position: absolute;
	filter:Alpha(Opacity=70);
	opacity: 0.7;
	display: none;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

.video1, .video2, .video3, .video4, .video5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	
}

.video1 {
	height: 376px;
	width: 468px;
	border: 4px solid #666666;
	margin: 0px;
	padding: 0px;
}

.video2 {
	height: 25px;
	width: 100%;
	background-color: #CCCCCC;
}

.video3 {
	float: left;
	width: 200px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
}

.video4 {
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}

.video4 a:hover, .video4 a:active, .video4 a:link, .video4 a:visited {
	text-decoration: none;
	color: #333333;
}

.videobox {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
.servicesMain {
	clear: both;
	float: left;
	width: 900px;
	margin: 40px 0 0 0;
}
.servicesLeft {
	float: left;
	width: 350px;
	/*border-right: 1px solid #999999;*/
	text-align:right;
	/*padding: 35px 0 0 0;*/
}

.servicesRight {
	float: left;
	width: 452px;
	margin:0px;
	padding: 0px;
}
.services {
	font-size: 14px;
	padding: 0 20px 20px  0;
	margin:0;
}

.services a:link, .services a:visited, .services a:hover, .services a:active {
	text-decoration:none;
	color:#333333;
}

.naslov {
	font-size: 25px;
	font-weight: bold;
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	/*padding: 0 0 0 20px;*/
	text-align:left;
}
.text {
	/*padding: 0 0 0 50px;*/
	text-align:justify;
	margin: 0 0 20px 0;
	float:left;
	clear: both;
}
.text a:link, .text a:visited, .text a:active {
	text-decoration:none;
	color:#666;
	font-weight: bold;
}
.text a:hover {
	text-decoration:none;
	color:#999;
	font-weight: bold;
}
.linkToWorks {
	float: right;
	text-align:right;
}
.linkToWorks a:link, .linkToWorks a:visited, .linkToWorks a:hover, .linkToWorks a:active {
	text-decoration:none;
	color:#666;
}
.klijentiServices {
	font-size: 12px;
	padding: 0 0 10px  50px;
	margin: 0px;
	float:left;
	clear: both;
	text-align:left;
}
.klijentiServices a:link, .klijentiServices a:visited, .klijentiServices a:active {
	text-decoration:none;
	color:#333333;
}
.klijentiServices a:hover {
	color:#da2031;
}

p {
	margin:0px;
	padding: 0px;
}

/*services eng*/

ul#services-en {
	background:transparent url(../images/services1_en.jpg) no-repeat;
	width:300px;
	height:280px;
	float:left;
	margin:0px;
	padding:0px;
	text-decoration: none;
}
ul#services-en li, ul#services-en a {
	display: block;
	width: 300px;
	text-decoration: none;
	float:left;	
	height: 55px;
}

ul#services-en li { 
	float:left; 
	list-style:none; 
	margin:0; 
	padding:0; 
	display:block;
}
  li#Event-en {width: 300px; height: 55px;display:block;}
  li#Web-en {width: 300px; height: 55px; display:block;}
  li#Graphic-en {width: 300px; height: 55px;display:block;} 
  li#Photo-en {width: 300px; height: 55px;display:block;}
  li#Pr-en {width: 300px; height: 55px;display:block;}
	li#Event-en a:hover {width: 300px; height: 55px;background:url(../images/services1_en.jpg) 0px -282px no-repeat;}
    li#Web-en a:hover {width: 300px; height: 55px; background:url(../images/services1_en.jpg) 0px -337px no-repeat;}
    li#Graphic-en a:hover {width: 300px; height: 55px;background:url(../images/services1_en.jpg) 0px -392px no-repeat;}
    li#Photo-en a:hover {width: 300px; height: 55px;background:url(../images/services1_en.jpg) 0px -447px no-repeat;}
    li#Pr-en a:hover {width: 300px; height: 55px;background:url(../images/services1_en.jpg) 0px -502px no-repeat;}
	
	li#Event-en a.active {width: 300px; height: 55px;background:url(../images/services1_en.jpg) 0px -282px no-repeat;}
    li#Web-en a.active {width: 300px; height: 55px; background:url(../images/services1_en.jpg) 0px -337px no-repeat;}
    li#Graphic-en a.active {width: 300px; height: 55px;background:url(../images/services1_en.jpg) 0px -392px no-repeat;}
    li#Photo-en a.active {width: 300px; height: 55px;background:url(../images/services1_en.jpg) 0px -447px no-repeat;}
    li#Pr-en a.active {width: 300px; height: 55px;background:url(../images/services1_en.jpg) 0px -502px no-repeat;}


/*end services eng*/

/*services serbian*/

ul#services-sr {
	background:transparent url(../images/services1_sr.jpg) no-repeat;
	width:300px;
	height:280px;
	float:left;
	margin:0px;
	padding:0px;
	text-decoration: none;
}
ul#services-sr li, ul#services-sr a {
	display: block;
	width: 300px;
	text-decoration: none;
	float:left;	
	height: 55px;
}

ul#services-sr li { 
	float:left; 
	list-style:none; 
	margin:0; 
	padding:0; 
	display:block;
}
  li#Event-sr {width: 300px; height: 55px;display:block;}
  li#Web-sr {width: 300px; height: 55px; display:block;}
  li#Graphic-sr {width: 300px; height: 55px;display:block;} 
  li#Photo-sr {width: 300px; height: 55px;display:block;}
  li#Pr-sr {width: 300px; height: 55px;display:block;}
	li#Event-sr a:hover {width: 300px; height: 55px;background:url(../images/services1_sr.jpg) 0px -282px no-repeat;}
    li#Web-sr a:hover {width: 300px; height: 55px; background:url(../images/services1_sr.jpg) 0px -337px no-repeat;}
    li#Graphic-sr a:hover {width: 300px; height: 55px;background:url(../images/services1_sr.jpg) 0px -392px no-repeat;}
    li#Photo-sr a:hover {width: 300px; height: 55px;background:url(../images/services1_sr.jpg) 0px -447px no-repeat;}
    li#Pr-sr a:hover {width: 300px; height: 55px;background:url(../images/services1_sr.jpg) 0px -502px no-repeat;}
	
	li#Event-sr a.active {width: 300px; height: 55px;background:url(../images/services1_sr.jpg) 0px -282px no-repeat;}
    li#Web-sr a.active {width: 300px; height: 55px; background:url(../images/services1_sr.jpg) 0px -337px no-repeat;}
    li#Graphic-sr a.active {width: 300px; height: 55px;background:url(../images/services1_sr.jpg) 0px -392px no-repeat;}
    li#Photo-sr a.active {width: 300px; height: 55px;background:url(../images/services1_sr.jpg) 0px -447px no-repeat;}
    li#Pr-sr a.active {width: 300px; height: 55px;background:url(../images/services1_sr.jpg) 0px -502px no-repeat;}

/*end services serbian*/

.aboutLeft {
	float:left;
	text-align:left;
	width: 300px;
	padding: 0 0 0 48px;
}