/********************************************************
*														*
*   CSS file - http://www.incendo.hr/					*
*   Copyright (c) Mip Design Studio, 2009.				*
*														*
********************************************************/

/*---- Base ----*/

body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #29495e;
	font: normal 0.75em/145% Arial, Verdana, sans-serif;
}

html
{
	color: #444;
	text-decoration: none;
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 145%;
}

.clear
{
	clear: both;
	font-size: 0.1em;
	height: 1%;
}

.show
{
	display: block;
}

.hide
{
	display: none;
}

a
{
	outline: none;
	color: #344462;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}



/* Clearing method
------------------------------------------------------*/

.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; }

/* Layout
-----------------------------------------------------*/

#page-container
{
	background: #fff url("../../images/headers/home.jpg") no-repeat 50% 0%;
}

#page-container .inner
{
	background: url("../../images/bg_page_container.gif") repeat-x 0% 0%;
}

#page-container.about
{
	background: #fff url("../../images/headers/about.jpg") no-repeat 50% 0%;
}

#page-container.clients
{
	background: #fff url("../../images/headers/clients.jpg") no-repeat 50% 0%;
}

#page-container.products
{
	background: #fff url("../../images/headers/products.jpg") no-repeat 50% 0%;
}

#page-container.services
{
	background: #fff url("../../images/headers/services.jpg") no-repeat 50% 0%;
}

#page-wrapper
{
	width: 912px;
	margin: 0px auto;
	text-align: left;
}

#header
{
	height: 362px;
}

#highlight
{
	height: 139px;
}


/* Header
-----------------------------------------------------*/

#header h1
{
	background: url("../../images/logo.png") no-repeat 0% 0%;
	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://incendo.mip-design.com/images/logo.png', sizingMethod='crop');
	width: 231px;
	height: 57px;
	position: absolute;
	margin: 80px 0px 0px 32px;
	text-indent: -9999px;
}

#header ul
{
	margin: 0px;
	padding: 10px 0px 0px 32px;
	list-style: none;
	float: right;
}

#header ul li
{
	float: left;
	margin: 0px 30px 0px 0px;
}

#header ul li a
{
	font: bold 1.0em Arial, Verdana, sans-serif;
	color: #b7cedd;
	text-decoration: none;
}

#header ul li a:hover, #header ul li.active a
{
	color: #fff;
	text-decoration: none;
}




/* Highlight
-----------------------------------------------------*/

#highlight ul
{
	margin: 0px;
	padding: 40px 32px 0px 32px;
	list-style: none;
}

#highlight ul li
{
	float: left;
	font: italic bold 1.1em/150% Arial, Verdana, sans-serif;
	color: #e1e7eb;
}

#highlight ul li.logo
{
	width: 235px;
	background: url("../../images/logo_fmc.gif") no-repeat 0% 50%;
	height: 65px;
	text-indent: -9999px;
}

#highlight ul li.description
{
	width: 580px;
	
}



/* Content container
-----------------------------------------------------*/

#content-container
{
	background: url("../../images/bg_content_container_bottom.gif") no-repeat 0% 100%;
}

#content-container .inner
{
	background: url("../../images/bg_content_container_top.gif") no-repeat 0% 0%;
	padding: 10px 0px 0px 32px;
}

#content-container h1
{
	font: normal 2.2em Arial, Verdana, sans-serif;
	color: #344462;
	margin: 0px 0px 35px 0px;
}

#columns-container
{
	background: url("../../images/bg_columns_container.gif") no-repeat 100% 0%;
	padding: 0px 0px 20px 0px; 
}

#columns-container.no-bg
{
	background: none;
}

#columns-container .section
{
	color: #fff;
	background: #3c6c8b url("../../images/bg_content_section.gif") repeat-x 0% 0%;
	padding: 15px;
	border: 1px solid #000;
	margin-top: 20px;
}

#column-content
{
	float: left;
	width: 590px;
	padding: 0px 0px 20px 0px;
}

#column-wide
{
	width: 845px;
	padding: 0px 0px 20px 0px;
}

#column-packages
{
	float: left;
	width: 210px;
	margin: 0px 0px 0px 55px;
	xborder: 1px solid #000;
}

#column-services, #column-products
{
	float: left;
	width: 275px;
	margin: 0px 40px 0px 0px;
}

#column-products
{
	margin: 0px;
}

#clients-locations
{
    background: url("../../images/bg_clients.png") no-repeat 99% 0%;
    padding: 40px 0px 40px 0px;
    margin-top: -25px;
}


#clients-locations ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style: none;
}

#clients-locations ul li
{
    background: url("../../images/bullet_5.gif") no-repeat 0% 50%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
}


/* column-services
-----------------------------------------------------*/

#column-services ul
{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#column-services ul li
{
	font: bold 1.0em Arial, Verdana, sans-serif;
	color: #344462;
	margin: 0px 0px 10px 0px;
	padding: 3px 10px 4px 50px;
	background: url("../../images/bullet_services.gif") no-repeat 0% 50%;
}

#column-services ul li.single
{
	padding: 10px 10px 10px 50px;
}


#column-services img
{
	display: block;
	margin: 40px 0px 0px 65px;
}


/* column-products
-----------------------------------------------------*/

#column-products ul
{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#column-products ul li
{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 6px 37px;
	background: url("../../images/icons/small/fmc.jpg") no-repeat 0% 0%;
}

#column-products ul li a
{
	font: bold 1.1em Arial, Verdana, sans-serif;
	color: #344462;
}

#column-products ul li div a
{
	font: normal 1.0em Arial, Verdana, sans-serif;
	color: #344462;
}

#column-products .accordionHeader a, #column-products .accordionHeaderSelected a
{
    margin: 10px 0px 0px 0px;
	padding: 5px 0px 7px 40px;
	background: url("../../images/icons/small/fmc.jpg") no-repeat 0px 3px;
	font: bold 1.1em Arial, Verdana, sans-serif;
	color: #344462;
	display: block;
	z-index: 1;
}

#column-products .accordionHeader a.fmc_1, #column-products .accordionHeaderSelected a.fmc_1 { background: url("../../images/icons/small/fmc_1.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_2, #column-products .accordionHeaderSelected a.fmc_2 { background: url("../../images/icons/small/fmc_2.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_3, #column-products .accordionHeaderSelected a.fmc_3 { background: url("../../images/icons/small/fmc_3.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_4, #column-products .accordionHeaderSelected a.fmc_4 { background: url("../../images/icons/small/fmc_4.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_5, #column-products .accordionHeaderSelected a.fmc_5 { background: url("../../images/icons/small/fmc_5.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_6, #column-products .accordionHeaderSelected a.fmc_6 { background: url("../../images/icons/small/fmc_6.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_7, #column-products .accordionHeaderSelected a.fmc_7 { background: url("../../images/icons/small/fmc_7.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_8, #column-products .accordionHeaderSelected a.fmc_8 { background: url("../../images/icons/small/fmc_8.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_9, #column-products .accordionHeaderSelected a.fmc_9 { background: url("../../images/icons/small/fmc_9.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_10, #column-products .accordionHeaderSelected a.fmc_10 { background: url("../../images/icons/small/fmc_10.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_11, #column-products .accordionHeaderSelected a.fmc_11 { background: url("../../images/icons/small/fmc_11.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_12, #column-products .accordionHeaderSelected a.fmc_12 { background: url("../../images/icons/small/fmc_12.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_13, #column-products .accordionHeaderSelected a.fmc_13 { background: url("../../images/icons/small/fmc_13.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_14, #column-products .accordionHeaderSelected a.fmc_14 { background: url("../../images/icons/small/fmc_14.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_15, #column-products .accordionHeaderSelected a.fmc_15 { background: url("../../images/icons/small/fmc_15.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_16, #column-products .accordionHeaderSelected a.fmc_16 { background: url("../../images/icons/small/fmc_16.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_17, #column-products .accordionHeaderSelected a.fmc_17 { background: url("../../images/icons/small/fmc_17.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_18, #column-products .accordionHeaderSelected a.fmc_18 { background: url("../../images/icons/small/fmc_18.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_19, #column-products .accordionHeaderSelected a.fmc_19 { background: url("../../images/icons/small/fmc_19.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_20, #column-products .accordionHeaderSelected a.fmc_20 { background: url("../../images/icons/small/fmc_20.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_21, #column-products .accordionHeaderSelected a.fmc_21 { background: url("../../images/icons/small/fmc_21.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_22, #column-products .accordionHeaderSelected a.fmc_22 { background: url("../../images/icons/small/fmc_22.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_23, #column-products .accordionHeaderSelected a.fmc_23 { background: url("../../images/icons/small/fmc_23.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_24, #column-products .accordionHeaderSelected a.fmc_24 { background: url("../../images/icons/small/fmc_24.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_25, #column-products .accordionHeaderSelected a.fmc_25 { background: url("../../images/icons/small/fmc_25.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_26, #column-products .accordionHeaderSelected a.fmc_26 { background: url("../../images/icons/small/fmc_26.jpg") no-repeat 0px 3px; }
#column-products .accordionHeader a.fmc_27, #column-products .accordionHeaderSelected a.fmc_27 { background: url("../../images/icons/small/fmc_27.jpg") no-repeat 0px 3px; }


#column-products .accordionContent
{
    padding: 0px 0px 0px 39px;
    margin: 0px 0px 0px 0px;
    z-index: 999;
}

#column-products .accordionContent a
{
    xdisplay: block;
    padding: 0px 0px 0px 11px;
    margin: 0px 0px 0px 5px;
    background: url("../../images/bullet_4.gif") no-repeat 0px 6px;
}



/* column-packages
-----------------------------------------------------*/
#column-packages .package-item
{
	background: url("../../images/bg_package_item.gif") no-repeat 0% 100%;
	padding: 15px 15px 15px 5px;
	margin: 0px 0px 10px 0px;
	display: block;
	text-decoration: none;
}

#column-packages .package-item:hover
{
	background: url("../../images/bg_package_item_hover.gif") no-repeat 0% 100%;
}

#column-packages .package-item .inner
{
	padding: 115px 0px 0px 10px;
	height: 1%;
	cursor: hand;	
}

#column-packages .package-item .pension
{
	background: url("../../images/box_pension.png") no-repeat 3px 0px;

	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://incendo.mip-design.com/images/box_pension.png', sizingMethod='crop');
}

#column-packages .package-item .invest
{
	background: url("../../images/box_invest.png") no-repeat 3px 0px;
	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://incendo.mip-design.com/images/box_invest.png', sizingMethod='crop');
}

#column-packages .package-item .custody
{
	background: url("../../images/box_custody.png") no-repeat 3px 0px;
	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://incendo.mip-design.com/images/box_custody.png', sizingMethod='crop');
}

#column-packages h2
{
	font: bold 1.8em Tahoma, Arial, sans-serif;
	color: #989898;
	margin: 0px 0px 0px 0px;
}

#column-packages h2.subtitle
{
	font: bold 1.4em Arial, Tahoma, sans-serif;
	color: #344462;
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
}

#column-packages h2 span
{
	color: #344462;
}

#column-packages p
{
	font: normal 0.9em Arial, Verdana, sans-serif;
	color: #868685;
	margin: 0px;
}

#column-packages ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#column-packages ul li
{
	margin: 0px;
	height: 1%;
}

#column-packages ul li a
{
    display: block;
	text-decoration: none;
	padding: 3px 0px 3px 24px;
	background: url("../../images/bullet_2.gif") no-repeat 2% 50%;
}

#column-packages ul li.active a, #column-packages ul li.active a:hover
{
	background: #dadfe3 url("../../images/bullet_3.gif") no-repeat 2% 50%;
}

#column-packages ul li a:hover
{
	background: #e7ebee url("../../images/bullet_2.gif") no-repeat 2% 50%;
}

#column-packages ul.package-list
{
	margin-left: -3px;
}

#column-packages ul.package-list li
{
	padding: 0;
	margin: 0 0 6px 0;
	background: none;
}

#column-packages ul.package-list li a
{
	display: block;
	margin: 0;
	padding: 0;
	width: 223px;
	height: 110px;
	text-indent: -9999px;
	background: url("../../images/box_packages_7.png") no-repeat 0% 0%;
}

#column-packages ul.package-list li.risk a { background-position: 0px -110px; }
#column-packages ul.package-list li.treasury a { background-position: 0px -220px; }
#column-packages ul.package-list li.loans a { background-position: 0px -330px; }
#column-packages ul.package-list li.custody a { background-position: 0px -440px; }
#column-packages ul.package-list li.invest a { background-position: 0px -550px; }
#column-packages ul.package-list li.pension a { background-position: 0px -660px; }

#column-packages ul.package-list li.asset a:hover { background-position: -223px 0px; }
#column-packages ul.package-list li.risk a:hover { background-position: -223px -110px; }
#column-packages ul.package-list li.treasury a:hover { background-position: -223px -220px; }
#column-packages ul.package-list li.loans a:hover { background-position: -223px -330px; }
#column-packages ul.package-list li.custody a:hover { background-position: -223px -440px; }
#column-packages ul.package-list li.invest a:hover { background-position: -223px -550px; }
#column-packages ul.package-list li.pension a:hover { background-position: -223px -660px; }

#column-packages a.nav
{
    display: block;
	width: 65px;
	height: 67px;
	text-indent: -9999px;
	float: left;
	margin: 0px 5px 5px 0px;
}

#column-packages a.pension
{
    background: url("../../images/nav_pension.gif") no-repeat 0% 0%;
}

#column-packages a.pension:hover, #column-packages a.pension_active
{
    background: url("../../images/nav_pension_over.gif") no-repeat 0% 0%;
}

#column-packages a.invest
{
    background: url("../../images/nav_invest.gif") no-repeat 0% 0%;
}

#column-packages a.invest:hover, #column-packages a.invest_active
{
    background: url("../../images/nav_invest_over.gif") no-repeat 0% 0%;
}

#column-packages a.custody
{
    background: url("../../images/nav_custody.gif") no-repeat 0% 0%;
}

#column-packages a.custody:hover, #column-packages a.custody_active
{
    background: url("../../images/nav_custody_over.gif") no-repeat 0% 0%;
}


/* column-content
-----------------------------------------------------*/

#column-content h1
{    
    margin-bottom: 40px;
}

#column-content h2
{    
    font: normal 1.8em Arial, Verdana, sans-serif;
	color: #344462;
	margin: 0px 0px 15px 0px;
	padding-top: 5px;
}

#column-content h3
{    
    font: bold 1.1em Arial, Verdana, sans-serif;
	color: #344462;
	margin: 25px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
}

#column-content h2 span
{    
    font: normal 0.6em Arial, Verdana, sans-serif;
	color: #898989;
	display: block;
}

#column-content p
{
    line-height: 165%;
    margin: 0px 0px 15px 0px;
}

#column-content ul.services
{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	background-color: #e5f1f4;
	padding: 15px 15px 10px 20px;
}

#column-content ul.services li
{
	font: bold 1.0em Arial, Verdana, sans-serif;
	color: #344462;
	margin: 0px 0px 10px 0px;
	padding: 7px 10px 4px 40px;
	background: url("../../images/bullet_services_small.gif") no-repeat 0% 50%;
}


#product-detail
{
    padding-left: 180px;
    background: url("../../images/icons/fmc_blank.jpg") no-repeat 0% 0%;
}

#product-detail.fmc1    { background: url("../../images/icons/fmc_1.jpg") no-repeat 0% 0%; }
#product-detail.fmc2    { background: url("../../images/icons/fmc_2.jpg") no-repeat 0% 0%; }
#product-detail.fmc3    { background: url("../../images/icons/fmc_3.jpg") no-repeat 0% 0%; }
#product-detail.fmc4    { background: url("../../images/icons/fmc_4.jpg") no-repeat 0% 0%; }
#product-detail.fmc5    { background: url("../../images/icons/fmc_5.jpg") no-repeat 0% 0%; }
#product-detail.fmc6    { background: url("../../images/icons/fmc_6.jpg") no-repeat 0% 0%; }
#product-detail.fmc7    { background: url("../../images/icons/fmc_7.jpg") no-repeat 0% 0%; }
#product-detail.fmc8    { background: url("../../images/icons/fmc_8.jpg") no-repeat 0% 0%; }
#product-detail.fmc9    { background: url("../../images/icons/fmc_9.jpg") no-repeat 0% 0%; }
#product-detail.fmc10    { background: url("../../images/icons/fmc_10.jpg") no-repeat 0% 0%; }
#product-detail.fmc11    { background: url("../../images/icons/fmc_11.jpg") no-repeat 0% 0%; }
#product-detail.fmc12    { background: url("../../images/icons/fmc_12.jpg") no-repeat 0% 0%; }
#product-detail.fmc13    { background: url("../../images/icons/fmc_13.jpg") no-repeat 0% 0%; }
#product-detail.fmc14    { background: url("../../images/icons/fmc_14.jpg") no-repeat 0% 0%; }
#product-detail.fmc15    { background: url("../../images/icons/fmc_15.jpg") no-repeat 0% 0%; }
#product-detail.fmc16    { background: url("../../images/icons/fmc_16.jpg") no-repeat 0% 0%; }
#product-detail.fmc17    { background: url("../../images/icons/fmc_17.jpg") no-repeat 0% 0%; }
#product-detail.fmc18    { background: url("../../images/icons/fmc_18.jpg") no-repeat 0% 0%; }
#product-detail.fmc19    { background: url("../../images/icons/fmc_19.jpg") no-repeat 0% 0%; }
#product-detail.fmc20    { background: url("../../images/icons/fmc_20.jpg") no-repeat 0% 0%; }
#product-detail.fmc21    { background: url("../../images/icons/fmc_21.jpg") no-repeat 0% 0%; }
#product-detail.fmc22    { background: url("../../images/icons/fmc_22.jpg") no-repeat 0% 0%; }
#product-detail.fmc23    { background: url("../../images/icons/fmc_23.jpg") no-repeat 0% 0%; }
#product-detail.fmc24    { background: url("../../images/icons/fmc_24.jpg") no-repeat 0% 0%; }
#product-detail.fmc25    { background: url("../../images/icons/fmc_25.jpg") no-repeat 0% 0%; }
#product-detail.fmc26    { background: url("../../images/icons/fmc_26.jpg") no-repeat 0% 0%; }
#product-detail.fmc27    { background: url("../../images/icons/fmc_27.jpg") no-repeat 0% 0%; }

#product-detail.fmc-pension    { background: url("../../images/box_pension.gif") no-repeat 0% 0%; }
#product-detail.fmc-invest    { background: url("../../images/box_invest.gif") no-repeat 0% 0%; }
#product-detail.fmc-custody    { background: url("../../images/box_custody.gif") no-repeat 0% 0%; }
#product-detail.fmc-assetmanagement    { background: url("../../images/box_assetmanagement.png") no-repeat 0% 0%; }
#product-detail.fmc-riskmanagement    { background: url("../../images/box_riskmanagement.png") no-repeat 0% 0%; }
#product-detail.fmc-treasury    { background: url("../../images/box_treasury.png") no-repeat 0% 0%; }
#product-detail.fmc-loans    { background: url("../../images/box_loans.png") no-repeat 0% 0%; }

#product-detail ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#product-detail ul li
{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 1px 25px;
    background: url("../../images/bullet_1.gif") no-repeat 0% 0%;
    color: #898989;
}

#product-detail ul.package li
{
    color: #666;
}

#product-detail ul li a
{
    font-weight: bold;
}


/* Footer
-----------------------------------------------------*/

#footer
{
	background: url("../../images/bg_footer.gif") repeat-x 0% 0%;
	height: 140px;
}

#footer-container
{
	background: url("../../images/bg_footer_container.gif") no-repeat 0% 0%;
	width: 912px;
	height: 50px;
	margin: 0px auto;
	text-align: left;
}

#footer-container ul
{
	padding: 16px 32px 0px 32px;
	margin: 0px;
	list-style: none;
}

#footer-container ul li
{
	float: left;
	font: bold 1.0em Arial, Verdana, sans-serif;
	color: #344462;
}

#footer-container ul li.mipdesign
{
	float: right;
	color: #939dad;
	font-weight: normal;
}

#footer-container ul li a
{
	font: bold 1.0em Arial, Verdana, sans-serif;
	color: #000;
}

#footer-container ul li.mipdesign a
{
    font-weight: normal;
	color: #939dad;
}

