/*
                                                 
-> Project: poslovni-software.com                    
-> Author: Igor Gotal-Luksa / Dobbin			 
-> Copyright (c) 2010: Dobbin
                   							                         
*/


/* CLEARING METHODS
----------------------------------------------------------------------------*/

	.clearfix:after { 
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0; 
		height: 0; 
		}
	
	.clearfix {
		display: inline-block; 
		}
	
	html[xmlns] .clearfix {
		display: block; 
		}
	
	* html .clearfix {
		height: 1%; 
		}
	
	.clear {
		clear: both; 
		}
		
		
/* RESET & NORMALIZE
----------------------------------------------------------------------------*/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		}

	:focus {
		outline: 0;
		}

	ol, ul {
		list-style: none;
		}
		
	a {
		outline: none;
		}
		
		
/* BODY
----------------------------------------------------------------------------*/

	body {
		font: 62.5%/1.8 Arial, Verdana, Helvetica, sans-serif;
		background: #2e435a url("../../assets/images/site_background.jpg") repeat-x;
		text-align: center;
		padding: 10px 0 10px 0;
		}
		
		
/* LAYOUT CONTAINER & CONTENT WRAPPER
----------------------------------------------------------------------------*/

	#wrapper {
		width: 996px;
		margin: 0px auto;
		}

	#layout-container {
		width: 996px;
		margin: 0px auto;
		text-align: left;
		}
		
	#content-wrapper {
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		}
		

/* HEADER
----------------------------------------------------------------------------*/

	#header {
		height: 105px;
		}

	#logo {
		float: left;
		width: 250px;
		}
		
	#logo a {
		display: block;
		text-indent: -9999px;
		background: url("../../assets/images/logo.gif") no-repeat;
		width: 250px;
		height: 55px;
		position: relative;
		top: 20px;
		}
		
	#banner-top {
		float: right;
		width: 728px;
		}
		
		
/* MAIN NAVIGATION
----------------------------------------------------------------------------*/
	
	#main-navigation {
		height: 79px;
		background-color: #fcd626;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;  
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		}
		
	#main-navigation ul li {
		float: left;
		width: auto;
		}
		
	#main-navigation ul li a {
		display: block;
		height: 79px;
		color: #000;
		text-decoration: none;
		background: #fcd626 url("../../assets/images/menu_item_background.jpg") no-repeat bottom left;
		padding: 0 15px 0 15px;
		font: bold 1.6em/110px Arial, Verdana, Helvetica, sans-serif;
		}
		
	#main-navigation ul li a:hover {
		color: #fff;
		background: #fcd626 url("../../assets/images/menu_item_active.gif") no-repeat top center;
		}
		
	#main-navigation ul li a.active {
		color: #fff;
		background: #fcd626 url("../../assets/images/menu_item_active.gif") no-repeat top center;
		}
		
		
/* MAIN CONTENT
----------------------------------------------------------------------------*/

	#main-content {
		width: 996px;
		background: #fff url("../../assets/images/main_content_background.jpg") top left repeat-x;
		border-top: 1px solid #fff;
		padding-top: 10px;
		}
		
	#main-content-left {
		float: left;
		width: 180px;
		margin: 0 10px 0 10px;
		}
		
	#main-content-center {
		width: 477px;
		float: left;
		margin-right: 10px;
		}
		
	#main-content-right {
		float: left;
		width: 300px;
		position: relative;
		top: -80px;
		}
		
		
/* MAIN CONTENT LEFT
----------------------------------------------------------------------------*/

	.banner-left {
		margin-bottom: 10px;
		}
		
	#main-content-left h2 {
		width: 180px;
		height: 35px;
		display: block;
		background: url("../../assets/images/left_menu_header_background.gif") top left no-repeat;
		font: bold 1.4em/33px Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #fff;
		padding-left: 10px;
		}
		
	#main-content-left ul {
		background-color: #f5f5f5;
		margin-bottom: 10px;
		border-top: 3px #e2e2e2 solid;
		padding-bottom: 5px;
		border-bottom: 1px solid #e2e2e2;
		}

	#main-content-left ul li a {
		background: url("../../assets/images/bullet_menu_left.gif") no-repeat 8px 8px;
		padding: 5px 0 5px 25px;
		font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		text-decoration: none;
		display: block;
		}
		
	#main-content-left ul li a.sub-item {
		background: url("../../assets/images/bullet_menu_left.gif") no-repeat 25px 5px;
		padding: 4px 0 4px 45px;
		font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
		color: #4c6a7d;
		text-decoration: none;
		display: block;
		}
		
	#main-content-left ul li a:hover {
		background-color: #fff;
		}
		
		
/* MAIN CONTENT CENTER
----------------------------------------------------------------------------*/

	#highlight-top {
		background: #2d4e5d url("../../assets/images/highlight_background.jpg") no-repeat top left;
		width: 477px;
		display: inline-block;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;  
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		margin-bottom: 5px;
		}
		
	#highlight-top h3 {
		font: normal 1.4em Arial, Verdana, Helvetica, sans-serif;
		max-width: 420px;
		color: #fcd006;
		position: relative;
		left: 30px;
		margin: 20px 0 5px 0;
		}
		
	#highlight-top h2 {
		background: url("../../assets/images/h2_arrow_bullet.gif") no-repeat 0px 9px;
		font: normal 3.2em/100% Arial, Verdana, Helvetica, sans-serif;
		max-width: 420px;
		color: #fff;
		position: relative;
		margin-bottom: 10px;
		padding-left: 30px;
		text-shadow: #000 1px 1px 0px;
		}
		
	#highlight-top p {
		font: normal 1.3em/125% Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		position: relative;
		left: 30px;
		max-width: 420px;
		margin-bottom: 20px;
		}
		
	#highlight-top #more-button {
		position: relative;
		left: 30px;
		margin-bottom: 20px;
		}
		
	#highlight-second {
		background: #fece0c url("../../assets/images/highlight_background_yellow.jpg") no-repeat top left;
		width: 477px;
		display: inline-block;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;  
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		margin-bottom: 5px;
		}
		
	#highlight-second-left {
		float: left;
		width: 250px;
		}
		
	#highlight-second-left h3 {
		font: normal 1.4em Arial, Verdana, Helvetica, sans-serif;
		max-width: 420px;
		color: #000;
		position: relative;
		left: 30px;
		margin: 20px 0 5px 0;
		}
		
	#highlight-second-left h2 {
		background: url("../../assets/images/h2_arrow_bullet.gif") no-repeat 0px 9px;
		font: normal 3.2em/100% Arial, Verdana, Helvetica, sans-serif;
		max-width: 420px;
		color: #000;
		position: relative;
		margin-bottom: 10px;
		padding-left: 30px;
		}
		
	#highlight-second-left p {
		font: normal 1.3em/125% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		position: relative;
		left: 30px;
		max-width: 420px;
		margin-bottom: 20px;
		}
		
	#highlight-second-left #more-button-second {
		position: relative;
		left: 30px;
		margin-bottom: 20px;
		}
		
	#highlight-second-right {
		float: right;
		width: 180px;
		border-left: 1px solid #eec328;
		margin-top: 20px;
		padding: 0 10px 0 10px;
		}
		
	#highlight-second-right p {
		font: normal 1.1em/125% Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 15px;
		}
	
	#highlight-second-right h4 {
		font: bold 1.2em/100% Arial, Verdana, Helvetica, sans-serif;
		margin-bottom: 5px;
		}
		
	#logo-block {
		background: url("../../assets/images/logo_block_background.gif") no-repeat top left;
		width: 180px;
		height: 129px;
		text-align: center;
		margin-bottom: 5px;
		}
		
	#logo-block-logo {
		position: relative;
		top: 10px;
		}
		
	.highlight-titles {
		font: bold 1.1em/27px Arial, Verdana, Helvetica, sans-serif;
		color: #fff;
		background: url("../../assets/images/header_highlight_main.gif") no-repeat top left;
		height: 27px;
		padding-left: 10px;
		}
		
	#highlight-main {
		background-color: #eceae5;
		border-top: 3px solid #d8d6d1;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;  
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		margin-bottom: 5px;
		}
		
	#highlight-top-ten {
		background-color: #c2d8db;
		border-top: 3px solid #adcbcf;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;  
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		}
		
	.company-block, .company-block-top-ten {
		float: left;
		width: 143px;
		border-bottom: 1px solid #dcdad5;
		margin: 0 0 10px 13px;
		padding: 10px 0 10px 0;
		}
		
	.company-block-top-ten {
		border-bottom: 1px solid #b0ccd0;
		}
		
	.company-block h4, .company-block-top-ten h4 {
		font: bold 1.1em/100% Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 5px;
		}
		
	.company-block h4 a, .company-block-top-ten h4 a {
		color: #000;
		text-decoration: none;
		}
		
	.company-block h4 a:hover, .company-block-top-ten h4 a:hover {
		text-decoration: underline;
		}
		
	.company-block p, .company-block-top-ten p {
		font: normal 1.1em/115% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		}
		
	.company-logo {
		margin-bottom: 5px;
		}
		
	#sliding-navigation {
		position: relative;
		left: 422px;
		}
		
	#sliding-navigation li {
		float: left;
		width: 21px;
		margin-right: 3px;
		}
		
	#sliding-navigation li a#left {
		display: block;
		background: url("../../assets/images/arrow_left_sprite.gif") no-repeat 0px 0px;
		text-indent: -9999px;
		height: 21px;
		}
		
	#sliding-navigation li a#left:hover {
		display: block;
		background: url("../../assets/images/arrow_left_sprite.gif") no-repeat 0px -21px;
		text-indent: -9999px;
		height: 21px;
		}
		
	#sliding-navigation li a#right {
		display: block;
		background: url("../../assets/images/arrow_right_sprite.gif") no-repeat 0px 0px;
		text-indent: -9999px;
		height: 21px;
		}
		
	#sliding-navigation li a#right:hover {
		display: block;
		background: url("../../assets/images/arrow_right_sprite.gif") no-repeat 0px -21px;
		text-indent: -9999px;
		height: 21px;
		}
	
/* MAIN CONTENT RIGHT
----------------------------------------------------------------------------*/

	.banner-right {
		margin-bottom: 5px;
		}
		
	.banner-left {
		margin-bottom: 10px;
		padding: 10px;
		background-color: #ffcc00;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		}
		
/* MAIN CONTENT RIGHT - SEARCH
----------------------------------------------------------------------------*/

	#search-block {
		background: #191919 url("../../assets/images/search_background.gif") no-repeat top left;
		padding: 15px 0 15px 0;
		margin-bottom: 5px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;  
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		}
		
	#search-block h3 {
		font: bold 1.4em Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #fff;
		position: relative;
		left: 15px;
		margin-bottom: 15px;
		}
		
	#search-block input {
		font: normal 1.2em Arial, Verdana, Helvetica, sans-serif;
		background: url("../../assets/images/input_background.gif") repeat-x;
		padding: 2px;
		width: 264px;
		position: relative;
		left: 15px;
		border: 1px solid #fff;
		margin-bottom: 10px;
		}
		
	#search-block select {
		font: normal 1.2em Arial, Verdana, Helvetica, sans-serif;
		background: url("../../assets/images/input_background.gif") repeat-x;
		padding: 2px;
		width: 270px;
		position: relative;
		left: 15px;
		border: 1px solid #fff;
		margin-bottom: 10px;
		}

	#search-button {
		position: relative;
		left: 177px;
		}
		
		
/* MAIN CONTENT RIGHT - NEWS BLOCK
----------------------------------------------------------------------------*/

	#news-block {
		background-color: #fcd626;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		padding: 10px 0 10px 0;
		margin-bottom: 5px;
		}
		
	#news-block-menu {
		margin-left: 10px;
		}
		
	#news-block-menu li {
		float: left;
		width: auto;
		margin-right: 1px;
		}
		
	#news-block-menu li a {
		font: normal 1.1em Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 8px 10px 8px 10px;
		background-color: #000;
		color: #fff;
		}
		
	#news-block-menu li a:hover, #news-block-menu li a.active {
		background-color: #fff;
		color: #000;
		}
		
	#news-block-inner {
		background-color: #fff;
		width: 280px;
		margin-left: 10px;
		padding: 10px 0 10px 0;
		}
		
	#news-block-inner h4 {
		margin: 0 0 3px 10px;
		max-width: 250px;
		}
		
	#news-block-inner h4 a {
		font: bold 1.1em/125% Arial, Verdana, Helvetica, sans-serif;
		text-decoration: none;
		color: #4c6a7d;
		}
		
	#news-block-inner h4 a:hover {
		text-decoration: underline;
		}
		
	#news-block-inner p {
		font: normal 1.1em/115% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0 0 10px 10px;
		max-width: 260px;
		padding-bottom: 5px;
		border-bottom: 1px solid #eceae5;
		}
		
	#news-block-inner p a {
		color: #4c6a7d;
		text-decoration: underline;
		}
		
	#news-block-inner p a:hover {
		text-decoration: none;
		}
		
		
/* MAIN CONTENT RIGHT - NEWSLETTER
----------------------------------------------------------------------------*/

	#newsletter-block {
		background: url("../../assets/images/newsletter_block_background.gif") no-repeat top left;
		padding-top: 15px;
		margin-bottom: 5px;
		}
		
	#newsletter-block h3 {
		font: bold 1.4em Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #fff;
		position: relative;
		left: 15px;
		margin-bottom: 15px;
		}
		
	#newsletter-block input {
		font: normal 1.2em Arial, Verdana, Helvetica, sans-serif;
		background: url("../../assets/images/input_background.gif") repeat-x;
		padding: 2px;
		width: 150px;
		position: relative;
		left: 15px;
		top: -10px;
		border: 1px solid #fff;
		margin-bottom: 10px;
		}
		
	#newsletter-block #submit-button {
		position: relative;
		left: 20px;
		top: -2px;
		}
		
		
/* MAIN CONTENT RIGHT - TAG CLOUD
----------------------------------------------------------------------------*/

	#tag-cloud { 
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		padding-bottom: 39px;
		padding: 15px;
		}
		
	#tag-cloud span { 
		padding: 2px 5px 2px 5px;
		}
		
	#tag-cloud span.large { 
		font: normal 2.1em Arial, Verdana, Helvetica, sans-serif;
		}
		
	#tag-cloud span.medium { 
		font: normal 1.8em Arial, Verdana, Helvetica, sans-serif;
		}
		
	#tag-cloud span.small { 
		font: normal 1.4em Arial, Verdana, Helvetica, sans-serif;
		}
		
		
/* BOTTOM CONTENT
----------------------------------------------------------------------------*/

	#bottom-content {
		background-color: #fff;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;  
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		}
		
	#partners-titles {
		font: bold 1.1em/27px Arial, Verdana, Helvetica, sans-serif;
		color: #fff;
		background: url("../../assets/images/partners_header_background.gif") no-repeat top left;
		height: 27px;
		padding-left: 10px;
		margin-left: 10px;
		}
		
	#partners-block {
		padding: 10px 0 10px 0;
		margin: 0 0 10px 10px;
		width: 976px;
		background-color: #fecf09;
		border-top: 3px solid #edc005;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;  
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		}
		
	#partners-block img {
		margin-left: 15px;
		}
		
				
/* BOTTOM CONTENT - LISTS
----------------------------------------------------------------------------*/

	.bottom-list-block {
		float: left;
		width: auto;
		margin:  10px 0 20px 27px;
		}
		
	.bottom-list-block h4 {
		font: bold 1.1em/125% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 3px;
		}
		
	.bottom-list-block ul li a {
		font: normal 1.1em/125% Verdana, Arial, Helvetica, sans-serif;
		color: #4c6a7d;
		text-decoration: none;
		background: url("../../assets/images/bullet_menu_left.gif") no-repeat 0px 3px;
		padding-left: 12px;
		}
		
		
/* FOOTER
----------------------------------------------------------------------------*/

	#footer {
		margin-top: 10px;
		}
		
	#bottom-menu {
		float: right;
		width: auto;
		}
		
	#copyright {
		font: normal 1.2em/125% Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		float: left;
		width: auto;
		}
		
	#copyright a {
		color: #fecf09;
		text-decoration: none;
		}
		
	#copyright a:hover {
		text-decoration: underline;
		}

	#bottom-menu li {
		float: left;
		width: auto;
		margin-left: 10px;
		color: #fff;
		}
		
	#bottom-menu li a {
		font: normal 1.2em/125% Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: none;
		}
		
	#bottom-menu li a:hover {
		text-decoration: underline;
		color: #fecf09;
		}