@charset "utf-8";

/* import global style definitions */

@import url("/_include/styles/_global.css");

@media screen {
	
	body {
		behavior: url(/_include/styles/csshover.htc);
	}
	#main-content.index {
		padding-left:0px;
	}
	#index-content {
		margin: 0px;
		padding: 0px 15px 0px 0px;
		float: left;
	}
		
		#index-content div {
			width: 371px;
			margin: 0px;
			padding: 0px;
		}
		
		#index-content h1 {
			margin: 0px 0px 15px 0px;
			padding: 10px 0px 0px 0px;
			color: #333333;
			font-size: 22px;
			line-height: 28px;
			overflow: hidden;
			display: block;
			text-align:left;
		}
		
		#index-content p {
			color: #333333;
			font-size: 12px;
			line-height: 18px;
			text-align: justify;
		}
		
		#index-content p strong {
			color: #333333;
			font-size: 12px;
			line-height: 18px;
		}
		
	#slide-frame {
		height:252px;
		margin: 0px;
		padding: 0px;
		background: url(/_design/index/bg-slide.png) no-repeat scroll bottom left;
		padding:0px 15px 0px 15px;
		float: left;
	}
		
		#slide {
			width: 576px;
			height: 237px;
			margin: 0px;
			padding: 0;
			overflow: hidden;
		}
		
		#slide-controllers {
			position:absolute;
			z-index:50;
			top:337px;
			left:890px;
			width:76px;
			height:30px;
			padding:8px 0px 0px 9px;
			background: url(/_design/index/rotating-images-jquery/bg-slide-controllers.png) no-repeat left top;
		}
		
		#slide-controllers a#prev {
			display:block;
			width:28px;
			height:17px;
			background: url(/_design/index/rotating-images-jquery/prev-button.png) no-repeat left top;
			float:left;
			margin-right:2px;
			text-decoration:none;
		}
		
		#slide-controllers a#prev:hover {
			background: url(/_design/index/rotating-images-jquery/prev-button-hover.png) no-repeat left top;
		}
		
		#slide-controllers a#next {
			display:block;
			width:29px;
			height:17px;
			background: url(/_design/index/rotating-images-jquery/next-button.png) no-repeat left top;
			float:left;
			text-decoration:none;
		}
		
		#slide-controllers a#next:hover {
			background: url(/_design/index/rotating-images-jquery/next-button-hover.png) no-repeat left top;
		}
		
		#slide img {
			width: 576px;
			height: 237px;
		}
		
	#search-frame {
		width:236px;
		height:276px;
		float:left;
		padding:0px 0px 0px 0px;
		background: url(/_design/index/prosearch.png) no-repeat bottom;
	}
	
	#search-frame .addthis_toolbox {
		width: 194px;
		padding-left:24px;
		float:left;
		text-align:left;
		font-size:11px;
		line-height:17px;
		position:relative;
	}
	
		#search {
			width: 194px;
			height: 228px;
			margin: 0px;
			padding: 0px;
			text-align:left;
			padding-left:24px;
			float:left;
		}
		
		#search form {
			margin: 0px;
			padding: 56px 0px 0px 0px;
			
		}
		
		#search select {
			width: 194px;
			height: 22px;
			margin: 0px;
			padding: 0px;
			border: 0px;
			clear: both;
		}
				
		#search option {
			margin: 0px;
			padding: 0px;
			border: 0px;
			clear: both;
		}
		
		#search input {
		}
		
		#search a#pro-search-submit {
			width: 68px;
			height: 24px;
			margin: 0px;
			padding: 0px;
			background: url(/_design/index/btn-pro-search.gif) no-repeat scroll left 0px;
			text-indent: -999px;
			cursor: pointer;
			clear: left;
			display: block;
		}
		
		#search a#pro-search-submit.hidden {
			display: none;
		}
		
		#search a#pro-search-submit.show {
			display: block;
		}
		
		#search a#pro-search-submit:hover {
			background-position: left -24px;
		}

		#search form select.replaced {
			display: none;
		}
		
		#search form div {
			width: 194px;
			height: 32px;
			margin:0px;
			background: url(/_design/index/bg-select-dropdown.gif) no-repeat scroll left top;
			clear: both;
			position: relative;
		}
		
		#search form div.jobs {
			z-index: 99;
		}
		
		#search form div.countries {
			z-index: 98;
		}
		
		#search ul.select {
			width: 194px;
			margin: 0px;
			padding: 0px;
			color: #666666;			
		}
		
		#search ul.select li {
			width: 188px;
			height:22px;
			line-height:22px;
			margin: 0px;
			color: #666666;
			font-size: 11px;
			font-weight: bold;
			list-style: none;
			cursor: pointer;
			display: none;
			padding-left:4px;
			
		}
		
		#search ul.select-open {
			width: 168px;
			top: 0px;
			border: 1px solid #cccccc;
			border-top:none;
			background-color: #fff;
			position: absolute;
		}
		
		#search ul.select-open li {
			width: 164px;
			margin: 0px;
			color: #666;
			display: block;
		}
		
		#search ul.select-open li span{
			width: 164px;
			margin: 0px;
			display: block;
		}
		
		#search ul.select-open li.selected {
			width: 164px;
			color: #fff;
			background-color: #666;
		}
		
		#search ul.select li.selected {
			color: #666;
			display: block;
		}
		
		#search ul.select-open li.selected {
			width: 164px;
			color: #fff;
			display: block;
		}
		
		#search ul.select-open li:hover,
		#search ul.select-open li.hover,
		#search ul.select-open li.selected:hover {
			width: 164px;
			color: #fff;
			background-color: #999;
		}
	
	#map-frame {
		width:741px;
		height:276px;
		float:left;
		padding-left:14px;
		margin-bottom:30px;
	}
		
		#map {
			width:741px;
			height:276px;
			margin: 0px;
			padding: 0px;
			position: relative;
			background: url(/_design/index/promap.gif) no-repeat scroll left top;
			overflow: hidden;
		}

		#map a.countries {
			width: 741px;
			height: 276px;
			display: block;
		}

		#map ul {
			margin: 36px 0px 0px 0px;
			padding: 0px 0px 2px 8px;
			top: 0px;
			left: 0px;
			position: absolute;
			list-style-type: none;
			z-index: 100;
		}

		#map ul li {
			margin: 0px;
			padding: 3px 0px;
			list-style-type: none;
			cursor: pointer;
		}

		#map ul li a {
			width: 200px;
			height: 47px;
			display: block;
		}

			#map ul li.pink-link a {
				width: 110px;
			}

			#map ul li.blue-link a {
				width: 100px;
			}

			#map ul li.yellow-link a {
				width: 188px;
			}

			#map ul li.green-link a {
				width: 205px;
				height: 54px;
			}

		#map ul li a strong {
			display: none;
		}

		#map ul li ul {
			width: 100px;
			margin: 0px;
			margin: 0px;
			padding: 0px;
			position: absolute;
			background-color: #cfdcd9;
			z-index: 255;
			display: none;
			float: left;
		}

		#map ul li:hover ul {
			width: auto;
			margin: 0px;
			padding: 6px 0px 6px 12px;
			background-color: #929497;
			border-bottom:solid 2px #777;
			border-right:solid 2px #777;
			display: block;
		}

			#map ul li.pink-link ul {
				left: 120px;
				top: -35px;
				border-left: 4px solid #df2572;
			}

			#map ul li.blue-link ul {
				left: 90px;
				top: -10px;
				border-left: 4px solid #00a9a7;
			}

			#map ul li.yellow-link ul {
				left: 198px;
				top: 106px;
				border-left: 4px solid #f9c527;
			}

			#map ul li.green-link ul {
				left: 213px;
				top: 103px;
				border-left: 4px solid #7bbd49;
			}
		
		#map ul li ul li {
			width: 88px;
			height: 14px;
			margin: 0px;
			padding: 3px 0px 3px 0px;
			background-image: none;
			line-height: 12px;
			text-align: left;
			display: block;
			float: none;
		}

		#map ul li ul li a {
			width: auto;
			height: auto;
			margin: 0px;
			padding: 0px;
			color: #fff;
			text-decoration: none;
		}
			
		#map ul li.pink-link ul li a,
		#map ul li.blue-link ul li a ,
		#map ul li.yellow-link ul li a,
		#map ul li.green-link ul li a {
			width: 90px;
			height: 14px;
		}

		#map ul li ul li a:hover {
			text-decoration: underline;
		}
	
		
	#case-studies-frame {
		margin: 0px;
		padding: 0px 14px 0px 18px;
		clear: both;
		float: none;
	}
			
		#case-studies-frame ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
			
		#case-studies-frame ul li {
			margin: 0px;
			padding: 12px 10px;
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: center top;
			background-image: url(/_design/index/bg-case-study.png) !important;
			background-image: url(/_design/index/bg-case-study.gif);
			float: left;
			display: inline;
		}
		
		#case-studies-frame ul li a {
			width: 219px;
			height: 168px;
			margin: 0px;
			padding: 0px;
			text-align: left;
			text-decoration: none;
			overflow: hidden;
			display: block;
		}
		
		#case-studies-frame ul li a strong {
			width: 130px;
			height: 24px;
			margin: 9px 12px;
			padding: 0px;
			background: url(/_design/index/bg-title-case-study.gif) no-repeat scroll left center;
			display: block;
		}
			
			#case-studies-frame ul li a strong em {
				display: none;
			}
			
			#case-studies-frame ul li a strong span {
				margin: 0px;
				padding: 5px 4px 5px 108px;
				color: #f9c42b;
				font-size: 14px;
				font-weight: bold;
				display: block;
			}
		
		#case-studies-frame ul li a span {
			margin: 12px 16px;
			padding: 0px;
			color: #333333;
			font-size: 10px;
			font-weight: bold;
			display: block;
		}
		
		#case-studies-frame ul li a img {
			width: 193px;
			height: 94px;
			margin: 0px 12px;
			padding: 0px;
			border: 1px solid #dedede;
		}
			
			#case-studies-frame ul li a:hover img {
				border: 1px solid #3c3c3c;
			}
			
	#footer-additional-information {
		width: 1000px;
		margin: 0px auto;
		padding: 0px;
		background: #e3e4e5 url(/_design/_global/bg-footer-additional-information.gif) no-repeat scroll left top;
		text-align: left;
		font-size:11px;
	}
		#footer-additional-information .framesheet {
			padding: 15px 20px;
		}
		
		#footer-additional-information span {
			color: #023825;
		}
		
		#footer-additional-information a {
			color: #00573d;
		}
		#footer-additional-information a:hover {
			color: #487b68;
		}
		
		#footer-additional-information p {
			margin: 0px;
			padding: 0px 0px 15px 0px;
			font-size:11px;
		}
		
		#footer-additional-information h3 {
			font-size:14px;
		}
		
		#footer-additional-information h2,
		#footer-additional-information h4,
		#footer-additional-information h5,
		#footer-additional-information h6 {
			margin: 0px;
			padding: 0px;
			color: #58595a;
			text-align: left;
			font-size: 11px;
			font-weight: bold;
		}
		
		#footer-additional-information  ul.li-wide {
			margin: 0px 0px 0px 20px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			clear: both;
			float: none;
		}

		#footer-additional-information  ul.li-wide li {
			width: 180px;
			height: 15px;
			float: left;
		}
		
		br.clear {
			clear: both;
			float: none;
		}
		
	/* jcarousel */
	
	#carousel {
		width:100%;
		float:left;
		padding-bottom:10px;
		
	}
	
	#carousel li {
		display:inline;
		list-style-type:none;
		width: 225px;
		height: 199px;
		padding-top:8px;
		background:url(/_design/index/bg-carousel.png) no-repeat top;
	}
	
	#carousel ul {
		width:  900px;
		height: 199px;
		overflow:hidden;
	}
	
	#carousel li a {
		text-decoration:none;
	}
	
	#carousel li a img {
		border:none;
	}
	
	#carousel a {
		text-decroation:none;
	}
	#mycarousel {
		display:none;
	}
	.jcarousel-skin-tango .jcarousel-container {
	}
	
	.jcarousel-skin-tango .jcarousel-direction-rtl {
		direction: rtl;
	}
	
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 903px;
		padding: 10px 45px 10px 43px;
	}
	
	.jcarousel-skin-tango .jcarousel-clip-horizontal {
		width:  900px;
		height: 199px;
		overflow:hidden;
	}
	
	.jcarousel-skin-tango .jcarousel-item {
		width: 225px;
		height: 199px;
		padding-top:8px;
		background:url(/_design/index/bg-carousel.png) no-repeat top;
	}
	
	.jcarousel-skin-tango .jcarousel-item img {
		border:0;
	}
	
	.jcarousel-skin-tango .jcarousel-item-horizontal {
		margin-left: 0;
		margin-right: 0px;
	}
	
	.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
		margin-left: 0px;
		margin-right: 0;
	}
	
	.jcarousel-skin-tango .jcarousel-item-placeholder {
		background: #fff;
		color: #000;
	}
	
	/**
	 *  Horizontal Buttons
	 */
	.jcarousel-skin-tango .jcarousel-next-horizontal {
		position: absolute;
		top: 63px;
		right: 5px;
		width: 41px;
		height: 77px;
		cursor: pointer;
		background: transparent url(/_design/index/btn-right-carousel.png) no-repeat 0 0;
	}
	
	.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
		left: 5px;
		right: auto;
		background-image:url(/_design/index/btn-left-carousel.png);
	}
	
	.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
		background-position: -84px 0;
	}
	
	.jcarousel-skin-tango .jcarousel-next-horizontal:active {
		background-position: -84px 0;
	}
	
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
		cursor: default;
		background-position: 0px 0;
	}
	
	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		position: absolute;
		top: 63px;
		left: 0px;
		width: 41px;
		height: 77px;
		cursor: pointer;
		background: transparent url(/_design/index/btn-left-carousel.png) no-repeat 0 0;
	}
	
	.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
		left: auto;
		right: 5px;
		background-image: url(/_design/index/btn-right-carousel.png);
	}
	
	.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
		background-position: -41px 0;
	}
	
	.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
		background-position: -41px 0;
	}
	
	.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		background-position: 0px 0;
	}
}

@media print {

	
}