@charset "ISO-8859-1";

body, html {
	margin: 0; 
	padding: 0;
	font-family: arial, times new roman;
	height: 100%;
}

body {
	font-size: 62.5%;
	color: #333333;
	background: #ffffff url(images/bg_body.gif) repeat-x left top;
}

img {
	border: none;
}

/***********************************************
*** COMMON
***********************************************/

.clearfloat {
	clear: both;
	height:0px;
    font-size: 1px;
    line-height: 0px;
}

#wrapper {
	min-height: 100%;
	position: relative;
}

#page {
	position: relative;
	width: 835px;
	margin: 0 auto;
	z-index: 100;
}

#header {
	position: relative;
	height: 36px;
	overflow: hidden;
}

	#header .breadCrumbs {
		float: left;
		font-size: 1.1em;
		color: #ffffff;
		padding: 8px 0 0 271px;
	}
	
		#header .breadCrumbs a {
			color: #ffffff;
		}
		
		#header .breadCrumbs img {
			padding: 0 5px;
		}
		
		#header .breadCrumbs span {
			font-weight: bold;
		}
	
	#header .language {
		float: right;
		color: #ffffff;
		padding-top: 10px;
	}
	
		#header .language a {
			color: #ffffff;
			font-size: 1.1em;
		}
		
		#header .language span {
			padding: 0 8px 0 10px;
		}

#leftBar {
	float: left;
	width: 258px;
}

	#leftBar .logo {
		padding: 33px 0 39px 24px;
		background: #ffffff;
	}
	
#navi {
	padding: 1px 42px 40px 12px;
}

	#navi .inner {
		background: transparent url(images/bg_navi_dots.gif) repeat-x left bottom;
		padding: 0 0 1px;
	}

	#navi a {
		display: block;
		font-size: 1.2em;
		color: #333333;
		text-decoration: none;
		width: 204px;
	}
	
	#navi a:hover {
		background: #e6462a;
		color: #ffffff;
	}
	
		#navi a span {
			display: block;
			padding: 6px 20px 5px 40px;
		}
		
	#navi a.hover {
		background: #e6462a;
		color: #ffffff;
	}
	
	#navi .active a {
		background: #e6462a;
		color: #ffffff;
	}
		
	#navi .first {
		padding: 1px 0 0;
		background: transparent url(images/bg_navi_dots.gif) repeat-x left top;
	}
	
	#navi .homePage .menu-first {
		background: transparent url(images/bg_navi_dots_active.gif) repeat-x left top;
	}
	
	#navi .homePage .first {
		background: transparent url(images/bg_navi_dots_active.gif) repeat-x left top;
		padding: 1px 0 0;
	}
	
		#navi .homePage .first a {
			background: #e14529 url(images/bg_navi_first_active.gif) repeat-x left bottom;
			color: #ffffff;
		}
	
		#navi .homePage .first a span { padding: padding: 6px 20px 5px 40px; }
	
	#navi .normal {
		padding: 1px 0 0;
		background: transparent url(images/bg_navi_dots.gif) repeat-x left top;
		position: relative;
	}
	
	#navi .active {
		padding: 1px 0 0;
		position: relative;
	}
	
		#navi .active a {
			background: #e14529 url(images/bg_navi_first_active.gif) repeat-x left bottom;
		}
		
			#navi .active a span {
				padding: 7px 20px 6px 40px;
			}
		
		#navi .active .subNavi {
			position: relative;
			display: block;
			width: 100%;
			background: #e6462a url(images/bg_subnavi.gif) repeat-x left bottom;
		}
		
			#navi .subNavi .padding { padding: 3px 25px 11px 37px; }
		
			#navi .active .subNavi p {
				display: none;
			}
			
			#navi .subNavi a {
				color: #ffffff;
				padding: 0;
				font-size: 1.3em;
				background: transparent url(images/bg_navi_popup_dots.gif) repeat-x left top;
				padding: 13px 0 12px;
				width: auto;
			}
			
			#navi .subNavi a.first {
				background-image: none;
			}
			
			
				#navi .subNavi a span {
					display: block;
					background: transparent url(images/bg_navi_bullet.gif) no-repeat 5px 7px;
					padding: 0 0 0 20px;
				}
				
				#navi .subNavi a.active span {
					background: transparent url(images/bg_navi_bullet_active.gif) no-repeat 5px 5px;
					font-weight: bold;
				}
	
	#navi .popUp {
		position: absolute;
		left: 204px;
		top: 1px;
		background: #e6462a;
		width: 182px;
		display: none;
		z-index: 100;
	}
	
		#navi .padding { padding: 18px 20px 6px; }
	
		#navi .popUp p {
			color: #ffffff;
			/*font-size: 1.1em;*/
			margin: 0 0 15px;
		}
		
		#navi .popUp a {
			color: #ffffff;
			padding: 0;
			font-size: 1.3em;
			background: transparent url(images/bg_navi_popup_dots.gif) repeat-x left top;
			padding: 10px 0 12px;
			width: auto;
		}
		
		#navi .popUp a:hover {
			background: transparent url(images/bg_navi_popup_dots.gif) repeat-x left top;
		}
		
			#navi .popUp a span {
				display: block;
				background: transparent url(images/bg_navi_bullet.gif) no-repeat 5px 7px;
				padding: 0 0 0 20px;
			}
		
		#navi .popUp p a {
			font-size: 1.1em;
			background: none;
			padding: 0;
		}
		
		#navi .popUp p a:hover {
			background: none;
		}
	
#mainBg1 {
	background: transparent url(images/bg_leftbar.gif) repeat-y left top;
}

#mainBg2 {
	background: transparent url(images/bg_leftbar_bottom.gif) no-repeat left bottom;
}

#main {
	/*position: relative;*/
	float: left;
	width: 576px;
	padding-bottom: 20px;
}

	#main .content {
		float: left;
		width: 570px;
		padding: 10px 0 0 0;
	}
	
		#main .content .padding { padding: 0 56px 0 17px; }
		
		#main .content p {
			margin: 0 0 12px;
		}

	#main .smallContent {
		float: left;
		width: 409px;
		padding: 10px 0 0 0;
	}
	
		#main .smallContent .padding { padding: 0 56px 0 17px; }
	
	#main p {
		color: #333333;
		font-size: 1.3em;
		margin: 0 0 15px;
	}
	
	#main h1 {
		/*position: absolute;
		top: 172px;
		left: 17px;*/
		color: #ffffff;
		font-size: 2.2em;
		margin: -65px 0 0 0;
		padding: 0 0 0 17px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	#main h2 {
		/*position: absolute;
		top: 199px;
		left: 17px;*/
		color: #ffffff;
		font-size: 1.6em;
		margin: 0 0 18px 0;
		padding: 0 0 0 17px;
		font-weight: bold;
		letter-spacing: 0.5px;
	}
	
	#main h3 {
		color: #333333;
		font-size: 1.3em;
		margin: 1px 0 26px;
		font-weight: bold;
	}
	
	#main a {
		color: #e6462a;
		text-decoration: none;
	}
	
	#main a:hover {
		text-decoration: underline;
	}
	
	#main .news {
		float: left;
		width: 165px;
		padding: 12px 0 0 0;
	}
	
		#main .news .padding { padding: 0 5px 0 0; }
	
		#main .news h2 {
			position: relative;
			top: 0;
			left: 0;
			color: #333333;
			font-size: 1.5em;
			font-weight: bold;
			margin: 0 0 7px;
			padding: 0;
			letter-spacing: 0;
		}
		
		#main .news h3 {
			font-size: 1.3em;
			font-weight: normal;
			margin: 0 0 0;
		}
		
		#main .news h4 {
			font-size: 1.1em;
			font-weight: normal;
			margin: 0 0 12px;
		}
		
		#main .news p {
			margin: 0 0 18px;
		}
		
#clients {
	width: 480px;
}

	#clients .client {
		float: left;
		width: 160px;
		padding: 15px 0;
		background: transparent none;
		margin-bottom: 8px;
	}
	
	#clients .clientActive {
		background: transparent url(images/bg_client_hover.gif) no-repeat left 1px;
	}
	
		#clients .client a {
			display: block;
			padding-left: 10px;
		}
		
		#clients .client .clientContent {
			display: none;
		}
		
#clientPopup {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 407px;
	display: none;
}

	#clientPopup .clientTop {
		background: transparent url(images/bg_client_popup_top.png) no-repeat left top;
		height: 10px;
		overflow: hidden;
	}
	
	#clientPopup .clientMid {
		background: transparent url(images/bg_client_popup.png) repeat-y left top;
		padding: 0 48px 20px;
	}
	
	#clientPopup .clientBottom {
		background: transparent url(images/bg_client_popup_bottom.png) no-repeat left top;
		height: 10px;
		overflow: hidden;
	}
	
	#clientPopup .clientMid img {
		padding: 18px 84px 0;
	}
	
	#clientPopup .clientMid p {
		margin: 0;
		padding: 13px 0 12px;
		font-size: 1.3em;
	}
	
	#clientPopup .closePopup {
		font-size: 1.2em;
		color: #dc4328;
		position: absolute;
		right: 25px;
		top: 12px;
	}
	
#footer {
	position: absolute;
	bottom: 0;
	height: 67px;
	background: transparent url(images/bg_footer.gif) repeat-x left top;
	width: 100%;
	z-index: 50;
}

	#footer a {
		color: #e24529;
	}

	#footer .inner {
		width: 835px;
		margin: 0 auto;
	}
	
	#footer .padding {
		padding: 0 0 0 275px;
	}
	
	#footer .left {
		width: 127px;
		float: left;
		color: #ffffff;
		font-size: 1.1em;
		padding-top: 12px;
	}
	
	#footer .right {
		width: 127px;
		float: left;
		color: #ffffff;
		font-size: 1.1em;
		padding-top: 12px;
	}
	
	#footer .search {
		float: right;
		color: #ffffff;
		padding-top: 13px;
	}
	
		#footer .search form {
			margin: 0;
			padding: 0;
		}
		
		#footer .search .searchBg {
			float: left;
			padding: 4px;
			background: transparent url(images/bg_searchBox.gif) no-repeat left top;
		}
		
		#footer .search .searchBox {
			width: 108px;
			height: 13px;
			margin: 0;
			padding: 0;
			background: #ffffff;
			border: none;
		}
		
		#footer .search .searchButton {
			float: left;
			padding: 1px 0 0 9px;
		}