
/* 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;
		padding: 0px 0px 0px 4px;
		float: left;
	}

	#special-links {
		width: 705px;
	}

	#special-links ul li.separate {
		width: 11px;
		margin: 0px;
		padding: 0px;
	}

	#special-links ul li a {
		width: 114px;
		height: 30px;
		margin: 0px;
		background-image: url(/_design/_global/btn-special-links-index.gif);
		background-repeat: no-repeat;
		background-attachment: scroll;
		line-height: 30px;
		text-decoration: none;
		overflow: hidden;
		display: block;
	}

	#special-links ul li.videos a {
		width: 114px;
		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: 114px;
		height: 30px;
		background-position: -114px 0px;
	}

	#special-links ul li.photos a:hover {
		text-decoration: none;
		background-position: -114px -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;
	}

	#intro-text-frame {
		margin: 0px;
		padding: 25px 6px 6px 10px;
		float: left;
	}

	#intro-text {
		font-size: 11px;
		line-height: 16px;
		color: #666;
		width: 224px;
		float: left;
		padding: 0px;
		overflow: hidden;
	}

	#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;
		float: right;
	}

	#intro-banner-frame {
		float: left;
		padding: 11px 5px 4px 6px;
	}

	#intro-banner {
		width: 460px;
		height: 250px;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		float: left;
	}

	#campaign-banner-frame {
		float: left;
		padding: 10px 0px 5px 8px;
	}

	#campaign-banner {
		width: 230px;
		height: 250px;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		float: left;
	}

	#featured-boxes {
		width: 100%;
		float: left;
		padding: 0px;
		padding-bottom: 10px;
		margin: 0px;
	}

	#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%;
		float: left;
		clear: both;
	}

	#projects-boxes .featured-tall-green {
		width: 229px;
		margin: 8px 0px 0px 8px !important;
		margin: 8px 0px 0px 6px;
		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: left;
		display:block;
	}

	#projects-boxes .featured-tall-green p {
		width: 90%;
		position: relative;
		padding: 0px;
		margin: 0px auto 10px ;
		clear: both;
		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-left: 26px;
	}

	#projects-boxes .more-link {
		width: auto;
		margin: 0px;
		padding: 5px 15px 10px 0px;
		text-align: right;
		overflow: hidden;
		float: right;
	}

	#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: 10px;
		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;
		border-bottom: 1px solid #8e8e8e;
		display: block;
	}

	#specials-boxes .featured-tall p {
		padding: 0 10px;
		line-height: 15px;
		margin: 10px 0 5px 0;
	}

	#specials-boxes .featured-tall h2.pink-link {
		margin-bottom: 23px !important;
		margin-bottom: 21px;
		padding: 0px 0px 0px 10px;
	}

	#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 25px;
		float: left;
	}

	#myprojectsabroad-login {
		width: 170px;
		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: 155px;
		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.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 left top;
		float: left;
	}

	#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;
	}
	
}