#intro {
	position: relative;
	width: 940px;
	height: 484px;
	background: transparent url(../images/template/intro/canvas.png) left top no-repeat;
	margin: 0 auto 30px auto; 
	overflow: hidden;
	z-index: 0;
}
  #intro p {
    margin: 0;
  }
  #intro ul {
    margin: 0;
  }
	#intro #backgroundeffects {
		z-index: 0;
	}
	#intro #intronav {
		position: absolute;
		bottom: 4px;
		left: 4px;
		z-index: 100;
		width: 730px;
		height: 92px;
		background: transparent url(../images/template/intro/navbg.png) left top no-repeat;
		list-style: none;
    margin: 0;
	}
	#intro #intronav li {
		display: block;
		float: left;
	}
	#intro #intronav li a {
		display: block;
		width: 91px;
		height: 92px;
		background-color: transparent;
		background: position: right top;
		background-repeat: no-repeat;
		text-indent: -5000px;
		overflow: hidden;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
		opacity: 0.5;
	}
	#intro #intronav li a:hover, #intro #intronav li a.current {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 0.99;
	}
	#intro #intronav li#intronav-cross_media_marketing a {
		background-image: url(../images/template/intro/nav-cross_media_marketing.png);
	}
	#intro #intronav li#intronav-dynamic_personalization a {
		background-image: url(../images/template/intro/nav-dynamic_personalization.png);
	}
	#intro #intronav li#intronav-print_supply_chain_management a {
		background-image: url(../images/template/intro/nav-print_supply_chain_management.png);
	}
	#intro #intronav li#intronav-data a {
		background-image: url(../images/template/intro/nav-data.png);
	}
	#intro #intronav li#intronav-creative a {
		background-image: url(../images/template/intro/nav-creative.png);
	}
	#intro #intronav li#intronav-print a {
		background-image: url(../images/template/intro/nav-print.png);
	}
	#intro #intronav li#intronav-mail a {
		background-image: url(../images/template/intro/nav-mail.png);
	}
	#intro #intronav li#intronav-web a {
		background-image: url(../images/template/intro/nav-web_services.png);
	}
	#intro #intronav-indicator {
		width: 91px;
		height: 92px;
		position: absolute;
		bottom: 4px;
		left: 4px;
		background: transparent url(../images/template/intro/nav-indicator.png) left top no-repeat;
	}
	
	#intro #playbutton {
		position: absolute;
		top: 6px;
		left: 10px;
		background: transparent url(../images/template/intro/playbuttonbg.png) left -53px no-repeat;
		z-index: 1000;
		width: 163px;
		height: 53px;
	}
	#intro #playbutton img {
		position: absolute;
		left: 0;
		right: 0;
		border: 0;
	}
	#intro .undereffects {
		z-index: 1;
		position: absolute;
	}
	#intro .undereffects.underglow {
		background: transparent url(../images/template/intro/effects/bigglow.png) left top no-repeat;
		width: 699px;
		height: 699px;
	}
	#intro #flare {
		left: 0;
		top: 0;
	}

	#intro .transition {
		position: absolute;
		z-index: 99;
	}

	#intro .slide {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}
	#intro .slide a.learn_more {
		display: block;
		width: 103px;
		height: 41px;
		background-color: transparent;
		background-image: url(../images/template/intro/slides/learn_more.png);
		background-position: right top;
		background-repeat: no-repeat;
		text-indent: -5000px;
		overflow: hidden;
		position: absolute;
		left: 400px;
		top: 250px;
	}
	#intro .slide a.learn_more:hover {
		background-position: right bottom;
	}
	#intro .slide h2 {
		position: absolute;
		text-indent: -5000px;
		overflow: hidden;
		left: 100px;
		top: 110px;
	}
	#intro .slide .slide-text {
		position: absolute;
		left: 170px;
		top: 160px;
		text-indent: -5000px;
		overflow: hidden;
	}
	#intro .slide img {
		position: absolute;
	}
	#intro #slide-cross_media_marketing h2 {
		background: transparent url(../images/template/intro/slides/cross_media_marketing.png) right top no-repeat;
		width: 357px;
		height: 39px;
		top: 100px;
	}
	#intro #slide-cross_media_marketing .slide-text {
		width: 212px;
		height: 135px;
		background: transparent url(../images/template/intro/slides/cross_media_marketing-text.png) right top no-repeat;
		top: 150px;
	}
	#intro #slide-cross_media_marketing #cross_media_marketing-image1 {
		top: 150px;
		left: 400px;
	}
	#intro #slide-cross_media_marketing a.learn_more {
		top: 300px;
		left: 260px;
	}
	#intro #slide-dynamic_personalization h2 {
		background: transparent url(../images/template/intro/slides/dynamic_personalization.png) right top no-repeat;
		width: 383px;
		height: 38px;
		top: 85px;
	}
	#intro #slide-dynamic_personalization .slide-text {
		width: 459px;
		height: 170px;
		background: transparent url(../images/template/intro/slides/dynamic_personalization-text.png) 0 0 no-repeat;
		top: 135px;
	}
	#intro #slide-dynamic_personalization #dynamic_personalization-image1 {
		top: 184px;
		left: 130px;
	}
	#intro #slide-dynamic_personalization #dynamic_personalization-image2 {
		top: 167px;
		left: 310px;
	}
	#intro #slide-dynamic_personalization #dynamic_personalization-image3 {
		top: 130px;
		left: 490px;
	}
	#intro #slide-dynamic_personalization #dynamic_personalization-image4 {
		top: 252px;
		left: 484px;
	}
	#intro #slide-dynamic_personalization a.learn_more {
		top: 305px;
		left: 350px;
	}
	#intro #slide-print_supply_chain_management h2 {
		background: transparent url(../images/template/intro/slides/print_supply_chain_management.png) right top no-repeat;
		width: 496px;
		height: 39px;
	}
	#intro #slide-print_supply_chain_management .slide-text {
		width: 494px;
		height: 64px;
		background: transparent url(../images/template/intro/slides/print_supply_chain_management-text.png) right top no-repeat;
	}
	#intro #slide-print_supply_chain_management a.learn_more {
		top: 249px;
	}
	#intro #slide-data h2 {
		background: transparent url(../images/template/intro/slides/data.png) right top no-repeat;
		width: 74px;
		height: 32px;
		left: 120px;
	}
	#intro #slide-data .slide-text {
		width: 424px;
		height: 100px;
		background: transparent url(../images/template/intro/slides/data-text.png) right top no-repeat;
		left: 150px;
	}
	#intro #slide-data a.learn_more {
		top: 270px;
	}
	#intro #slide-creative h2 {
		background: transparent url(../images/template/intro/slides/creative.png) right top no-repeat;
		width: 132px;
		height: 33px;
		top: 70px; 
		left: 90px;
	}
	#intro #slide-creative .slide-text {
		width: 349px;
		height: 28px;
		background: transparent url(../images/template/intro/slides/creative-text.png) right top no-repeat;
		top: 110px;
		left: 140px;
	}
	#intro #slide-creative #creative-image1 {
		top: 145px;
		left: 140px;
	}
	#intro #slide-creative #creative-image2 {
		top: 145px;
		left: 430px;
	}
	#intro #slide-creative #creative-image3 {
		top: 305px;
		left: 475px;
	}
	#intro #slide-creative a.learn_more {
		top: 327px;
		left: 360px;
	}
	#intro #slide-print h2 {
		background: transparent url(../images/template/intro/slides/print.png) right top no-repeat;
		width: 79px;
		height: 32px;
		top: 85px;
	}
	#intro #slide-print .slide-text {
		width: 331px;
		height: 135px;
		background: transparent url(../images/template/intro/slides/print-text.png) right top no-repeat;
		top: 135px;
		left: 140px;
	}
	#intro #slide-print #print-image1 {
		top: 115px;
		left: 410px;
	}
	#intro #slide-print #print-image2 {
		top: 114px;
		left: 590px;
	}
	#intro #slide-print #print-image3 {
		top: 249px;
		left: 510px;
	}
	#intro #slide-print a.learn_more {
		top: 289px;
		left: 380px;
	}
	#intro #slide-mail h2 {
		background: transparent url(../images/template/intro/slides/mail.png) right top no-repeat;
		width: 66px;
		height: 32px;
		left: 160px;
	}
	#intro #slide-mail .slide-text {
		width: 311px;
		height: 64px;
		background: transparent url(../images/template/intro/slides/mail-text.png) right top no-repeat;
		left: 190px;
	}
	#intro #slide-mail a.learn_more {
		top: 250px;
		left: 430px;
	}


	#intro #slide-web h2 {
		background: transparent url(../images/template/intro/slides/web.png) right top no-repeat;
		width: 216px;
		height: 35px;
		left: 160px;
	}
	#intro #slide-web .slide-text {
		width: 453px;
		height: 125px;
		background: transparent url(../images/template/intro/slides/web-text.png) right top no-repeat;
		left: 190px;
	}
	#intro #slide-web a.learn_more {
		top: 295px;
		left: 470px;
	}