/* Section I: Global element definitions
-----------------------------------------------------------------------------------------------*/
* {
	font-size: 100.1%;
}
body {
	background: #FCFCFC url(images/bgn_body.gif) repeat-x;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 10px 20px 10px 20px;
	padding: 0;
}
.hide {
	position: absolute;
	left: -1500px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
p {
	line-height: 160%;
}
.clear {
	clear: both;
}
form {
	margin: 0;
	padding: 0;
}

/* Section II: Header elements
-----------------------------------------------------------------------------------------------*/
#header {
	background: #FFF url(images/bgn_header_main.gif) repeat-x;
	height: 46px;
	margin: 0 0 5px 0;
	min-width: 740px;
}
#header .logo {
	background: #FFA700 url(images/bgn_header_logo.gif) repeat-x;
	border-left: #3c95ce 3px solid;
	width: 140px;
	height: 46px;
	float: left;
}
#header .logo .shadow {
	background: url(images/bgn_header_logo_shadow.gif) no-repeat right top;
	height: 46px;
}
#header .logo .shadow img {
	background: url(images/bgn_header_logo_image.gif) no-repeat;
	margin: 9px 0 0 6px;
	width: 112px;
	height: 28px;
	border: 0;
}
#header .strapline {
	background: #F7CA74 url(images/bgn_header_strapline.gif) repeat-x;
	width: 173px;
	height: 46px;
	float: left;
}
#header .strapline .shadow {
	background: url(images/bgn_header_strapline_shadow.gif) no-repeat right top;
	height: 46px;
}
#header .strapline .shadow img {
	background: url(images/bgn_header_strapline_image.gif) no-repeat;
	margin: 15px 0 0 3px;
	width: 145px;
	height: 16px;
	border: 0;
}
#header .languages {
	float: right;
	padding: 0 10px 0 0;
}
#header .languages ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#header .languages ul li {
	float: left;
	display: block;
	height: 46px;
	margin: 0 10px 0 10px;
}
#header .languages ul .selected {
	background: url(images/bgn_language_selected_left.gif) no-repeat;
	_width: 10px;
	margin: 0 !important;
	padding: 0 0 0 10px;
}
#header .languages ul .selected a {
	background: url(images/bgn_language_selected_right.gif) no-repeat right top;
	display: block;
	height: 46px;
	padding: 0 10px 0 0;
}
#header .languages ul li .srpski, #header .languages ul li .srpski-selected {
	background: url(images/icon_language_serbian.gif) no-repeat left 15px;
	border: 0;
	width: 47px;
	height: 44px;
}
#header .languages ul li .srpski {
	background: url(images/icon_language_serbian.gif) no-repeat -55px 15px;
}
#header .languages ul li .srpski:hover {
	background: url(images/icon_language_serbian.gif) no-repeat -55px -34px;
}
#header .languages ul li .english, #header .languages ul li .english-selected,  #header .languages ul li .english-selected:hover {
	background: url(images/icon_language_english.gif) no-repeat left 15px;
	border: 0;
	width: 51px;
	height: 44px;
}
#header .languages ul li .english {
	background: url(images/icon_language_english.gif) no-repeat -55px 15px;
}
#header .languages ul li .english:hover {
	background: url(images/icon_language_english.gif) no-repeat -55px -34px;
}
#header .languages ul li .deutsch, #header .languages ul li .deutsch-selected, #header .languages ul li .deutsch-selected:hover {
	background: url(images/icon_language_deutsch.gif) no-repeat left 15px;
	border: 0;
	width: 55px;
	height: 44px;
}
#header .languages ul li .deutsch {
	background: url(images/icon_language_deutsch.gif) no-repeat -55px 15px;
}
#header .languages ul li .deutsch:hover {
	background: url(images/icon_language_deutsch.gif) no-repeat -55px -34px;
}
#header .languages ul li a img {
	background-position: -55px 15px;
}
#header .languages ul li a:hover img {
	background-position: -55px -34px;
}


/* Section III: Menu elements
-----------------------------------------------------------------------------------------------*/
#menu {
	height: 27px;
	display: block;
	border-top: #4197cd 3px solid;
	border-bottom: #3c95ce 4px solid;
	min-width: 740px;
}
#menu .border {
	background: #4197cd url(images/bgn_menu.gif) repeat-x left top;
	border-left: #4197cd 3px solid;
	border-right: #4197cd 3px solid;
	height: 23px;
	padding: 4px 0 0 0;
}
#menu .border ul {
	margin: 0 0 0 11px;
	padding: 0;
	list-style-type: none;
}
#menu .border ul li {
	background: url(images/bgn_menu_tab_left_off.gif) no-repeat;
	height: 23px;
	display: block;
	float: left;
	margin-right: -2px;
}
#menu .border ul li a {
	background: url(images/bgn_menu_tab_right_off.gif) no-repeat right top;
	padding: 0 15px 0 10px;
	display: block;
	height: 23px;
	_width: 10px;
}
#menu .border ul .selected {
	background: url(images/bgn_menu_tab_left_on.gif) no-repeat;
	height: 23px;
	display: block;
	float: left;
	margin-right: -1px;
}
#menu .border ul .selected a {
	background: url(images/bgn_menu_tab_right_on.gif) no-repeat right top;
	padding: 0 14px 0 10px;
	display: block;
	height: 23px;
	_width: 10px;
}

/* Section IV: Menu items definitions
-----------------------------------------------------------------------------------------------*/
#menu .border ul li .home, #menu .border ul li .home-selected {
	background: url(images/menu_home.gif) no-repeat left 8px;
	height: 21px;
	width: 20px;
	border: 0;
}
#menu .border ul li .home:hover {
	background: url(images/menu_home.gif) no-repeat left -15px;
}
#menu .border ul li .home-selected, #menu .border ul li .home-selected:hover {
	background: url(images/menu_home.gif) no-repeat -58px 8px !important;
}
#menu .border ul li .services, #menu .border ul li .services-selected {
	background: url(images/menu_services.gif) no-repeat left 8px;
	height: 21px;
	width: 58px;
	border: 0;
}
#menu .border ul li .services:hover {
	background: url(images/menu_services.gif) no-repeat left -15px;
}
#menu .border ul li .services-selected, #menu .border ul li .services-selected:hover {
	background: url(images/menu_services.gif) no-repeat -58px 8px !important;
}
#menu .border ul li .software, #menu .border ul li .software-selected {
	background: url(images/menu_software.gif) no-repeat left 8px;
	height: 21px;
	width: 41px;
	border: 0;
}
#menu .border ul li .software:hover {
	background: url(images/menu_software.gif) no-repeat left -15px;
}
#menu .border ul li .software-selected, #menu .border ul li .software-selected:hover {
	background: url(images/menu_software.gif) no-repeat -58px 8px !important;
}
#menu .border ul li .print, #menu .border ul li .print-selected {
	background: url(images/menu_print.gif) no-repeat left 8px;
	height: 21px;
	width: 50px;
	border: 0;
}
#menu .border ul li .print:hover {
	background: url(images/menu_print.gif) no-repeat left -15px;
}
#menu .border ul li .print-selected, #menu .border ul li .print-selected:hover {
	background: url(images/menu_print.gif) no-repeat -58px 8px !important;
}
#menu .border ul li .marketing, #menu .border ul li .marketing-selected {
	background: url(images/menu_marketing.gif) no-repeat left 8px;
	height: 21px;
	width: 60px;
	border: 0;
}
#menu .border ul li .marketing:hover {
	background: url(images/menu_marketing.gif) no-repeat left -15px;
}
#menu .border ul li .marketing-selected, #menu .border ul li .marketing-selected:hover {
	background: url(images/menu_marketing.gif) no-repeat -58px 8px !important;
}
#menu .border ul li .portfolio, #menu .border ul li .portfolio-selected {
	background: url(images/menu_portfolio.gif) no-repeat left 8px;
	height: 21px;
	width: 39px;
	border: 0;
}
#menu .border ul li .portfolio:hover {
	background: url(images/menu_portfolio.gif) no-repeat left -15px;
}
#menu .border ul li .portfolio-selected, #menu .border ul li .portfolio-selected:hover {
	background: url(images/menu_portfolio.gif) no-repeat -58px 8px !important;
}
#menu .border ul li .about, #menu .border ul li .about-selected {
	background: url(images/menu_about.gif) no-repeat left 8px;
	height: 21px;
	width: 28px;
	border: 0;
}
#menu .border ul li .about:hover {
	background: url(images/menu_about.gif) no-repeat left -15px;
}
#menu .border ul li .about-selected, #menu .border ul li .about-selected:hover {
	background: url(images/menu_about.gif) no-repeat -58px 8px !important;
}
#menu .border ul li .contact, #menu .border ul li .contact-selected {
	background: url(images/menu_contact.gif) no-repeat left 8px;
	height: 21px;
	width: 32px;
	border: 0;
}
#menu .border ul li .contact:hover {
	background: url(images/menu_contact.gif) no-repeat left -15px;
}
#menu .border ul li .contact-selected, #menu .border ul li .contact-selected:hover {
	background: url(images/menu_contact.gif) no-repeat -58px 8px !important;
}
#menu .border ul li a img {
	background-position: left 8px;
}
#menu .border ul li a:hover img {
	background-position: left -15px;
}

/* Section V: Content holder - elements on the end of the file
-----------------------------------------------------------------------------------------------*/
#content {
	background: #FFF;
	min-width: 740px;
	border-bottom: #E8E8E8 3px solid;
	margin: 0 0 10px 0;
}
#content .title-holder {
	background: #FFF url(images/bgn_topdownload.gif) repeat-x;
	border-bottom: #CCC 1px solid;
	height: 42px;
}
#content .title-holder .title {
	float: left;
	background: #FFF url(images/bgn_content_title.gif) repeat-x;
	height: 42px;
	width: 314px;
}
#content .title-holder .title .shadow {
	background: url(images/bgn_content_title_shadow.gif) no-repeat right top;
	height: 42px;
}
#content .title-holder .subtitle {
}
#content .title-holder .subtitle h3 {
	float: left;
	margin: 0 0 0 15px;
}
#content .title-holder .subtitle .links {
	background: url(images/bgn_topdownload_app_border.gif) repeat-y;
	height: 42px;
	width: 140px;
	_width: 155px;
	float: right;
	padding: 0 0 0 15px;
}
#content .title-holder .subtitle .links ul {
	margin: 6px 0 0 0;
	padding: 0;
	list-style-type: none;
}
#content .title-holder .subtitle .links ul li {
	margin: 0 0 9px 0;
	_margin: 0 0 4px 0;
	padding: 0;
}
#content .sleeve {
	margin: 0 15px 10px 15px;
}
#content .sleeve .project-title {
	display: block;
	margin: 10px 0 0 0;
	background: #F0F0F0;
	height: 30px;
}
#content .sleeve .project-title .details {
	background: url(images/bgn_project_title.gif) repeat-x;
	float: left;
	height: 30px;
	width: 300px;
}
#content .sleeve .project-title .details span {
	display: block;
	background: url(images/bgn_project_title_shadow.gif) no-repeat right top;
	height: 30px;
	margin: 0 0 0 5px;
}
#content .sleeve .project-title .details span img {
	margin: 7px 0 0 10px;
}
#content .sleeve .project-title .details span a img {
	border: 0;
	margin: 2px 0 0 0;
	_margin: 0;
	display: block;
}

#content .sleeve .project-title .back {
	display: block;
	float: right;
	margin: 7px 10px 0 10px;
	_margin-right: 5px;
}

/* Section VI: Footer div, containing elements
-----------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	background: #EFEFEF;
	min-width: 740px;
	height: 35px;
}
#footer .copy {
	background: url(images/bgn_footer_copy.gif);
	width: 318px;
	height: 35px;
	float: left;
}
#footer .copy .shadow {
	background: url(images/bgn_footer_copy_shadow.gif) no-repeat right top;
	height: 35px;
}

#footer .copy .shadow img {
	background: url(images/footer_copyright.gif) no-repeat right top;
	border: 0;
	width: 227px;
	height: 7px;
	margin: 14px 0 0 10px;
}
#footer .menu ul {
	margin: 11px 0 0 0;
	padding: 0 10px 0 0;
	list-style-type: none;
	float: right;
}
#footer .menu ul li {
	float: left;
	margin: 0 0 0 15px;
}
#footer .menu ul li .home {
	background: url(images/footer_menu_home.gif) no-repeat left 3px;
	height: 10px;
	width: 30px;
	display: block;
}
#footer .menu ul li .home:hover {
	background: url(images/footer_menu_home.gif) no-repeat -30px 3px;
}
#footer .menu ul li .contact {
	background: url(images/footer_menu_contact.gif) no-repeat left 3px;
	height: 10px;
	width: 42px;
	display: block;
}
#footer .menu ul li .contact:hover {
	background: url(images/footer_menu_contact.gif) no-repeat -42px 3px;
}
#footer .menu ul li .terms {
	background: url(images/footer_menu_terms.gif) no-repeat left top;
	height: 10px;
	width: 91px;
	display: block;
}
#footer .menu ul li .terms:hover {
	background: url(images/footer_menu_terms.gif) no-repeat -91px top;
}
#footer .menu ul li .privacy {
	background: url(images/footer_menu_privacy.gif) no-repeat left 3px;
	height: 10px;
	width: 104px;
	display: block;
}
#footer .menu ul li .privacy:hover {
	background: url(images/footer_menu_privacy.gif) no-repeat -104px 3px;
}

/* Section VII: All other elements are defined here
-----------------------------------------------------------------------------------------------*/

/* Section VII-1: Top downloads strip
-----------------------------------------------------------------------------------------------*/
#topdownload {
	background: #FFF url(images/bgn_topdownload.gif) repeat-x;
	border-bottom: #CCC 1px solid;
	height: 52px;
	min-height: 52px;
	margin: 0 0 5px 0;
}
#topdownload .advert {
	background: #FFF url(images/bgn_topdownload_advert.gif) repeat;
	width: 135x;
	display: block;
	float: left;
	height: 52px;
	min-width: 12px;
}
#topdownload .advert img {
	background: url(images/icon_topdownload.gif);
	width: 115px;
	height: 43px;
	margin: 5px 15px 0 10px;
}
#topdownload .app {
	background: url(images/bgn_topdownload_app_border.gif) repeat-y left top;
	width: 26%;
	min-width: 195px;
	_width: 26%;
	display: block;
	float: left;
	height: 52px;
}
#topdownload .app a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	display: block;
	float: left;
	margin: 8px 5px 5px 10px;
	_margin-left: 5px;
}
#topdownload .app a:hover {
	text-decoration: underline;
}
#topdownload .app .links {
	margin: 0 0 0 10px;
	clear: both;
	display: block;
}
#topdownload .app .links .more, #topdownload .app .links .trialdownload {
	float: left;
	margin: 0 10px 0 0;
	_margin: 0 7px 0 0;
} 

/* Section VII-2: Links - Friends and partners strip on bottom of home page
-----------------------------------------------------------------------------------------------*/
#links-strip {
	clear: both;
	background: #F3F3F3;
	border-bottom: #FFF 1px solid;
	height: 50px;
}
#links-strip .links {
	float: left;
	width: 50%;
	_width: 49.9%;
}
#links-strip .links h3 {
	margin: 0 0 0 15px;
	width: 50px;
	background: #FFF url(images/bgn_linkstrip_h2_left.gif) no-repeat bottom left;
	height: 23px;
	padding: 0 0 0 10px;
}
#links-strip .links h3 span {
	display: block;
	background: #FFF url(images/bgn_linkstrip_h2_right.gif) no-repeat top right;
	height: 23px;
	padding: 0 15px 0 0;
}
#links-strip .links h3 .friends {
	background: url(images/title_linkstrip_friends.gif) no-repeat;
	width: 41px;
	height: 7px;
	margin: 7px 0 0 0;
}
#links-strip .links h3 .partners {
	background: url(images/title_linkstrip_partners.gif) no-repeat;
	width: 35px;
	height: 7px;
	margin: 7px 0 0 0;
}
#links-strip .links .list {
	margin: 5px 15px 0 25px;
}
#links-strip .links .list a {
	background: url(images/bgn_linkstrip_line.gif) no-repeat right center;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}
#links-strip .links .list a:hover{
	color: #3383bf;
	text-decoration: underline;
}

/* Section VII-3: Home page content holder and it's elements
-----------------------------------------------------------------------------------------------*/
#resolve {
	clear: both;
}
.columns {

	margin: 0;
	padding: 10px 0 0 0;
	width: 33.29%;
	float: left;
}
#resolve .columns {
	padding: 0;
	margin: 0 0 10px 0;
	_margin: 0 0 5px 0;
	width: 33.29%;
	float: left;
}
#resolve .columns .sleeve {
	margin: 0 5px;
}
#resolve .columns .central {
}
#resolve .columns .sleeve .text {
	margin: -5px 10px 0 10px;
	_margin-top: -15px;
}
#resolve .columns .sleeve .text p {
	line-height: 180%;
}

/* Section VII-4.1: Central highlight box with a logo or a featured site
-----------------------------------------------------------------------------------------------*/
#resolve .columns .central .highlight {
	background: #F7CA74 url(images/bgn_central_highlight.gif) repeat-x;
	height: 168px;
	margin: 0 0 10px 0;
}
#resolve .columns .central .highlight .topleft {
	background: url(images/bgn_central_highlight_topleft.gif) no-repeat;
	float: left;
	padding: 0 0 0 10px;
}
#resolve .columns .central .highlight .topleft h3 {
	background: url(images/title_highlight_highlight.gif);
	width: 61px;
	height: 23px;
	margin: 0 0 5px 0;
}
#resolve .columns .central .highlight .topright {
	background: url(images/bgn_central_highlight_topright.gif) no-repeat right top;
	float: right;
	padding: 0 10px 0 0;
}
#resolve .columns .central .highlight .topright a {
	background: url(images/title_pogledajteportfolio.gif) no-repeat left 8px;
	width: 90px;
	height: 23px;
	display: block;
}
#resolve .columns .central .highlight .topright a:hover {
	background: url(images/title_pogledajteportfolio.gif) no-repeat -90px 8px;
}

#resolve .columns .central .highlight .bottomleft {
	background: url(images/bgn_central_highlight_bottomleft.gif) no-repeat left bottom;
	float: left;
	height: 10px;
	width: 5px;
}
#resolve .columns .central .highlight .bottomright {
	background: url(images/bgn_central_highlight_bottomright.gif) no-repeat right bottom;
	float: right;
	height: 10px;
	width: 5px;
}
#resolve .columns .central .highlight .featured {
	background: #FFF url(images/bgn_central_highlight_featured.gif) repeat-x;
	margin: 0 10px;
	height: 130px;
	clear: both;
}
#resolve .columns .central .highlight .featured .image {
	background: url(images/highlight/home_omnia.gif) no-repeat center 12px;
	height: 130px;
}
#resolve .columns .central .highlight .featured .links {
	margin: -20px 10px 0 0;
	_margin: -20px 5px 0 0;
	float: right;
}
#resolve .columns .central .highlight .featured .more {
	display: block;
}
/* Section VII-4.2: Central box with news
-----------------------------------------------------------------------------------------------*/
#resolve .columns .central .line-yellow {
	margin-top: -10px !important;
}
#resolve .columns .central .news {
	padding: 10px;
	border-left: #CFCFCF 1px solid;
	border-bottom: #CFCFCF 1px solid;
	margin: 0 0 1px 0;
	line-height: 130%;
}
#resolve .columns .central .news span {
	display: block;
	color: #999;
	margin: 0 0 2px 0;
}
#resolve .columns .central .news .link {
	display: block;
	text-align: right;
}

/* Section VII-4.3: Actuell box with links to separate sites or pages - right hand column
-----------------------------------------------------------------------------------------------*/
#resolve .columns .sleeve .image1 {
	clear: both;
	background: url(images/highlight/acutell_image1.jpg) no-repeat right top;
	height: 81px;
}
#resolve .columns .sleeve .image2 {
	clear: both;
	background: url(images/highlight/acutell_image2.jpg) no-repeat right top;
	height: 81px;
}
#resolve .columns .sleeve .actuell {
	cursor: pointer;
	margin: -81px 0 6px 0;
	height: 81px;
}
#resolve .columns .sleeve .actuell .topleft {
	background: url(images/bgn_actuell_topleft.gif);
	width: 73px;
	height: 23px;
	float: left;
}
#resolve .columns .sleeve .actuell .topright {
	background: url(images/bgn_actuell_topright.gif) no-repeat;
	width: 3px;
	height: 23px;
	float: right;
}
#resolve .columns .sleeve .actuell .bottomleft {
	clear: both;
	background: url(images/bgn_actuell_bottomleft.gif) no-repeat bottom left;
	width: 3px;
	height: 58px;
	_height: 58px;
	float: left;
}
#resolve .columns .sleeve .actuell .bottomright {
	clear: both;
	background: url(images/bgn_actuell_bottomright.gif) no-repeat bottom right;
	width: 3px;
	height: 3px;
	_height: 58px;
	margin-top: -3px;
	_margin-top: 0;
	float: right;
}

/* Section VIII: Titles on pages with subtitles
-----------------------------------------------------------------------------------------------*/
.tt-services {
	background: url(images/title_main_services.gif) no-repeat left 13px;
	margin: 0 0 0 15px;
	width: 98px;
	height: 30px;
}
.tt-software {
	background: url(images/title_main_software.gif) no-repeat left 12px;
	margin: 0 0 0 15px;
	width: 64px;
	height: 30px;
}
.tt-print {
	background: url(images/title_main_print.gif) no-repeat left 13px;
	margin: 0 0 0 15px;
	width: 85px;
	height: 30px;
}
.tt-marketing {
	background: url(images/title_main_marketing.gif) no-repeat left 13px;
	margin: 0 0 0 15px;
	width: 90px;
	height: 30px;
}
.tt-portfolio {
	background: url(images/title_main_portfolio.gif) no-repeat left 12px;
	margin: 0 0 0 15px;
	width: 58px;
	height: 30px;
}
.tt-about {
	background: url(images/title_main_about.gif) no-repeat left 16px;
	margin: 0 0 0 15px;
	width: 57px;
	height: 30px;
}
.tt-contact {
	background: url(images/title_main_contact.gif) no-repeat left 16px;
	margin: 0 0 0 15px;
	width: 54px;
	height: 30px;
}
.tt-terms {
	background: url(images/title_main_terms.gif) no-repeat left 13px;
	margin: 0 0 0 15px;
	width: 128px;
	height: 30px;
}
.tt-privacy {
	background: url(images/title_main_privacy.gif) no-repeat left 13px;
	margin: 0 0 0 15px;
	width: 153px;
	height: 30px;
}
.tt-ended {
	background: url(images/title_main_zavrseniprojekti.gif) no-repeat left 13px;
	width: 121px;
	height: 30px;
}
.tt-underconstruction {
	background: url(images/title_main_underconstruction.gif) no-repeat left 13px;
	width: 137px;
	height: 30px;
}
.ended {
	background: url(images/button_subtitle_zavrseniprojekti.gif) no-repeat;
	width: 93px;
	height: 10px;
	display: block;
}
.ended-selected {
	background: url(images/button_subtitle_zavrseniprojekti.gif) no-repeat left -10px;
	width: 93px;
	height: 10px;
	display: block;
}
.ended:hover, .ended-selected:hover {
	background: url(images/button_subtitle_zavrseniprojekti.gif) no-repeat -93px top;
}

/* Section IX: Portfolio section with elements
-----------------------------------------------------------------------------------------------*/
.columns .project , .columns .project-central {
	margin: 0 0 0 0;
	height: 120px;
	background: #F0F0F0;
}
.columns .project-central {
	margin: 0 12px 0 12px;
}
.columns .project .left, .columns .project-central .left {
	background: url(images/bgn_portfolio_project_left.gif);
	float: left;
	width: 4px;
	height: 120px;
}
.columns .project .right, .columns .project-central .right {
	background: url(images/bgn_portfolio_project_right.gif);
	float: right;
	width: 4px;
	height: 120px;
}
.columns .project .picture, .columns .project-central .picture {	
	width: 96%;
	float: left;
	margin: 5px 0;
	height: 110px;
}
.columns .project .picture div, .columns .project-central .picture div {
	cursor: pointer;
	display: block;
	height: 85px;
}
.columns .project .picture .info, .columns .project-central .picture .info {
	cursor: default;
	margin: 7px 0 0 0;
	_margin: 3px 0 0 0;
	display: block;
	float: left;
	height: 0;
}
.columns .project .picture .info img, .columns .project-central .picture .info img {
	margin: 0 0 0 10px;
}
.columns .project .picture .info a img, .columns .project-central .picture .info a img {
	border: 0;
	margin: 2px 0 0 0;
	_margin: 0;
	display: block;
}
.columns .project .picture .more-icon, .columns .project-central .picture .more-icon {
	display: block;
	float: right;
	margin: 7px 0 0 0;
}
.thumbnail-holder, .contact-holder {
	margin: 0 0 0 0;
	display: block;
}
.thumbnail-holder {
	height: 100px;
}
.thumbnail-holder .small, .contact-holder .small {
	width: auto;
}
.thumbnail-holder .small .thumbs {
	background: #F0F0F0;
	margin: 10px 435px 0 0;
	padding: 5px 5px 5px 0;
}
.thumbnail-holder .small .thumbs img {
	border: #CCC 1px solid;
	margin: 0 0 0 5px;
}
.thumbnail-holder .small .helper {
	background: url(images/bgn_portfolio_enlargethumbs.gif) no-repeat;
	height: 23px;
}
.thumbnail-holder .small .helper img {
	float: right;
	border: 0;
	margin: 8px 6px 0 0;
}
.thumbnail-holder .big, .contact-holder .big {
	float: right;
	width: 430px;
	text-align: right;
	margin: -10px 0 0 0;
	_margin: 0 !important;
}
.contact-holder .big {
	width: 410px;
	text-align: left;
	padding: 10px;
}
.contact-holder .big {
	border-left: #ccc 1px solid;
	margin: -5px;
}
.thumbnail-holder .big img {
	border: #CCC 1px solid;
	border-top: 0;
}
.contact-holder .small .title {
	border-bottom: #F1F1F1 3px solid;
	margin: 5px 435px 0 0;
	_margin: 10px 440px 0 0;
}
.contact-holder .small .option {
	border: #F1F1F1 1px solid;
	margin: 0 435px 0 0;
	_margin: 0 440px 0 0;
	border-top: 0;
	padding: 10px;
}
.contact-holder .small .option .details {
	margin: 3px -5px -5px auto;
}
.contact-holder .big form {
	margin: 10px auto 0 auto;
	width: 350px;
}
.contact-holder .big .group {
	clear: both;
}
.contact-holder .big .group label {
	cursor: pointer;
	float: left;
	width: 150px;
	display: block;
}
.contact-holder .big .group input, .contact-holder .big .group textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	float: left;
	margin: 0 0 2px 0;
	border: #CCC 1px solid;
	width: 190px;
}
.contact-holder .big .group .send {
	margin: 10px 0 0 150px;
}
/* Section X: Global elements that could be used everywhere
-----------------------------------------------------------------------------------------------*/
.more, .more:hover {
	background: url(images/button_more.gif) no-repeat;
	width: 80px;
	height: 16px;
	display: block;
}
.more:hover {
	background: url(images/button_more.gif) no-repeat -80px top;
}
.trialdownload, .trialdownload:hover {
	background: url(images/button_trialdownload.gif) no-repeat;
	width: 85px;
	height: 16px;
	display: block;
}
.trialdownload:hover {
	background: url(images/button_trialdownload.gif) no-repeat -85px top;
}
.more-icon, .more-icon:hover {
	background: url(images/button_more_icon.gif) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
}
.more-icon:hover {
	background: url(images/button_more_icon.gif) no-repeat -16px top;
}
.back, .back:hover {
	background: url(images/button_back.gif) no-repeat;
	width: 92px;
	height: 16px;
	display: block;
}
.back:hover {
	background: url(images/button_back.gif) no-repeat -92px top;
}
.contact, .contact:hover {
	background: url(images/button_contact.gif) no-repeat;
	width: 97px;
	height: 16px;
	display: block;
}
.contact:hover {
	background: url(images/button_contact.gif) no-repeat -97px top;
}
.details, .details:hover {
	background: url(images/button_details.gif) no-repeat;
	width: 65px;
	height: 16px;
	display: block;
}
.details:hover {
	background: url(images/button_details.gif) no-repeat -65px top;
}
.send, .send:hover {
	background: url(images/button_send.gif) no-repeat;
	width: 51px;
	height: 16px;
	display: block;
}
.send:hover {
	background: url(images/button_send.gif) no-repeat -51px top;
}
.textuallinks {
	border-top: #CCC 1px solid;
	padding: 10px 0 0 0;
}
.textuallinks a {
	font-weight: bold;
	text-decoration: none;
	color: #3c95ce;
	margin: 0 0 4px 0;
	display: block;
}
.textuallinks a:hover {
	text-decoration: underline;
	color: #2466a7;
}
.line-orange {
	clear: both;
	border-bottom: #2466a7 5px solid;
}
.title-orange {
	float: left;
	background: #2466a7 url(images/bgn_title_orange_left.gif) no-repeat;
	height: 23px;
}
.title-orange span {
	background:  url(images/bgn_title_orange_right.gif) no-repeat right top;
	height: 23px;
	display: block;
	float: left;
}
.title-orange span img {
	margin: 5px 15px 0 10px;
}
.line-yellow {
	clear: both;
	border-bottom: #3c95ce 5px solid;
	_height:5px;
}
.title-yellow {
	background: #3c95ce url(images/bgn_title_yellow_left.gif) no-repeat left top;
	height: 23px;
	float: left;
}
.title-yellow span {
	background: url(images/bgn_title_yellow_right.gif) no-repeat right top;
	height: 23px;
	display: block;
	float: left;
}
.title-yellow span img {
	margin: 5px 15px 0 10px;
}
a {
	color: #3c95ce;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #2466a7;
	text-decoration: underline;
}

.underconstruction {
	background: url(images/button_subtitle_underconstruction.gif) no-repeat;
	width: 99px;
	height: 8px;
	display: block;
}
.underconstruction-selected {
	background: url(images/button_subtitle_underconstruction.gif) no-repeat left -8px;
	width: 99px;
	height: 8px;
	display: block;
}
.underconstruction:hover, .underconstruction-selected:hover {
	background: url(images/button_subtitle_underconstruction.gif) no-repeat -99px top;
}
.intro .text {
	padding: 5px 0 0 0;
	line-height: 160%;
	margin: 0 425px 0 0;
	_margin: 0 10px 0 0;
	_float: left;
}
.intro .text-wide {
	margin: -6px 0 0 0;
	_margin: -15px 0 0 0;
	padding: 0;
	line-height: 160%;
}
.intro .text-wide-links {
	width: auto;
	margin: -6px 25% 0 0;
	_margin: -15px 0 0 0;
	padding: 0;
	line-height: 160%;
	padding: 0 10px 0 0;
}
.intro .links {
	border-left: #CCC 1px solid;
	display: block;
	float: right;
	width: 25%;
	padding: 6px 0 0 10px;
	margin: -5px 0 10px 0;
	_margin: 0;
}
.intro .links a {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
}
.intro .links span {
	display: block;
	clear: both;
}
.intro .picture {
	padding: 0 0 0 0;
	width: 420px;
	float: right;
	text-align: right;
}
.intro .picture img {
	margin: 10px 0 0 0;
}
.intro .picture table {
	margin: 5px 0 0 0;
	text-align: left;
	width: 85%;
	float: right;
}
.intro .picture table td {
	padding: 2px 0 2px 0;
	border-bottom: #E8E8E8 1px solid;
	vertical-align: top;
}
.intro .picture table .title {
	color: #3c95ce;
	white-space: nowrap;
	padding: 2px 20px 2px 0;
}
.intro .line {
	border-bottom: #CCC 1px solid;
	clear: both;
	height: 10px;
}
.paging {
	clear: both;
	padding: 0 5px 0 5px;
	margin: 10px 0 0 0;
	height: 30px;
	_height: 20px;
	border-bottom: #2466a7 3px solid;
}
.paging .previouspage {
	margin: 10px 0 0 0;
	_margin: 0;
	float: left;
}
.paging .nextpage {
	margin: 10px 0 0 0;
	_margin: 0;
	float: right;
}
.nextpage, .nextpage-none {
	background: url(images/button_nextpage.gif) no-repeat;
	width: 86px;
	height: 16px;
	display: block;
}
.nextpage-none {
	background: url(images/button_nextpage.gif) no-repeat left -16px;
}
.nextpage:hover {
	background: url(images/button_nextpage.gif) no-repeat -86px top;
}
.previouspage, .previouspage-none {
	background: url(images/button_previouspage.gif) no-repeat;
	width: 96px;
	height: 16px;
	display: block;
}
.previouspage-none {
	background: url(images/button_previouspage.gif) no-repeat left -16px;
}
.previouspage:hover {
	background: url(images/button_previouspage.gif) no-repeat -96px top;
}
.portfolio {
	clear: both;
}

/* Section XI: Project and portfolio thumbnails
-----------------------------------------------------------------------------------------------*/
.omnia {
	background: url(images/highlight/portfolio_thumb_omnia.jpg) no-repeat;
}
.base {
	background: url(images/highlight/portfolio_thumb_base.jpg) no-repeat;
}
.eltim {
	background: url(images/highlight/portfolio_thumb_eltim.jpg) no-repeat;
}
.artech {
	background: url(images/highlight/portfolio_thumb_artech.jpg) no-repeat;
}
.sun {
	background: url(images/highlight/portfolio_thumb_sun.jpg) no-repeat;
}
.pdvoffice {
	background: url(images/highlight/portfolio_thumb_pdvoffice.jpg) no-repeat;
}
.group input, .group select, .group textarea{
font-family: Arial;
font-size: 11px;
	padding:2px;
	margin: 0 0 2px 0;
	border: #CCC 1px solid;
	width: 190px;
}
.group .error{
	border: #FF0000 1px solid;
	}
	.send_form{
	padding-top:10px;
	}
	.send_form_desno{
	width:400px;
	float:left;
	padding-top:10px;
	}
	.levo{
	width:200px;
	float:left;
	padding-top:10px;
	}
.group input:focus,.group textarea:focus,.group select:focus{
border: #000 1px solid;
}
.group label {
	cursor: pointer;
	float: left;
	width: 100px;
	display: block;
}