
/* import global style definitions */

@import url("_global.css");

@media screen {

	/* altering to inherited global style definitions */
	
	#intro {
		width: 960px;
		margin: 0px;
		padding: 0px;
		float: none;
	}
		.top-bookmarks-index {
			font-size:10px;
			line-height:16px;
			width:165px;
			padding:0px 0px 15px 0px;
		}
		.top-bookmarks-index .addthis_button_google_plusone {
			width:24px;
			float:left;
			margin-right:2px;
			overflow:hidden;
			margin-top:1px;
		}
		.top-bookmarks-index .addthis_separator {
			border-right:solid 1px #00583D;
			float:left;
			display:block;
			width:1px;
			height:16px;
		}
		#intro-text-frame {
			margin: 0px;
			padding: 15px 2px 6px 14px;
			float: left;
		}

		#intro-text {
			width: 224px;
			margin: 0px;
			padding: 0px;
			color: #666666;
			font-size: 11px;
			line-height: 14px;
			overflow: hidden;
			float: left;
		}

		#intro-text h1,
		#intro-text h2.h1-style {
			font-size: 12px;
			line-height: 15px;
			margin-top: 0px;
			color: #00573D;
		}

		#intro-text p {
			text-align: justify;
			margin-bottom: 0px;
			margin-top: 15px;
		}

		#intro-text a {
			color: #568476;
		}

	#main-right-column {
		width: 720px;
		margin: 0px;
		padding: 0px;
		float: right;
	}

	#special-links-frame {
		margin: 0px;
		padding: 0px 10px 0px 10px;
		float: left;
	}

		#special-links {
			width: 700px;
			margin: 0px;
			padding: 3px 0px 0px 0px;
			background: url(/_design/_global/colors.jpg) no-repeat scroll 470px top;
			float: none;
		}

			#special-links ul {
				width: 700px;
				height: 28px;
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				float: none;
			}

			#special-links ul li {
				display: inline;
				margin: 0px;
				float: left;
			}

			#special-links ul li.separate {
				width: 10px;
				margin: 0px;
				padding: 0px;
			}

			#special-links ul li a {
				width: 80px;
				height: 28px;
				margin: 0px;
				padding: 0px;
				background-image: url(/_design/_global/btn-special-links-index.gif);
				background-repeat: no-repeat;
				background-attachment: scroll;
				line-height: 28px;
				text-decoration: none;
				overflow: hidden;
				display: block;
			}
			
			#special-links ul li.videos a {
				width: 67px;
				height: 28px;
				background-position: -0px 0px;
			}

				#special-links ul li.videos a:hover {
					text-decoration: none;
					background-position: 0px -28px;
				}

			#special-links ul li.photos a {
				width: 106px;
				height: 28px;
				background-position: -67px 0px;
			}

				#special-links ul li.photos a:hover {
					text-decoration: none;
					background-position: -67px -28px;
				}

			#special-links ul li.newsletter a {
				width: 145px;
				height: 28px;
				background-position: -173px 0px;
			}

				#special-links ul li.newsletter a:hover {
					text-decoration: none;
					background-position: -173px -28px;
				}

			#special-links ul li.brochure a {
				width: 142px;
				height: 28px;
				background-position: -318px 0px;
			}

				#special-links ul li.brochure a:hover {
					text-decoration: none;
					background-position: -318px -28px;
				}

			#special-links ul li.meetus a {
				width: 107px;
				background-position: -460px 0px;
			}

				#special-links ul li.meetus a:hover {
					text-decoration: none;
					background-position: -460px -28px;
				}

			#special-links ul li.stories a {
				width: 123px;
				height: 28px;
				background-position: -567px 0px;
			}

				#special-links ul li.stories a:hover {
					text-decoration: none;
					background-position: -567px -28px;
				}

		#intro-banner-frame {
			margin: 0px;
			padding: 11px 1px 4px 10px;
			float: left;
		}

			#intro-banner {
				width: 460px;
				height: 250px;
				padding: 0px;
				margin: 0px;
				overflow: hidden;
				float: left;
			}
			
		#intro-banner-controllers {
			position:absolute;
			z-index:50;
			top:384px;
			left:645px;
			width:76px;
			height:30px;
			padding:8px 0px 0px 9px;
		}
		
		#intro-banner-controllers a#prev {
			display:block;
			width:19px;
			height:19px;
			background: url(/_design/index/controls.png) no-repeat left top !important;
			background: url(/_design/index/controls.gif) no-repeat left top;
			float:left;
			margin-right:5px;
			text-decoration:none;
		}
		
		#intro-banner-controllers a#prev:hover {
			background: url(/_design/index/controls-hover.png) no-repeat left top !important;
			background: url(/_design/index/controls-hover.gif) no-repeat left top;
		}
		
		#intro-banner-controllers a#next {
			display:block;
			width:20px;
			height:19px;
			background: url(/_design/index/controls.png) no-repeat -29px !important;
			background: url(/_design/index/controls.gif) no-repeat -29px;
			float:left;
			text-decoration:none;
		}
		
		#intro-banner-controllers a#next:hover {
			background: url(/_design/index/controls-hover.png) no-repeat -29px !important;
			background: url(/_design/index/controls-hover.gif) no-repeat -29px;
		}

		#campaign-banner-frame {
			margin: 0px;
			padding: 10px 10px 5px 0px;
			float: right;
		}

			#campaign-banner {
				width: 230px;
				height: 250px;
				padding: 0px;
				margin: 0px;
				overflow: hidden;
				float: left;
			}
			
			#campaign-banner a{
				color: #ffffff;
				text-decoration: none;
			}

	#featured-boxes {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: none;
	}

		#featured-boxes a {
			overflow: hidden;
		}

		#featured-boxes h2 {
			margin: 8px 0 0 0px;
			padding-left: 10px;
			font-size: 11px;
			background-repeat: no-repeat;
			background-position: 10px 2px;
		}
		

		#featured-boxes a:hover {
			text-decoration: none;
		}

		#featured-boxes .featured-photo {
			float: left;
			display: block;
			padding: 0;
			margin: 8px 0 8px 9px !important;
			margin: 8px 0 8px 3px;
			text-align: center;
			position: relative;
			overflow: hidden;
			z-index: 1;
		}

		#featured-boxes .featured-photo a {
			margin-bottom: 3px;
			border: 2px solid #cfdcd9;
			float: left;
		}

		#featured-boxes .featured-photo a:hover {
			border: 2px solid #02583F;
		}

		#featured-boxes .featured-photo img {
			width: 207px;
			height: 180px;
			margin-bottom: 0px;
			border: none;
			text-align:center;
			display:block;
		}

	#projects-boxes {
		width: 100%;
		margin: 0px;
		padding: 5px 0px 0px 0px;
		background: none;
		float: none;
		clear: both;
	}

		#projects-boxes ul {
			height: 200px;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}

		#projects-boxes ul li {
			width: 235px;
			margin: 0px;
			padding: 0px;
			float: left;
		}

		#projects-boxes ul li div {
			margin: 0px 4px 0px 4px;
			padding: 4px 0px 0px 0px;
			background: none;
			overflow: hidden;
			text-align: center;
		}

		#projects-boxes ul li div h2 {
			padding-left: 26px;
			display: none;
		}

			#projects-boxes ul li div h2 a {
				font-weight: bold;
			}

		#projects-boxes ul li div a {
			width: 225px;
			height: 187px;
			position: relative;
			color: #666666;
			font-weight: normal;
			text-decoration: none;
			display: block;
		}

			#projects-boxes ul li div a img {
				margin: 0px;
				border: none;
			}

		#projects-boxes ul li div a:hover {
			text-decoration: underline;
		}

			#projects-boxes ul li div a:hover img {
				margin: 0px;
				padding: 0px;
				position: absolute;
				left: 0px;
				bottom: 0px;
				border: none;
			}

		#projects-boxes ul li div a {
			color: #33826E;
			text-decoration: underline;
		}
		
		.jcarousel-container {
			position: relative;
		}

			.jcarousel-clip {
				z-index: 2;
				padding: 0;
				margin: 0;
				overflow: hidden;
				position: relative;
			}

			.jcarousel-list {
				margin: 0px;
				padding: 0px;
				top: 0;
				left: 0;
				position: relative;
				z-index: 1;
				overflow: hidden;
			}

			.jcarousel-list li,
			.jcarousel-item {
				width: 235px;
				height: 200px;
				list-style: none;
				float: left;
			}

			.jcarousel-next {
				z-index: 3;
				display: none;
			}

			.jcarousel-prev {
				z-index: 3;
				display: none;
			}

			.jcarousel-container {
				margin: 0px 10px;
				padding: 0px;
			}

			.jcarousel-clip {
				height: 205px;
			}

			.jcarousel-clip-horizontal {
				width: 940px;
				margin: 0px;
				padding: 0px;
			}

			.jcarousel-prev-horizontal {
				width: 52px;
				height: 188px;
				top: 0px;
				left: -32px;
				position: absolute;
				background: url(/_design/index/btn-carousel-left.png) no-repeat scroll center 0px !important;
				background: url(/_design/index/btn-carousel-left.gif) no-repeat scroll center 0px;
				cursor: pointer;
			}

			.jcarousel-next-horizontal {
				width: 52px;
				height: 188px;
				top: 0px;
				right: -34px !important;
				right: -24px;
				position: absolute;
				background: url(/_design/index/btn-carousel-right.png) no-repeat scroll center 0px !important;
				background: url(/_design/index/btn-carousel-right.gif) no-repeat scroll center 0px;
				cursor: pointer;
			}
			
			.jcarousel-prev-disabled,
			.jcarousel-prev-disabled-horizontal,
			.jcarousel-next-disabled,
			.jcarousel-next-disabled-horizontal {
				cursor: default;
				background-position: -224px !important;
				background-position: -224px;
			}

		#projects-boxes .more-link {
			width: auto;
			margin: 0px;
			padding: 5px 15px 10px 0px;
			text-align: right;
			overflow: hidden;
			float: right;
		}

	#specials-boxes {
		width: 960px;
		margin: 0px;
		padding: 0px;
		background: #377c67 url(/_design/index/bg-special-boxes.gif) repeat-x scroll left top;
		clear: both;
		float: none;
	}

		#specials-boxes .specials-boxes-frame {
			margin: 0px;
			padding: 24px 15px 0px 15px;
			clear: both;
			float: none;
		}
			
			#specials-boxes .learn-more {
				margin: 0px;
				padding: 0px 15px 0px 0px;
				float: left;
			}
				
				#specials-boxes .learn-more div {
					width: 174px;
					height: 174px;
					margin: 0px;
					padding: 0px;
					background: url(/_design/index/bg-learn-more.gif) no-repeat scroll left top;
					font-size: 10px;
					overflow: hidden;
					float: none;
				}

				#specials-boxes .learn-more div h2 {
					margin: 15px 0px 0px 10px;
					padding: 0px 0px 0px 15px;
					background: url(/_design/index/addition-icon.gif) no-repeat scroll left center;
					font-size: 13px;
					line-height: 13px;
				}
				
				#specials-boxes .learn-more div ul {
					margin: 10px 0px 0px 20px;
					padding: 0px;
					list-style-type: none;
					float: none;
				}
				
				#specials-boxes .learn-more div ul li {
					width: 154px;
					margin: 0px;
					padding: 0px;
					color: #ffffff;
				}
				
				#specials-boxes .learn-more div ul li a {
					padding: 3px 0px 4px 0px;
					color: #ffffff;
					font-size: 11px;
					display: block;
				}
			
			#specials-boxes .projects-for-professionals {
				margin: 0px;
				padding: 0px 15px 0px 0px;
				float: left;
			}
				
				#specials-boxes .projects-for-professionals div {
					width: 174px;
					height: 174px;
					margin: 0px;
					padding: 0px;
					position: relative;
					color: white;
					background: url(/_design/index/bg-projects-for-professionals.gif) no-repeat scroll left top;
					font-size: 10px;
					overflow: hidden;
					float: none;
				}
					
					#specials-boxes .projects-for-professionals div a.whole-box-link {
						width: 174px;
						height: 174px;
						margin: 0px;
						padding: 0px;
						position: absolute;
						top: 0px;
						left: 0px;
						text-decoration: none;
						display: block;
						clear: both;
						float: none;
					}

				#specials-boxes .projects-for-professionals h2 {
					width: 174px;
					margin: 15px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					color: #ffffff;
					text-align: center;
					font-size: 10px;
				}

					#specials-boxes .projects-for-professionals h2 a {
						text-align: center;
						font-size: 10px;
						color: #00573D;
						text-decoration: none;
					}
				
				#specials-boxes .projects-for-professionals a img {
					width: 174px;
					margin: 11px 0px 0px 0px;
					padding: 0px;
					border: none;
					display: block;
					float: none;
				}
				
				#specials-boxes .projects-for-professionals p a {
					margin: 3px 10px 0px 0px;
					padding: 0px;
					color: #D0D2D3;
					font-size: 10px;
					font-weight: bold;
					display: block;
					float: right;
					text-decoration:none;
				}

			#specials-boxes .group-trips {
				margin: 0px;
				padding: 0px 15px 0px 0px;
				float: left;
			}
			
				#specials-boxes .group-trips div {
					width: 174px;
					height: 174px;
					margin: 0px;
					padding: 0px;
					position: relative;
					background: url(/_design/index/bg-groups-trips.gif) no-repeat scroll left top;
					font-size: 10px;
					overflow: hidden;
					float: left;
				}

					#specials-boxes .group-trips div a.whole-box-link {
						width: 174px;
						height: 174px;
						margin: 0px;
						padding: 0px;
						position: absolute;
						top: 0px;
						left: 0px;
						text-decoration: none;
						display: block;
						clear: both;
						float: none;
					}

				#specials-boxes .group-trips h2 {
					width: 174px;
					margin: 15px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					text-align: center;
					font-size: 12px;
				}

					#specials-boxes .group-trips h2 a {
						text-align: center;
						font-size: 12px;
						text-decoration: none;
					}
				
				#specials-boxes .group-trips img {
					width: 174px;
					margin: 5px 0px 0px 0px;
					padding: 0px;
					border: none;
					display: block;
					float: none;
				}
				
				#specials-boxes .group-trips p {
					margin: 0px;
					padding: 0px;
				}
				
				#specials-boxes .group-trips p a {
					margin: 0px 25px 0px 0px;
					padding: 0px;
					color: #F9C42B;
					font-size: 10px;
					font-weight: normal;
					display: block;
					float: right;
				}
			
			#specials-boxes .two-week-specials {
				margin: 0px;
				padding: 0px 15px 0px 0px;
				float: left;
			}
				
				#specials-boxes .two-week-specials div {
					width: 174px;
					height: 174px;
					margin: 0px;
					padding: 0px;
					position: relative;
					background: url(/_design/index/bg-two-week-specials.gif) no-repeat scroll left top;
					font-size: 10px;
					overflow: hidden;
					float: left;
				}

					#specials-boxes .two-week-specials div a.whole-box-link {
						width: 174px;
						height: 174px;
						margin: 0px;
						padding: 0px;
						position: absolute;
						top: 0px;
						left: 0px;
						text-decoration: none;
						display: block;
						clear: both;
						float: none;
					}

				#specials-boxes .two-week-specials h2 {
					width: 174px;
					margin: 15px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					text-align: center;
					font-size: 12px;
				}

					#specials-boxes .two-week-specials h2 a {
						text-align: center;
						font-size: 12px;
						text-decoration: none;
					}
				
				#specials-boxes .two-week-specials img {
					width: 174px;
					margin: 5px 0px 0px 0px;
					padding: 0px;
					border: none;
					display: block;
					float: none;
				}
				
				#specials-boxes .two-week-specials p {
					width: 174px;
					margin: 0px;
					padding: 0px;
				}
				
				#specials-boxes .two-week-specials p a {
					margin: 8px 25px 0px 0px;
					padding: 0px;
					color: #ffffff;
					font-size: 10px;
					font-weight: normal;
					text-align: right;
					display: block;
				}
			
			#specials-boxes .myprojectsabroad-login-frame {
				margin: 0px;
				padding: 50px 0px 0px 14px;
				background: url(/_design/index/bg-myprojectsabroad.gif) no-repeat scroll left top;
				font-size: 10px;
				float: right;
			}

				#myprojectsabroad-login {
					width: 160px;
					height: 125px;
					margin: 0px;
					padding: 0px;
					float: left;
				}

				#myprojectsabroad-login form {
					margin: 0px;
					padding: 0px 5px;
					float: left;
				}

				#myprojectsabroad-login p {
					margin: 0px;
					padding: 0px 5px 0px 4px;
					color: #00573D;
					font-size: 9px;
					font-weight: bold;
					line-height: 30px;
					float: left;
				}

				#myprojectsabroad-login .field {
					padding-top: 6px;
					float: left;
				}

				#myprojectsabroad-login input {
					width: 135px;
					height: 15px !important;
					height: 19px;
					margin-right: 3px;
					color: #357564;
					border: 1px solid #00573D;
					font-size: 11px;
					float: left;
				}

				#myprojectsabroad-login #login-button {
					width: 60px;
					height: 25px;
					margin: 0px;
					padding: 0px;
					line-height: 25px;
					overflow: hidden;
					float: left;
				}

				#myprojectsabroad-login #login-button a {
					margin-top: 6px;
					background: url(/_design/index/btn-login.gif) no-repeat scroll 0px 0px;
					display: block;
				}

				#myprojectsabroad-login #login-button a em {
					visibility: hidden;
					display: block;
				}

				#myprojectsabroad-login #login-button a:hover {
					background-position: 0px -19px;
				}
			#specials-boxes .newsreel-frame {
				margin: 0px;
				padding: 5px 0px 0px 14px;
				background: url(/_design/index/bg-newsreel.gif) no-repeat scroll left top;
				font-size: 10px;
				float: right;
			}

				#newsreel {
					width: 160px;
					height:165px;
					margin: 0px;
					padding: 0px;
					float: left;
				}
				
				#newsreel h2 {
					margin: 10px 0px 10px 0px;
					padding: 0px 0px 0px 15px;
					background: url(/_design/index/arrow-orange.gif) no-repeat scroll left center;
					font-size: 13px;
					line-height: 13px;
				}
				
				#newsreel p {
					margin:0;
					padding:0;
				}
				
				#newsreel ul {
					margin: 10px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					list-style-type: disc;
				}
		
				#newsreel ul li {
					margin: 5px 12px 0px 0px;
					padding: 0px 0px 4px 0px;
					color: #ddd;
					border-bottom: 1px dashed #cbdbd6;
					list-style-type:none;
				}
				
				#newsreel ul li a {
					color: #fff;
				}
				
				#newsreel a.more {
					margin: 8px 15px 0px 0px;
					padding: 0px 0px 0px 10px;
					color: #fff;
					display: block;
					float: right;
					background: url(/_design/index/arrow-bullet.gif) no-repeat scroll left 3px;
				}
		
				#newsreel a:hover {
					color: #f9c42b;
				}

	#framesheet-footer {
		width: 960px;
		margin: 0px;
		padding: 0px;
		background: #B2CAC3 url(/_design/_global/bg-footer-additional-information.gif) no-repeat scroll left top;
		float: none;
		clear: both;
	}

		#framesheet-footer div {
			margin: 0px;
			padding: 1px 20px;
			float: none;
		}

}

@media print {

	#intro-banner-frame,
	#campaign-banner-frame,
	#specials-boxes {
		display: none;
	}

	#intro-text h1,
	#intro-text h2,
	#intro-text h3,
	#intro-text h4,
	#intro-text h5,
	#intro-text h6,
	#intro-text strong,
	#intro-text em,
	#intro-text a {
		color: #00573D;
	}
	
	#intro-text p {
		text-align: justify;
		font-size: 10pt;
		line-height: 16pt;
	}

	#featured-boxes h2 {
		color: #00573D;
	}
	
	#featured-boxes img {
		margin: 0px;
		padding: 0px;
		border: 1px solid #00573D;
	}
	
	#featured-boxes p {
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}
	
	#featured-boxes .more-link {
		display: none;
	}

	#framesheet-footer {
		margin-top: 20pt;
	}
	
	#framesheet-footer div  h1 a,
	#framesheet-footer div h2 a,
	#framesheet-footer div h3 a,
	#framesheet-footer div h4 a,
	#framesheet-footer div h5 a,
	#framesheet-footer div h6 a,
	#framesheet-footer div h6 stromg {
		color: #00573D;
		font-size: 12pt;
		text-decoration: none;
	}
	
	#framesheet-footer div a {
		color: #00573D;
	}
	
	#framesheet-footer div p {
		text-align: justify;
		font-size: 10pt;
		line-height: 16pt;
	}
	
}
