/* import global style definitions */

@import url("_global.css");

@media screen {

	/* altering to inherited global style definitions */

	#main-content {
		width: 960px;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
		background: url(/_design/index/bottom-round-corner.gif) no-repeat left bottom;
	}

	#special-links-frame {
		width: auto;
		margin: 0px;
		padding: 0px 4px 0px 10px;
		float: none;
	}

		#special-links {
			width: 706px;
			margin: 0px;
			padding: 0px;
			float: right;
		}

		#special-links ul li.separate {
			width: 12px;
			margin: 0px;
			padding: 0px;
		}

		#special-links ul li a {
			width: 114px;
			height: 30px;
			margin: 0px;
			background: url(/_design/_global/btn-special-links-index.jpg) no-repeat scroll left top;
			line-height: 30px;
			text-decoration: none;
			overflow: hidden;
			display: block;
		}

		#special-links ul li.videos a {
			width: 84px;
			height: 30px;
			background-position: 0px 0px;
		}

		#special-links ul li.videos a:hover {
			text-decoration: none;
			background-position: 0px -30px;
		}

		#special-links ul li.photos a {
			width: 144px;
			height: 30px;
			background-position: -84px 0px;
		}

		#special-links ul li.photos a:hover {
			text-decoration: none;
			background-position: -84px -30px;
		}

		#special-links ul li.newsletter a {
			width: 114px;
			height: 30px;
			background-position: -228px 0px;
		}

		#special-links ul li.newsletter a:hover {
			text-decoration: none;
			background-position: -228px -30px;
		}

		#special-links ul li.brochure a {
			width: 114px;
			height: 30px;
			background-position: -342px 0px;
		}

		#special-links ul li.brochure a:hover {
			text-decoration: none;
			background-position: -342px -30px;
		}

		#special-links ul li.stories a {
			width: 114px;
			height: 30px;
			background-position: -570px 0px;
		}

		#special-links ul li.stories a:hover {
			text-decoration: none;
			background-position: -570px -30px;
		}

		#special-links ul li.meetus a {
			background-position: -456px 0px;
		}

		#special-links ul li.meetus a:hover {
			text-decoration: none;
			background-position: -456px -30px;
		}

	#intro {
		width: 960px;
		margin: 0px;
		padding: 0px;
		float: left;
	}

	#intro-text-frame {
		width: auto;
		margin: 0px;
		padding: 15px 10px 6px 0px;
		float: right;
	}

		#intro-text {
			width: 226px;
			margin: 0px;
			padding: 0px;
			color: #666666;
			font-size: 13px;
			line-height: 15px;
			overflow: hidden;
			float: left;
		}

		#intro-text h1,
		#intro-text h2.h1-style {
			font-size: 16px;
			line-height: 16px;
			margin-top: 0px;
			color: #00573D;
		}

		#intro-text p {
			text-align: right;
			margin-bottom: 0px;
			margin-top: 15px;
		}

		#intro-text a {
			color: #568476;
		}

	#main-right-column {
		width: 720px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		float: right;
	}

	#intro-banner-frame {
		padding: 15px 10px 2px 3px;
		float: right;
	}

	#intro-banner {
		width: 460px;
		height: 250px;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		background-color: #ccc;
		float: left;
	}

	#campaign-banner-frame {
		padding: 15px 8px 2px 3px;
		margin: 0px;
		float: right;
	}

	#campaign-banner {
		width: 230px;
		height: 250px;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		background-color: #ccc;
		float: left;
	}
    .bg-intro{
		background-image: url('/_design/index/intro-campaign.jpg');
	}

	 .bg-intro a{
		text-decoration: none;
	}

	.top-link-bg{
		width: 230px;
		height: 125px;
		margin-top: 0px;
	}

	.left-link-bg {
		height: 125px;
		margin-top: 0px; 
		width: 115px; 
		float: right;
	}

	.right-link-bg {
		height: 125px;
		margin-top: 0px; 
		width: 115px; 
		float: right;
	}

	.clear{
		clear: both;
		width: 230px;
	}

	#featured-boxes {
		width: 100%;
		float: right;
		padding: 0px;
		padding-bottom: 10px;
		margin: 0px;
	}

	#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 6px !important;
		margin: 8px 0 8px 3px;
		text-align: left;
		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: 166px;
		height: 90px;
		margin-bottom: 0px;
		border: none;
	}

	#projects-boxes {
		width: 100%;
		float: left;
		clear: both;
	}

	#projects-boxes .featured-tall-green {
		width: 182px;
		margin: 8px 8px 0px 0px !important;
		margin: 8px 4px 0px 4px;
		padding: 0;
		position: relative;
		overflow: hidden;
		background: url(/_design/index/featured-projects-bg-top-tall.jpg) no-repeat scroll left top;
		text-align: center;
		float: right;
		height: 200px;
	}

	#projects-boxes .featured-tall-green p {
		width: 90%;
		position: relative;
		padding: 0px;
		margin: 0px auto 10px;
		clear: both;
		font-size: 12px;
		overflow: hidden;
		float: none;
	}

	#projects-boxes .featured-tall-green p a {
		color: #666666;
		font-weight: normal;
		text-decoration: none;
	}

	#projects-boxes .featured-tall-green p a:hover {
		text-decoration: underline;
	}

	#projects-boxes .featured-tall-green a {
		color: #33826E;
		text-decoration: underline;
	}

	#projects-boxes .featured-tall-green h2 {
		padding-right: 10px;
		font-size: 14px;
	}
	
	#projects-boxes .featured-tall-green h2 a {
		padding-right: 15px;
		display: block;
	}

	#projects-boxes .more-link {
		width: auto;
		margin: 0px;
		padding: 0px 0px 10px 15px;
		text-align: left;
		overflow: hidden;
		float: left;
	}

	#specials-boxes {
		width: 100%;
		float: left;
		clear: both;
		background: url(/_design/index/bg-login-bottom.jpg) no-repeat scroll left bottom;
	}

	#specials-boxes .featured-tall {
		width: 229px;
		margin: 8px 0px 0px 8px !important;
		margin: 8px 0px 0px 6px;
		padding: 0px;
		background: url(/_design/index/featured-bg-top-tall.jpg) no-repeat scroll left top;
		font-size: 12px;
		overflow: hidden;
		display: block;
		float: left;
	}

	#specials-boxes .featured-tall-login {
		width: 229px;
		margin: 8px 0px 0px 8px !important;
		margin: 8px 0px 0px 6px;
		padding: 0px;
		position: relative;
		background: url(/_design/index/featured-login-bg-top-tall.jpg) no-repeat scroll left top;
		overflow: hidden;
		display: block;
		float: left;
	}

	#specials-boxes .featured-tall ul {
		width: auto;
		margin: 25px 0px 0px 20px !important;
		margin: 25px 0px 0px 10px;
		padding: 0px;
		list-style-type: none;
		float: left;
	}

	#specials-boxes .featured-tall ul li {
		width: 185px;
		margin: 0px;
		padding: 0px;
		color: #487b68;
	}

	#specials-boxes .featured-tall ul li a {
		color: #487b68;
		padding: 10px 0px 10px 0px;
		text-align: right;
		border-bottom: 1px solid #8e8e8e;
		display: block;
	}

	#specials-boxes .featured-tall p {
		padding: 0 10px;
		line-height: 15px;
		margin: 10px 0 5px 0;
		text-align: right;
	}
	
	#specials-boxes .featured-tall h2 {
		padding-right: 10px;
		font-size: 14px;
	}
	
	#specials-boxes .featured-tall h2.pink-link {
		margin-bottom: 23px !important;
		margin-bottom: 21px;
		padding: 0px 10px 0px 0px;
	}

	#specials-boxes .more-link-two {
		margin-top: 25px;
		font-size: 11px;
	}
	
	#specials-boxes p.more-space {
		margin-top: 25px;
	}
	
	#specials-boxes p.more-line-height {
		line-height: 18px;
	}

	#specials-boxes .tweek-projects {
		margin: 10px 0px 25px 0px;
		padding-left: 20px;
	}

	#specials-boxes .tweek-projects p {
		margin: 0px 0px 5px 0px;	
	}

	#specials-boxes .tweek-projects a {
		color: #33826E;
		text-decoration: underline;
	}

	#specials-boxes .more-link {
		width: auto;
		margin: 0px;
		padding: 0px 15px 0px 0px;
		text-align: right;
		overflow: hidden;
		float: none;
	}

	#myprojectsabroad-login-frame {
		padding: 50px 0px 0px 40px;
		float: left;
	}

	#myprojectsabroad-login {
		width: 170px;
		float: left;
	}

	#myprojectsabroad-login form {
		margin: 0px;
		padding: 0px 5px;
		float: right;
	}

	#myprojectsabroad-login .field {
		padding-top: 6px;
		float: right;
	}

	#myprojectsabroad-login input {
		width: 155px;
		height: 15px !important;
		height: 19px;
		margin-right: 3px !important;
		margin-right: 4px;
		color: #357564;
		border: 1px solid #00573D;
		font-size: 11px;
		float: right;
	}

	#myprojectsabroad-login #login-button {
		width: 60px;
		height: 25px;
		margin: 0px;
		padding: 0px;
		line-height: 25px;
		overflow: hidden;
		float: right;
	}

	#myprojectsabroad-login #login-button a {
		margin-top: 6px;
		background: url(/_design/index/btn-login.jpg) 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;
	}

	#framesheet-footer {
		width: 960px;
		margin: 0px;
		padding: 0px;
		background: #B2CAC3 url(/_design/_global/bg-footer-additional-information.gif) no-repeat scroll right top;
		float: left;
	}
	
	#framesheet-footer p {
		font-size: 12px;
	}
	
	#framesheet-footer div {
		padding: 0px 20px;
	}

}

@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;
	}
	
}