
/* import global style definitions */

@import url("_global.css");

@media screen {

	/* altering to inherited global style definitions */
	
	body {
		behavior: url(/_include/styles/csshover.htc);
	}
	
	#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.jpg);
		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: 4px 0px 0px 8px;
		float: left;
	}

	#intro-text {
		width: 228px;
		padding: 0px;
		color: #666;
		font-size: 10px;
		line-height: 14px;
		overflow: hidden;
		float: left;
	}

	#intro-text h1,	
	#intro-text h2 {
		font-size: 11px;
		line-height: 18px;
		margin: 10px 0px;
		color: #00573D;
	}

	#intro-text p {
		text-align: justify;
		margin-bottom: 0px;
		margin-top: 3px;
		margin-bottom: 0px;

	}

	#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: 340px;
		height: 290px;
		padding: 0px;
		margin: 6px 0px 0px 0px;
		overflow: hidden;
		float: left;
	}

	.map {
		padding: 0px;
		margin: 17px 0px 0px 10px;
		background: url(/_design/index/bg-map.jpg) no-repeat scroll left top;
		float: left;
	}

	.map h2 {
		margin: 8px 0px;
		padding-left: 25px;
		font-size: 11px;
		line-height: 15px;
		background-repeat: no-repeat;
		background-position: 10px 3px;
	}

	.map a {
		text-decoration: none;
	}

	.map .world-map {
		width: 348px;
		margin: 0px;
		padding: 0px;
		background: url(/_design/index/destinations-world-map.gif) no-repeat scroll left bottom;
		overflow: hidden;
	}

	.destination-continents {
		width: 100%;
		float: left;
		position: relative;
	}

	.destination-continents a.destinations {
		width: 348px;
		height: 216px;
		top: 0px;
		left: 0px;
		position: absolute;
		z-index: 100;
		display: block;
	}

	.destination-continents ul {
		margin: 0px;
		padding: 220px 0px 10px 5px;
		list-style-type: none;
		float: left;
	}

	.destination-continents ul li {
		width: 68px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		text-align: left;
		cursor: pointer;
		float: left;
	}
	
	.destination-continents ul li.africa {
		width: 55px;
	}
	
	.destination-continents ul li.asia {
		width: 50px;
	}
	
	.destination-continents ul li.eastern-europe {
		width: 80px;
	}
	
	.destination-continents ul li.latin-america {
		width: 92px;
	}
	
	.destination-continents ul li.south-pacific {
		width: 55px;
	}

	.destination-continents ul li strong {
		margin: 0px;
		padding: 10px 0px 8px 16px;
		background: url(/_design/_global/bullet-arrow.gif) no-repeat scroll 8px 12px;
		display: block;
	}

	.destination-continents ul li strong.purple-link {
		padding: 4px 0px 2px 16px;
	}

	.destination-continents ul li ul {
		width: 67px;
		margin: 0px;
		margin: 0px;
		padding: 0px;
		position: absolute;
		background-color: #cfdcd9;
		z-index: 255;
		display: none;
		float: left;
	}

	.destination-continents ul li:hover ul {
		width: auto;
		margin: 0px;
		padding: 6px 0px 6px 12px;
		background-color: #cfdcd9;
		display: block;
	}

	.destination-continents ul li.africa ul {
		top: 65px;
		left: 7px;
	}

	.destination-continents ul li.asia ul {
		top: 65px;
		left: 63px;
	}

	.destination-continents ul li.eastern-europe ul {
		top: 173px;
		left: 205px;
	}

	.destination-continents ul li.latin-america ul {
		top: 84px;
		left: 113px;
	}

	.destination-continents ul li.south-pacific ul {
		top: 191px;
		left: 252px;
	}

	.destination-continents ul li ul li {
		width: 81px;
		height: auto;
		margin: 0px;
		padding: 3px 0px 3px 0px;
		background-image: none;
		line-height: 12px;
		text-align: left;
		display: block;
		float: none;
	}

	.destination-continents ul li ul li a {
		width: auto;
		margin: 0px;
		padding: 0px;
	}

	.destination-continents ul li ul li a:hover {
		text-decoration: underline;
	}

	#featured-boxes {
		width: 100%;
		float: left;
		padding: 0px;
		padding-bottom: 10px;
		margin: 0px;
	}

	#featured-boxes a {
		overflow: hidden;
	}

	#featured-boxes h2 {
		margin: 10px 0 5px 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: 3px solid #cfdcd9;
		float: left;
	}

	#featured-boxes .featured-photo a:hover {
		border: 3px solid #02583F;
	}

	#featured-boxes .featured-photo img {
		width: 130px;
		height: 150px;
		margin-bottom: 0px;
		border: none;
	}

	.projects-boxes {
		width: 100%;
		float: left;
		clear: both;
	}

	.projects-boxes .featured-tall-green {
		width: 150px;
		margin: 8px 0px 0px 8px !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: left;
	}

	.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 a {
		padding-left: 15px;
		font-size: 10px;
	}

	.projects-boxes .more-link {
		width: auto;
		margin: 0px;
		padding: 0px 15px 10px 0px;
		text-align: right;
		overflow: hidden;
		float: right;
	}

	#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;
	}
	
}