* {margin:0; padding:0}

body {
	font-family: 	"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:		13px;
	line-height:	18px;
	background: 	#FFF;
	color: 			#A7A19F;
	}

h1 {font-size:14px; color:#747474; font-weight:normal; margin-bottom:20px}
h2 {font-size:13px; margin-bottom:2px; font-weight:normal}
h3 {font-size:20px; line-height:26px; font-stretch:condensed; color:#A7A19F; margin-bottom:20px; font-weight:normal}

p {
	margin-bottom:	20px; 
	line-height:	20px
}

a img {border: 		none;}
a {color: #B1AAA8; text-decoration:none}
a:hover, a:active, a:current {color: #9BCB09;}

.nTitujt {
	color:			#928885; 
	font-size:		12px
}

.container {
	width: 			1280px;
	background: 	#FFF;
	margin: 		0 auto; 
}

.header {}

.content {
	position:		relative;
	height: 		640px;
	clear:			both;
	background-image: url(images/klientet.jpg);
}

.rtCol {
	padding:		38px 20px 20px 660px
}

.footer {
	padding:		5px 0; 
	background: 	#FFF; 
	border-top:		1px solid #E3E3E3; 
	text-align:		right; 
	color:			#9BCB09 /*-- A9A19E --*/
} 

.footer p {font-size:12px}


  
/* ------------------------ Navigation -------------------------------- */ 

.mainNav, .mainNav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.mainNav {
	float:			left;
	margin-top:		0.2em;
	line-height:	0.6em;
	width:			1280px;
	border-bottom:	1px solid #E3E3E3;
	padding-bottom: 0
}

.mainNav ul {
	position:		absolute;
	top:			-999em;
	width:			9em; /* 8.6em left offset of submenus need to match (see below) */
}

.mainNav li {
	float:			left;
	position:		relative;
	margin-right:	30px;
}

.mainNav a {
	display:		block;
	position:		relative;
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:		12px;
	padding: 		1em;
	text-decoration:none;
}

.mainNav a, .mainNav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#B1AAA8;
}

.mainNav ul li {
	width:			120%;
}

.mainNav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.mainNav li:hover ul, .mainNav li.sfHover ul {
	left:			0;
	top:			2.5em; 
	z-index:		99;
}

ul.mainNav li:hover li ul, ul.mainNav li.sfHover li ul {
	top:			-999em;
}

ul.mainNav li li:hover ul, ul.mainNav li li.sfHover ul {
	left:			10.8em;
	top:			0;
	width:			10.5em;
}

ul.mainNav li li:hover li ul, ul.mainNav li li.sfHover li ul {
	top:			-999em;
}

ul.mainNav li li li:hover ul, ul.mainNav li li li.sfHover ul {
	left:			10em; 
	top:			0;
}

.mainNav li li, .mainNav li li li {
	background:		#FFF;
	filter: 		alpha(opacity=90);
	opacity: 		0.9;
}

.mainNav li:hover, .mainNav li.sfHover, .mainNav a:focus, .mainNav a:hover, .mainNav a:active {
	background:		#FFF;
	outline:		0;
	color:			#9BCB09;
}

/*** arrows **/

.mainNav a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			.75em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}

a > .sf-sub-indicator {  
	top:			.8em;
	background-position: 0 -100px; 
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background:				url('../images/arrows.png') no-repeat -10px -100px;
	background-position: 	-10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.mainNav ul .sf-sub-indicator { background-position:  -10px 0; }
.mainNav ul a > .sf-sub-indicator { background-position:  10 0; }
/* apply hovers to modern browsers */
.mainNav ul a:focus > .sf-sub-indicator,
.mainNav ul a:hover > .sf-sub-indicator,
.mainNav ul a:active > .sf-sub-indicator,
.mainNav ul li:hover > a > .sf-sub-indicator,
.mainNav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-shadow ul.sf-shadow-off {
	background: 	transparent;
}


/* ------------------------ Image Slider -------------------------------- */


#sliderFrame {
	position:		relative; 
	width:			1280px; 
	margin: 		0 auto;
}

#ribbon {
	width:			1280px;
	height:			100px;
	position:		absolute;
	top:			540px;
	left:			0px;
	background: 	#000;
	filter:			alpha(opacity=70); 
	opacity: 		0.7; 
	z-index:		8;
	font-family: 	"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#ribbon h1 {z-index:10; color:#FFF; font-size:14px; margin:25px; margin-bottom:10px}
#ribbon p {z-index:10; color:#FFF; font-size:12px; margin:0; margin-left:25px;}
#ribbon img {float:right; margin:10px 10px 0 0; clear:right}

/* -- #sliderFrame:hover #ribbon {display: block;}  -- */


.gray {color:#999; font-size:11px; }
.black {color:#212121}

#slider {
    width:			1280px; 
	height:			640px;/* Make it the same size as your images */
	background:		#fff url(../images/loading.gif) no-repeat 50% 50%;
	position:		relative;
	margin:			0 auto;/*make the image slider center-aligned */
}

#slider .video {
	background:		transparent url(../images/video.png) no-repeat 50% 50%;
}

#slider img {
	position:		absolute;
	border:			none;
	display:		none;
}

#slider a.imgLink, #slider div.video {
	z-index:		2;
	display:		none;
	position:		absolute;
	top:			0px;
	left:			0px;
	border:			0;
	width:			100%;
	height:			100%;
}

/* Caption styles */

div.mc-caption-bg, div.mc-caption-bg2 {
	position:		absolute;
	width:			100%;
	height:			auto;
	padding:		0;
	left:			0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:			0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:		3;
	overflow:		hidden;
	font-size: 		0;
}

div.mc-caption-bg {
	background-color:black;
}

div.mc-caption {
	font: 			bold 14px/20px Arial;
	color:			#EEE;
	z-index:		4;
	padding:		10px 0;
	text-align:		center;
}

div.mc-caption a {
	color:			#FB0;
}

div.mc-caption a:hover {
	color:			#DA0;
}

/* ------ built-in navigation bullets wrapper ------*/

div.navBulletsWrapper  {
	top:			650px; 
	left:			0; /* left:280px; Its position is relative to the #slider */
	width:			auto; /* width:150px;  */
	background:		none;
	padding-right:	10px;
	position:		relative;
	z-index:		5;
	cursor:			pointer;
}

/* each bullet */

div.navBulletsWrapper div 
{
    width:			12px; 
	height:			12px;
	font-size:		0;
	color:			#CCC;
    background:		transparent url(../images/bullet.png) no-repeat 0 0;
    float:			left;
	overflow:		hidden;
	vertical-align:	middle;
	cursor:			pointer;
    margin-right:	4px;/* distance between each bullet*/
    _position:		relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -12px;}

/* --------- Others ------- */

#slider 
{
	transform: 		translate3d(0,0,0);
    -ms-transform:	translate3d(0,0,0);
    -moz-transform:	translate3d(0,0,0);
    -o-transform:	translate3d(0,0,0);
}

#slider div.loading 
{
    width:			100%; 
	height:			100%;
    background:		transparent url(../images/loading.gif) no-repeat 50% 50%;
    filter: 		alpha(opacity=60);
    opacity:		0.6;
    position:		absolute;
    left:			0;
    top:			0; 
    z-index:		10;
}