body {
	background-image: url(../images/bg1.jpg); 
	background-repeat: repeat-x;
	background-color: #DADADA;
	margin: 0;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	
	text-align: center;
}

a {
	color: #6C6C6C;
}

a:hover {
	color: #000;
}

h2 {
	font-size: 16px;
}

#wrapper {
	clear: both;
	
	background-image: url(../images/content-bg.jpg); 
	background-repeat: repeat-x;
	background-color: #B7B7B7;
	
	width: 1000px;
	
	margin: 0 auto;
	margin-top: 0px;
	
	text-align: left;
}

#header {
	background-image: url(../images/header-bg.jpg); 
	background-repeat: no-repeat;
	
	width: 1000px;
	height: 111px;
	text-align: center;
	
	margin: 0;
	clear: right;
}

	#logo {
		float: left;
		margin-left: 37px;
		padding-top: 3px;
	}
	
	#util {
		float: right;
		text-align: right;
		
		width: 550px;
		
		margin: 10px 20px 0 0;
		
		color: #6C6C6C;
		font-size: 10px;
	}
	
		#util a {
			color: #6C6C6C;
			font-size: 10px;
		}
		
		#util a:hover {
			color: #000;
		}
	
		#login-info {
			margin-right: 12px;
			margin-bottom: 6px;
		}
		
		#hboxcontainer { width: 550px; height: 24px; }
		
		#contacthead {
			margin-top: 10px;
			
			background-image: url(../images/contact-bg.gif); 
			background-repeat: no-repeat;
			
			width: 203px;
			height: 11px;
			
			padding: 6px 14px 6px 28px;
			
			color: #333;
			font-size: 10px;
			
			border: 0 none;
			
			float: right;
			display: inline;
		}
		
		#contactfoot {
			margin-top: -4px;
			
			background-image: url(../images/contact-bg.gif); 
			background-repeat: no-repeat;
			
			width: 203px;
			height: 11px;
			
			padding: 6px 14px 6px 28px;
			
			color: #333;
			font-size: 10px;
			
			border: 0 none;
			
			float: right;
			display: inline;
		}
		
		#search {
			margin-top: 10px;
			float: right;
			display: inline;
		}
		
		#search input {
			background-image: url(../images/search-bg.jpg); 
			background-repeat: no-repeat;
			
			width: 146px;
			height: 11px;
			
			padding: 6px 14px 6px 28px;
			
			color: #999AB9;
			font-size: 10px;
			
			border: 0 none;
		}

#banners {
	width: 970px;
	height: 220px;
	
	margin: 0; /*4px 0 0 15px;*/
	padding: 0;
	
	margin-left: auto;
	margin-right: auto;
	
	display: block;
	clear: both;
}
	
	
	#hero .in		{	position:relative; padding-top: 0px !important; color:#f0eee1; font-size:14px; -moz-text-shadow: 2px 2px 0 black; text-shadow:2px 2px 0 black}
	#hero #afisaj		{	position:absolute; left:0px; top:-14px; width:970px; height:219px; overflow:hidden}
	#hero #afisaj li	{	position:relative; width:970px; height:219px}
	#hero .afis			{	position:absolute; left:0; top:0}
	#hero .afis-desc	{	position:absolute; left:0; bottom:0px; width:460px; height: 60px; padding: 0px 10px 0px 10px; background-color: #130000; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; filter:alpha(opacity=65); opacity: 0.65; -moz-opacity:0.65; }
	#hero .afis-desc1	{	position:absolute; right:0; bottom:0px; width:460px; height: 60px; padding:0px 10px 0px 10px; text-align: right; background-color:#130000; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;  filter:alpha(opacity=65); opacity: 0.65; -moz-opacity:0.65; }
	#hero #afisaj a		{	text-decoration:none}
	#hero #afisaj .afis-desc a, #hero #afisaj .afis-desc1 a {	color:#F0EEE1; }
	#hero .afis-desc h3, #hero .afis-desc1 h3	{	font-size:16px; line-height:normal; margin-bottom: 0; padding-bottom: 0; }
	#hero .afis-desc p, #hero .afis-desc1 p	{ font-size: 12px; margin: 0; padding: 0; }



	#banners #left-banner {
		float: left;
		width: 536px;
	}
	
	#banners #right-banner {
		float: left;
		width: 434px;
	}
	
	#banners img {
		margin: 0;
		padding: 0;
	}

#main {
	display: block;
	clear: both;
	
	width: 970px;
	margin-left: 15px;
	
	background-color: #fff;
}

	#main-header {
		background-image: url(../images/content-header.gif); 
		background-repeat: no-repeat;
		
		width: 970px;
		height: 7px;
		
		margin-left: 15px;
	}
	
	#main-footer {
		background-image: url(../images/content-footer.gif); 
		background-repeat: no-repeat;
		
		width: 970px;
		height: 7px;
		
		margin-left: 15px;
		margin-bottom: 10px;
	}
	
	
	#main #homecontent {
		width: 722px;
		float: left;
		
		background-color: #fff;
		color: #000; /*#4D4D4D*/
		padding: 0px;
		margin-right: 2px;
		overflow: hidden;
		
		text-align: justify;
	}
	
	#main #content {
		width: 696px;
		float: left;
		
		background-color: #fff;
		color: #000; /*#4D4D4D */
		padding: 10px;
		margin-right: 10px;
		overflow: hidden;
		
		text-align: justify;
	}
	
	#main #content h1 {
		font-size: 18px;
		display: block;
		
		background-image: url(../images/bullet-white.gif);
		background-repeat: no-repeat;
		background-position: 10px 12px;
		background-color: #6F6F71;
		color: #fff;
		width: 670px;
		
		margin-left: -10px;
		padding: 5px 25px;
	}
	
	#about {
		width: 956px;
		height: 75px;
		
		background-color: #DCDCDC;
		
		color: #000;
		padding: 0px 0px 35px 14px;
		
		float: left;
	}
	
		#about h1 {
			font-size: 18px;
			margin: 0;
			padding: 0;
			padding-top: 4px;
		}
		
		#about h2 {
			font-size: 14px;
			margin: 0;
			padding: 0;
		}

		#about p {
			margin: 0;
			padding: 0;
			margin-top: 10px;
		}
	
	#right {
		width: 212px;
		float: left;
	}
	
	.box {
		width: 212px;
		height: 212px;
		
		background-image: url(../images/box-bg2.gif);
		background-repeat: no-repeat;
		background-color: #fff;
		
		color: #000;
		padding: 4px 16px 35px 14px;
		font-size: 10px;
		
		float: left;
	}
	
	
	.box1 {
		width: 240px;
		
		float: left;
	}
	
	
	.box1-content {
		width: 212px;
		
		background-image: url(../images/box-line.gif);
		background-repeat: repeat-y;
		background-color: #fff;
		
		margin-top: -2px;
		
		color: #000;
		padding: 1px 16px 5px 14px;
		font-size: 10px;
	}
	
	.box1-header {
		width: 240px;
		height: 16px;
		
		margin-bottom: 0 ! important;
		
		background-image: url(../images/box-header.gif);
		background-repeat: no-repeat;
	}
	
	.box1-footer {
		width: 240px;
		height: 23px;
		
		background-image: url(../images/box-footer.gif);
		background-repeat: no-repeat;
	}

	.box2 {
		width: 212px;
		height: 260px;
		
		background-image: url(../images/box-bg3.gif);
		background-repeat: no-repeat;
		background-color: #fff;
		
		color: #000;
		padding: 4px 16px 35px 14px;
		font-size: 10px;
		float: left;
	}

	.widebox {
		width: 693px;
		height: 212px;
		background-image: url(../images/box-wide-bg2.gif);
		background-repeat: no-repeat;
		background-color: #fff;
		
		color: #000;
		padding: 4px 16px 35px 14px;
		font-size: 10px;
		
		float: left;
	}

	.widebox3 {
		width: 693px;
		height: 260px;
		background-image: url(../images/box-wide-bg3.gif);
		background-repeat: no-repeat;
		background-color: #fff;
		
		color: #000;
		padding: 4px 16px 35px 14px;
		font-size: 10px;
		
		float: left;
	}
	
	
	.widebox1 {
		width: 240px;
		
		float: left;
	}
	
	.widebox1-content {
		width: 693px;
		
		background-image: url(../images/widebox-line.gif);
		background-repeat: repeat-y;
		background-color: #fff;
		
		margin-top: -2px;
		
		color: #000;
		padding: 1px 16px 5px 14px;
		font-size: 10px;
	}
	
	.widebox1-header {
		width: 693px;
		height: 16px;
		
		margin-bottom: 0 ! important;
		
		background-image: url(../images/widebox-header.gif);
		background-repeat: no-repeat;
	}
	
	.widebox1-footer {
		width: 693px;
		height: 23px;
		
		background-image: url(../images/widebox-footer.gif);
		background-repeat: no-repeat;
	}
	
	.widebox1 h3  {
		width: 630px;
	}
	
	.box h3, .box1 h3, .box2 h3, .widebox h3, .widebox3 h3, .widebox1 h3  {
		font-size: 12px;
		display: block;
		
		background-image: url(../images/bullet-white.gif);
		background-repeat: no-repeat;
		background-position: 10px 8px;
		background-color: #6F6F71;
		color: #fff;
		
		padding: 5px 5px 5px 25px;
	}
	
	.box1 h3 {
		margin-top: 4px;
	}

	.box1 h4 {
		font-size: 10px;
	}

	.box2 h3, .widebox3 h3 {
		margin-top: 15px;
	}
	
#footer {
	clear: both;
	background-image: url(../images/footer-bg.gif); 
	background-repeat: no-repeat;
	
	width: 952px;
	height: 43px;
	
	margin: 0 auto;
	margin-bottom: 20px;
	
	color: #9E9C9D;
	text-align: left;
	font-size: 10px;
	
	padding: 10px 24px;
}

	#footer a {
		color: #9E9C9D;
	}
	
	#footer a:hover {
		color: #000;
	}
	


#news-scroller	{	position:relative}
#news-scroller .in div{	padding: 2px 0 32px; position:relative; left:5px; width: 640px; overflow:hidden !important}
#news-scroller ul	{	width:9999em; position:relative}
#news-scroller li { float:left; display:inline; margin:0 10px; width:180px; height: 190px; padding-left: 15px; }
#news-scroller img {	display:inline-block; padding: 3px 4px; border: 0; text-align: center; }
#news-scroller a { text-decoration: none; }

#news-scroller .c-nav a		{	text-indent:-999em; overflow:hidden; display:block; width:30px; height:27px; cursor: pointer; position:absolute; left:3px; top:30px; }
#news-scroller .c-nav a.st	{	background:url(../images/arrow-left.png) no-repeat left top}
#news-scroller .c-nav a.dr	{	background:url(../images/arrow-right.png) no-repeat right top; left:auto; right:3px}
#news-scroller .c-nav a.oprit	{	background-position:left bottom; cursor:default; }
#news-scroller .c-nav a.st:hover{	background-position:left -27px; }
#news-scroller .c-nav a.dr:hover{	background-position:right -27px;}
#news-scroller .c-nav a.st.oprit {}
#news-scroller .c-nav a.dr.oprit{}

.news h4 { margin-bottom: 2px; }
.news p { margin-top: 0px; }
.news a { text-decoration: none; }

.grey-title {
	font-size: 15px;
	display: block;
	
	background-image: url(../images/bullet-white.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	background-color: #6F6F71;
	color: #fff;
	width: 660px;
	
	padding: 5px 25px;
}

.contact input {
	font-size: 10px;
	width: 150px;
}

.solution-title {
	font-size: 14px;
	font-weight: bold;
}

.clear { clear: both; }

.error { font-weight: bold; color: #d00; }

.sol-item {
	margin-bottom: 12px;
}




.solution {
	text-align: left;
	float: left;
	display: inline;
	padding: 8px;
	
	width: 688px;
	
	margin-right: 10px;
	margin-bottom: 15px;
	
	border-bottom: 1px solid #eee;
}

	.solution h3 {
		height: 36px;
		overflow: hidden;
		font-weight: bold ! important;
		font-size: 120%;
		margin-top: 0px;
		padding-top: 0px;
	}
	
	.solution h3 a {
		font-weight: bold ! important;
	}
	
	.solution h4 {
		font-weight: bold ! important;
		font-size: 120%;
		margin-top: 0px;
		padding-top: 0px;
	}
	
	.solution h4 a {
		font-weight: bold ! important;
	}
	
	.solution .picture {
		float: right;
		width: 100px;
		height: 100px;
		overflow: hidden;
		padding: 4px;
		margin: 4px;
		/*border: 1px solid #333;*/
	}

	.solution .details {
		float: left;
		
		width: 120px;
		height: 100px;
		
		font-size: 10px;
	}
	
	
	.solution .more {
		float: right;
		margin-top: 12px;
		margin-right: 20px;
		
		font-size: 11px;
	}

.img-left {
	margin-right: 26px;
}


.img-right {
	margin-left: 26px;
}


.solution_content a img {
	padding: 8px;
	border: 1px solid #eee;
}


.code {
	text-transform: uppercase;
}


.message {
	font-weight: bold;
	color: #0d0;
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #6F6F71;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tabs.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}




/* alternate colors: skin2 */ 
ul.skin2 a { 
    background-color:#fff;
	color: #999 ! important;
} 
 
/* mouseover state */ 
ul.skin2 a:hover { 
    background-color:#AEAAAA;
	color: #fff ! important;
} 
 
/* active tab */ 
ul.skin2 a.current { 
    background-color:#6F6F71;
    border-bottom:1px solid #eee;
	color: #fff ! important;
} 
 
/* tab pane with background gradient */ 
div.skin2 div { 
    min-height:200px; 
    color:#fff;     
    background-color: #fff;
	color: #000;
	border: 1px solid #eee;
	border-top: 0 none;
}



.line {
	clear: both;
	
	border-bottom: 4px solid #B7B7B7;
	
	width: 720px;
	height: 21px;
	margin-left: -10px;
}


/* the overlayed element */ 
.simple_overlay
{
    display:none; 
    z-index:10000; 
	
    background-color:#fff; 
	
    width:300px;     
    min-height:200px; 
    border:1px solid #666; 
	
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 

.simple_overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}