@charset "utf-8";
/* CSS Document */

@font-face
{
  font-family: 'Cambria';
  src: url('fonts/Cambria.eot');
  src: local('☺'), url('fonts/Cambria.woff') format('woff'), url('fonts/Cambria.ttf') format('truetype');
}

/* RESET */
html, body, div, p, h1, h2, h3, h4, h5, h6, a, img, ul, li, span { margin:0; padding:0; border:0; }
html, body, body > form { height:100%; }
h1, h2, h3, h4, h5, h6  { font-weight:normal; }
.homeH1    { width:1px; height:1px; text-indent:1px; overflow:hidden; }
a          { text-decoration:none; }
a:hover    { text-decoration:underline; }
a img      { display:block; }

/* UTILS */
.left   { float:left; }
.right  { float:right; }
.center { margin:0 auto; }
.auto   { overflow:auto; }
.clear  { clear:both; }
.arrow  { font-size: 9px; font-family: Arial; }
.valignMiddle,      .valignBottom      { display:table; border-collapse:collapse; }
.valignMiddle > *,  .valignBottom > *  { *display:inline-block; }
.valignMiddle > *,  .valignBottom > *  { display:table-cell; *display:inline; }
.valignMiddle > tt, .valignBottom > tt { height:100%; display:none; *display:inline; }
.valignMiddle > *  { vertical-align:middle; }
.valignBottom > *  { vertical-align:bottom; }

/* TYPO */
body { color:#333; font: 12px Tahoma, Geneva, sans-serif; }
a    { color:#be0114; }
p    { line-height:18px; text-align:justify; }
p a  { font-weight: bold;}
.bodyText > p { margin-bottom:15px; }
.highlight { color:#be0114; font-weight:bold; }

h1, h2, h3, h4, h6 { font-family: Cambria, Georgia, "Times New Roman", Times, serif; }
h1 { font-size:22px; margin-bottom:4px; }
h2 { font-size:18px; color:#be0114; margin-bottom:8px; }
h3 { font-size:15px; color:#be0114; margin-bottom:8px; }
h4 { font-size:14px; font-style:italic; }
h5 { font-size:12px; border-bottom: solid 1px #efefef; padding-bottom:3px; }
h6 { font-size:12px; padding-bottom:5px; }

h6 a:link {color:#333;}
h6 a:hover {color:#be0114; }

/* STYLE */
.uc      { margin-bottom:30px; }
.ucSmall { margin-bottom:20px; }
.ucMini  { margin-bottom:10px; }

.siteWrapper  { width:980px; }
.header       { background: url('img/bg_header.png') repeat-x; height:110px; width:100%; }
.footer 	  { height:50px; line-height:50px; background-color: #f1f1f1; }
.header > div, .footer { padding:0 30px; }

.navigation            { margin-top:36px; }
.navigation > li       { float:left; font-size:14px; list-style:none; margin:-12px 0 0 10px; padding:6px; }
.navigation > li:hover { background-color: #eaeaea; border: 1px #ccc solid; padding: 5px; margin-top:-12px; }
.navigation a          { color:#333; }
.subNavigation         { background-color: #eaeaea;  border: 1px #ccc solid;  margin: 5px 0 0 -6px; min-width: 150px; padding: 10px; position:absolute; visibility:hidden; z-index: 1001; }
.subNavigation > li    { margin-left: 12px; list-style: circle outside; font-size:13px; padding: 3px; z-index: 1001; }
.navigation a:hover, .navigation a.selected { color:#be0114; }
.navigation > li:hover .subNavigation       { visibility:visible; }

.path   { font-size:11px; margin-bottom:4px; }
.path a { color:#333; font-weight:normal; }
.path a.selected { color:#be0114; }

.heading       { background:url('img/bg_heading.png') repeat-x; height:105px; }
.heading > div { height:100%; }
.headingText   { color:#FFF; padding-left:30px; }

.homeSecondary      { width:350px; }
.homePrimary        { width:600px; }
.homeServices > div { width:285px; }

.showReel
{
	height:300px;
	background-color:#eaeaea;
}

.clientList { width:105%; position:relative; margin-left:-4px; }
.clientList li
{
	background:url(img/bg_client_logo.png) center center no-repeat;
	float:left;
	list-style:none;
	width:170px;
	height:120px;
	padding:4px;
	margin:0 24px 20px 0;
	overflow:hidden;
}
.clientList li > img { width:100%; height:100%; }

.serviceDescWrapper   { width:550px; }
.serviceListWrapper   { width:400px; }
.serviceList > li     { list-style:none; clear:both; }
.serviceList img      { margin-right:15px; width:170px; height:100px; }
.serviceList > li > * { float:left; margin-bottom:20px; }

.serviceList    > li > div { width:200px; height:100px; line-height:25px; }
.serviceList100 > li > div { width:795px; line-height:normal; }

.productImg      { margin-top:1px; }
.productText     { width:635px; }
.productFeatures { width:315px; }
.col3
{
	position:relative;
	margin-left:-31px;
}
.col3 > *
{
	width:306px;
	margin-left:31px;
	float:left;
}
.mapContainer     { border:solid 5px #555; height:270px; }
.mapContainerBg   { background-color:#000; display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1; }
.mapContainerFull { position:fixed !important; z-index:2 !important; left:50%; top:50%; width:980px; height:500px; margin:-250px 0 0 -490px; }


/* ADDED BY SERGEJ */
.clickable { cursor: pointer; }
ul.pagination
{
	
	text-decoration: none;
	text-align: center;
}
ul.pagination li
{
	list-style: none;
	display: inline;
    margin-right: 5px;
}
ul.pagination li a, .pagination li a:visited
{
	border: 1px solid #efefef;
    padding: 3px 6px 3px 6px;
}
ul.pagination li a:hover
{
	border: 1px solid #be0114;
}
ul.pagination li a:hover
{
	border: 1px solid #be0114;
}

.subMenuWrap { background-color: #eaeaea; margin-right:20px; padding:0 10px 15px 10px; width:220px; min-height:300px; }
.subMenu a   { color:#444; }
.subMenu a:hover, .subMenu a.selected { color:#be0114; }
.subMenu > li { list-style:none; padding-top:15px; }
.subMenu > li > a { font-weight:bold; }
.subMenu > li > ul { border-top:solid 1px #FFF; margin-top:3px; padding-top:3px; }
.subMenu > li > ul > li { list-style:circle; margin-left:15px; margin-bottom:3px; }


 .WRAPPER            { width:600px; height:300px; position:relative; }
.appScreenshots          { width:600px; height:300px; overflow:hidden;  border:solid 1px #eee; }
.appScreenshots .WRAPPER { width:100%; height:300px; overflow:hidden; }
.appScreenshots .MAXIMG { width:600px; height:300px; float:left; overflow:hidden; background-color:#eaeaea; z-index: 100; }
.selectedLng { font-weight: bold; }