/* CSS Document */

.title ul li a{color:#339900;}
 

#9bb:hover{width:181px; height:224px; background:url(../images/service/ind-box4.png) no-repeat ; }

#9cl:hover{width:181px; height:224px; background:url(../images/service/cl-box1.png) no-repeat ; }

#9pr:hover{width:181px; height:224px; background:url(../images/service/pr-box.png) no-repeat ; }

#9sr:hover{width:181px; height:224px; background:url(../images/service/sr-box.png) no-repeat ; }

#sr {display: inline-block; position: relative; text-indent: -9999px; float:left;width:181px; height:224px; background:url(../images/service/service.png) no-repeat;}
#sr span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; float:left; width:181px; height:224px; background:url(../images/service/sr-box.png) no-repeat;}

#pr {display: inline-block; position: relative; text-indent: -9999px; float:left;width:181px; height:224px; background:url(../images/service/process.png) no-repeat;}
#pr span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; float:left; width:181px; height:224px; background:url(../images/service/pr-box.png) no-repeat;}


#bb {display: inline-block; position: relative; text-indent: -9999px; float:left;width:181px; height:224px; background:url(../images/service/industies.png) no-repeat;}
#bb span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; float:left; width:181px; height:224px; background:url(../images/service/ind-box4.png) no-repeat;}

#cl {display: inline-block; position: relative; text-indent: -9999px; float:left;width:181px; height:224px; background:url(../images/service/clients.png) no-repeat;}
#cl span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; float:left; width:181px; height:224px; background:url(../images/service/cl-box1.png) no-repeat;}


#nav-slider {
	width:730px;
	height:222px;
	float:left;
	clear:both;
	position:relative
}
#nav-slider h2 {
	text-indent:-9999px;
	float:left;
	font-size:35px;
	letter-spacing:-2px;
	text-align:center;
	width:265px;
	height:100%;
	line-height:120px
}
#nav-slider .nav {
	float:left;
	padding:0;
	margin:0;
	top:0;
	left:0;
	position:relative;
	z-index:2
}
#nav-slider .nav li {
	float:left;
	width:174px;
	padding-top:5px;
}
#nav-slider .nav li a {
	text-indent:-9999px;
	width:139px;
	height:201px;
}
#nav-slider .title {
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	z-index:5;
	position:relative
}
#nav-slider .bg {
	position:absolute;
	height:100px;
	width:690px;
	top:10px;
	left:-27px;
	z-index:4
}
#nav-slider .bg .blue, #nav-slider .bg #footer .footer-wrap ul li ul li.title, #footer .footer-wrap ul li ul #nav-slider .bg li.title {
	background:#00c2f3;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:75px
}
#nav-slider .bg .gray {
	width:138px;
	height:25px;
	display:block;
	z-index:99;
	position:relative;
	background:#404f5b;
	top:69px
}
#nav-slider .bg .gray.selected {
	background:#fff
}
#nav-slider .nav-slider-containment {
	position:absolute;
	left:-27px;
	top:-17px;
	width:715px
}
#nav-slider .nav-slider-containment .nav-slider-arrow {
	background:url("../images/main-hover.png") no-repeat -144px 0;
	width:22px;
	height:10px;
	display:block;
	position:absolute;
	z-index:5;
	left:67px;
	margin-left:0;
	top:13px
}
#nav-slider .nav-slider-containment .nav-slider {
	background:url("../images/main-hover.png") no-repeat 0 0;
	width:259px;
	height:279px;
	z-index:4;
	-webkit-transform:translate3d(0, 0, 0);
	margin-left:-14px;
	top:-6px;
}
#nav-slider .nav-slider-containment .nav-slider .handle {
	position:absolute;
	bottom:0;
	width:100%;
	height:42px;
	display:block;
	cursor:url(../image/cursor-grab.gif), move
}
#nav-slider .nav-slider-containment .nav-slider .handle.selected {
	cursor:url(../image/cursor-grabbing.gif), move
}
#nav-slider .nav-slider-containment .nav-slider .handle .hover {
	position:absolute;
	bottom:14px;
	left:28px;
	width:82px;
	height:19px;
	display:block;
	z-index:8;
	background:url("../images/main-hover.png") no-repeat -144px -146px;
	opacity:0;
	filter:alpha(opacity=0)
}
#pages #page-what-we-do {
	display:block;
}
#pages #page-what-we-do .subhead {
	float:left;
	position:relative;
	width:470px
}
#pages #page-what-we-do .subhead h3 {
	background-position:0 -540px;
	float:left;
	height:41px;
	display:inline-block
}
#pages #page-what-we-do .subhead h3 span {
	background-position:100% -540px;
	float:left;
	height:41px;
	display:block;
	margin-right:-8px;
	padding:0 20px;
	line-height:41px;
	font-size:24px;
	color:#fff;
	font-weight:normal
}
#pages #page-what-we-do .subhead h2 {
	width:470px;
	height:80px;
	margin:25px 0 15px 0;
	float:left;
	clear:left
}
#pages #page-what-we-do .subhead p {
	float:left;
	clear:left;
	color: #000000;
    font-family: "Lato",sans serif;
    font-size: 21px;
    font-weight: lighter;
    line-height: 27px;
    margin-left: 5px;
	margin-top: 50px;
    position: relative;
    text-align: justify;
    width: 440px;
}
#pages #page-what-we-do .subhead .step {
	display:none;
	position:absolute
}
#pages #page-what-we-do .subhead .overview {
	display:block
}
#pages #page-what-we-do .subhead .overview h2 {
	background-position:-590px -1220px
}
#pages #page-what-we-do .subhead .step-1 h2 {
	background-position:25px -600px
}
#pages #page-what-we-do .subhead .step-2 h2 {
	background-position:-465px -600px
}
#pages #page-what-we-do .subhead .step-3 h2 {
	background-position:25px -700px
}
#pages #page-what-we-do .subhead .step-4 h2 {
	background-position:-460px -700px
}
#pages #page-what-we-do #what-we-do-diagram {
	position:relative;
	float:right;
	margin:-40px 48px 130px 0;
}
#pages #page-what-we-do #what-we-do-diagram a {
	position:absolute;
	width:160px;
	height:140px;
	display:block;
	z-index:3
}
#pages #page-what-we-do #what-we-do-diagram a span {
	display:block;
	width:138px;
	height:138px;
	position:absolute
}
#pages #page-what-we-do #what-we-do-diagram a .number {
	width:60px;
	height:60px;
	position:absolute;
	top:5px;
	z-index:10
}
#pages #page-what-we-do #what-we-do-diagram a .title {
	width:160px;
	height:140px;
	z-index:8
}
#pages #page-what-we-do #what-we-do-diagram a .circle {
	margin:1px 0 0 22px;
	z-index:4
}
#pages #page-what-we-do #what-we-do-diagram a .off {
	background-position:-500px -800px;
	z-index:5
}
#pages #page-what-we-do #what-we-do-diagram a .over {
	background-position:-646px -800px;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:6;
	
}
#pages #page-what-we-do #what-we-do-diagram a.selected .over {
	display:none;
}
#pages #page-what-we-do #what-we-do-diagram a .selected {
	background-position:-938px -939px;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:7
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-1 {
	left:181px;
	top:0;
	width:160px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-1 .number {
	background-position:0 -1100px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-1 .title {
	background-position: -500px -1080px;
    font-size: 20px;
    left: 40px;
    top: 50px;
	color:#FFF;
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-1 .circle {
	margin:1px 0 0 22px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-2 {
	left:310px;
	top:73px;
	height:150px;
	width:142px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-2 .number {
	background-position:-68px -1100px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-2 .title {
	background-position:-646px -1080px;
	font-size: 20px;
    left: 35px;
    top: 60px;
	color:#FFF;
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-2 .circle {
	margin:12px 0 0 5px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-3 {
	left: 245px;
    top: 215px;
    width: 170px;
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-3 .number {
	background-position:-134px -1100px;
	top:5px;
	left:10px;
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-3 .title {
	background-position:-792px -1080px;
	left:60px;
	top:50px;
	font-size:20px;
	color:#FFF;
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-3 .circle {
	margin:2px 0 0 31px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 {
	left:120px;
	top:215px;
	width:155px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .number {
	background-position:-200px -1100px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .title {
	background-position:-938px -1080px;
	font-size: 14px;
    left: 38px;
    top: 55px;
	color:#FFF;
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .circle {
	margin:2px 0 0 17px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .off {
	background-position:-500px -940px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .over {
	background-position:-646px -940px;
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-4 .selected {
	background-position:-938px -938px;
}






#pages #page-what-we-do #what-we-do-diagram a.nav-step-5 {
	left:75px;
	top:83px;
	width:155px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-5 .number {
	background-position:-270px -1100px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-5 .title {
	background-position:-938px -1080px;
	font-size: 14px;
    left: 32px;
    top: 55px;
	color:#FFF;
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-5 .circle {
	margin:2px 0 0 17px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-5 .off {
	background-position:-500px -940px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-5 .over {
	background-position:-646px -940px
}
#pages #page-what-we-do #what-we-do-diagram a.nav-step-5 .selected {
	background-position:-938px -938px;
}







#pages #page-what-we-do #what-we-do-diagram .bg {
	background-position:0 -800px;
	width:440px;
	height:290px;
	z-index:2;
	position:relative
}
#pages #page-what-we-do #what-we-do-nav-slider.sliding .nav li a .hover {
	opacity:1 !important
}
#pages #page-what-we-do #what-we-do-nav-slider {
	background-position:0 -360px;
	width:980px;
	height:52px;
	position:relative;
	float:left;
	clear:both;
	margin-top:60px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav-list {
	display:none
}
#pages #page-what-we-do #what-we-do-nav-slider .nav {
	float:left;
	margin-left:10px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li {
	float:left;
	width:192px;
	height:52px;
	position:relative
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider {
	background-position:-11px -412px;
	width:2px;
	height:52px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0)
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.last {
	left:189px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.divider-what-we-do-overview, #pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.divider-what-we-do-step-1 {
	left:1px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.divider-what-we-do-step-3 {
	left:-1px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li .divider.divider-what-we-do-step-4 {
	left:-2px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li a {
	display:block;
	width:192px;
	height:52px;
	text-align:center;
	line-height:52px;
	text-transform:uppercase;
	color:#fff;
	font-size:18px;
	position:relative;
	z-index:4
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li a:active {
	top:0
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li a .hover {
	width:187px;
	height:52px;
	text-indent:-9999px;
	margin-left:3px;
	display:block;
	opacity:0;
	filter:alpha(opacity=0)
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-overview .hover {
	background-position:-13px -412px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-step-1 .hover {
	background-position:-205px -412px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-step-2 .hover {
	background-position:-396px -412px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-step-3 .hover {
	background-position:-589px -412px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav li a.nav-step-4 .hover {
	background-position:-781px -412px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment {
	width:980px;
	float:left;
	position:absolute;
	height:100%
}
#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider {
	background-position:0 -480px;
	width:162px;
	height:45px;
	top:5px;
	z-index:5;
	position:relative;
	margin-left:26px
}
#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider .handle {
	position:absolute;
	left:0;
	width:162px;
	height:45px;
	display:block;
	cursor:url(../images/cursor-grab.gif), move
}
#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider .handle.selected {
	cursor:url(../images/cursor-grabbing.gif), move
}
#pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider .hover {
	background-position:-203px -480px;
	width:167px;
	height:40px;
	display:block;
	opacity:0;
	filter:alpha(opacity=0)
}
#pages #page-what-we-do.current-overview #what-we-do-nav-slider .nav-slider-containment .nav-slider {
	background-position:-594px -1311px
}
#pages #page-what-we-do.current-overview #what-we-do-nav-slider .nav-slider-containment .nav-slider .hover {
	background-position:-774px -1311px
}
#pages #page-what-we-do.current-overview .additional-content {
	height:300px
}
#pages #page-what-we-do.current-step-1 .additional-content {
	height:350px
}
#pages #page-what-we-do.current-step-2 .additional-content {
	height:650px
}
#pages #page-what-we-do.current-step-3 .additional-content {
	height:350px
}
#pages #page-what-we-do.current-step-4 .additional-content {
	height:400px
}
#pages #page-what-we-do .additional-content {
	float:left;
	clear:both;
	width:980px
}
#pages #page-what-we-do .additional-content .step {
	display:none;
	position:absolute;
	width:980px
}
#pages #page-what-we-do .additional-content .overview {
	display:block
}
#pages #page-what-we-do .additional-content .overview .start-here-arrow {
	background-position:-784px -480px;
	width:188px;
	height:15px;
	display:block;
	float:left;
	margin:10px 0 0 12px;
	-webkit-animation:'hover-in-place' 0.35s linear;
	-webkit-animation-iteration-count:infinite
}
#pages #page-what-we-do .additional-content .overview .start-here {
	background-position:-784px -492px;
	width:188px;
	height:40px;
	display:block;
	float:left;
	margin:0 0 0 12px;
	clear:left
}
#pages #page-what-we-do .additional-content .offerings {
	position:relative;
	float:left;
	clear:both;
	top:30px
}
#pages #page-what-we-do .additional-content .offerings h3 {
	float:left;
	display:inline-block;
	background-position:0 -540px;
	height:41px;
	font-size:24px;
	font-weight:normal;
	position:relative;
	top:0;
	left:0
}
#pages #page-what-we-do .additional-content .offerings h3 span {
	background-position:100% -540px;
	height:100%;
	display:block;
	margin-right:-8px;
	line-height:41px;
	float:left;
	width:267px;
	text-indent:20px
}
#pages #page-what-we-do .additional-content .offerings ul {
	position:relative;
	top:0;
	margin-top:10px;
	float:left;
	clear:left
}
#pages #page-what-we-do .additional-content .offerings ul li {
	background-position:-400px -490px;
	width:267px;
	height:30px;
	line-height:28px;
	color:#000;
	text-indent:10px;
	font-size:13px;
	margin-bottom:3px
}
#pages #page-what-we-do .additional-content .offerings .btn-see-all {
	float:right;
	clear:left;
	text-transform:uppercase;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	margin-top:10px
}
#pages #page-what-we-do .additional-content .consumer-touchpoints {
	background-position:0 -1215px;
	width:585px;
	height:624px;
	float:right;
	position:relative;
	margin-top:25px
}
#pages #page-what-we-do .additional-content .consumer-touchpoints a {
	background-position:-593px -1689px;
	width:127px;
	height:45px;
	position:absolute;
	right:0;
	bottom:0;
	top:inherit;
	display:block
}
#pages #page-what-we-do .additional-content .consumer-touchpoints a:hover {
	background-position:-593px -1749px
}
#pages #page-what-we-do .additional-content .consumer-touchpoints a:active {
	bottom:-1px
}
#pages #page-our-approach {
	width:980px
}
#pages #page-our-approach #our-approach-nav-slider.sliding .nav li a .hover {
	opacity:1 !important;
	 
	
}
#pages #page-our-approach #our-approach-nav-slider {
	background-position:0 -250px;
	width:980px;
	height:52px;
	position:relative;
	float:left;
	clear:both;
	margin-top:10px
}
#pages #page-our-approach #our-approach-nav-slider .nav-list {
	display:none
}
#pages #page-our-approach #our-approach-nav-slider .nav {
	float:left;
	margin-left:10px
}
#pages #page-our-approach #our-approach-nav-slider .nav li {
	float:left;
	width:192px;
	height:52px;
	position:relative
}
#pages #page-our-approach #our-approach-nav-slider .nav li .divider {
	background-position:-203px -309px;
	width:2px;
	height:52px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0)
}
#pages #page-our-approach #our-approach-nav-slider .nav li .divider.last {
	left:190px
}
#pages #page-our-approach #our-approach-nav-slider .nav li .divider.divider-our-approach-tribes-and-spaces {
	left:1px
}
#pages #page-our-approach #our-approach-nav-slider .nav li .divider.divider-our-approach-brand-experiences {
	left:-1px
}
#pages #page-our-approach #our-approach-nav-slider .nav li .divider.divider-our-approach-optimization {
	left:-2px
}
#pages #page-our-approach #our-approach-nav-slider .nav li a {
	display:block;
	width:192px;
	height:52px;
	text-align:center;
	line-height:52px;
	text-transform:uppercase;
	color:#fff;
	font-size:18px;
	position:relative;
	z-index:4
}
#pages #page-our-approach #our-approach-nav-slider .nav li a:active {
	top:0
}
#pages #page-our-approach #our-approach-nav-slider .nav li a .hover {
	width:186px;
	height:52px;
	text-indent:-9999px;
	margin-left:3px;
	display:block;
	opacity:0;
	filter:alpha(opacity=0)
}
#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-overview .hover {
	background-position:-13px -309px
}
#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-tribes-and-spaces .hover {
	background-position:-205px -309px
}
#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-human-needs .hover {
	background-position:-397px -309px
}
#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-brand-experiences .hover {
	background-position:-589px -309px
}
#pages #page-our-approach #our-approach-nav-slider .nav li a.nav-optimization .hover {
	background-position:-781px -309px
}
#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment {
	width:960px;
	float:left;
	position:absolute;
	height:100%;
	margin-left:10px
}
#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider {
	background-position:0 -480px;
	width:162px;
	height:45px;
	top:5px;
	z-index:5;
	position:relative;
	margin-left:16px
}
#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider .handle {
	position:absolute;
	left:0;
	width:162px;
	height:45px;
	display:block;
	cursor:url(../images/cursor-grab.gif), move
}
#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider .handle.selected {
	cursor:url(../images/cursor-grabbing.gif), move
}
#pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider .hover {
	background-position:-203px -480px;
	width:167px;
	height:40px;
	display:block;
	opacity:0;
	filter:alpha(opacity=0)
}
#pages #page-our-approach #our-approach-diagram {
	float:left;
	margin:30px 0 0 0;
	height:682px;
	width:980px;
	background:#0e0e0e
}
#pages #page-our-approach #our-approach-diagram .step {
	width:920px;
	padding:0 30px;
	position:absolute;
	height:682px;
	display:none;
	z-index:2
}
#pages #page-our-approach #our-approach-diagram .step.current-step {
	display:block
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview {
	background-position:0 -360px;
	height:247px
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video {
	background-position:-800px -1050px;
	height:33px;
	width:121px;
	display:block;
	position:absolute;
	left:420px;
	top:345px;
	padding:18px 10px 0 10px;
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video .title {
	margin-left:5px
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video .btn-external {
	margin-top:-3px
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video:hover {
	color:#ff143f
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-watch-video:active {
	margin-top:1px
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #our-approach-video-close {
	display:none
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #our-approach-video {
	background-position:0 -1050px;
	width:705px;
	height:415px;
	display:block;
	position:absolute;
	top:200px;
	left:137px
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #our-approach-video iframe {
	margin-left:39px
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-explore {
	background-position:-800px -1120px;
	width:106px;
	height:106px;
	display:block;
	position:absolute;
	top:320px;
	left:840px;
	font-size:17px;
	color:#fff;
	text-transform:uppercase
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-explore .title {
	line-height:106px;
	width:106px;
	display:block;
	text-align:center
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-explore:hover {
	color:#1b1b1b
}
#pages #page-our-approach #our-approach-diagram #our-approach-overview #btn-explore:active {
	margin-top:1px
}
#pages #page-our-approach #our-approach-diagram #our-approach-tribes-and-spaces {
	background:url("../images/our-expertise/our-approach-tribes-and-spaces.png") no-repeat
}
#pages #page-our-approach #our-approach-diagram #our-approach-human-needs {
	background:url("../images/our-expertise/our-approach-human-needs.png") no-repeat
}
#pages #page-our-approach #our-approach-diagram #our-approach-brand-experiences {
	background:url("../images/our-expertise/our-approach-brand-experiences.png") no-repeat
}
#pages #page-our-approach #our-approach-diagram #our-approach-optimization {
	background:url("../images/our-expertise/our-approach-optimization.png") no-repeat
}
#pages #page-our-approach #our-approach-diagram #our-approach-illustration {
	background-position:0 -600px;
	width:980px;
	height:435px;
	position:absolute;
	bottom:0;
	opacity:0.3
}
#pages #page-vertical-experience .compound-expertise {
	background:url("../images/our-expertise/compound-expertise.png") no-repeat;
	width:980px;
	height:967px;
	position:relative
}
#pages #page-vertical-experience .bullet-1 {
	position:absolute;
	left:423px;
	top:258px
}
#pages #page-vertical-experience .bullet-1 ul {
	float:left;
	height:110px
}
#pages #page-vertical-experience .bullet-1 ul li {
	float:left;
	width:139px
}
#pages #page-vertical-experience .bullet-1 ul li ul {
	font-size:12px
}
#pages #page-vertical-experience .bullet-1 ul li ul li {
	float:left;
	clear:both;
	color:#6c6c6c;
	font-size:12px;
	line-height:15px
}
#pages #page-vertical-experience .bullet-1 ul li a {
	float:left;
	width:115px;
	text-transform:uppercase;
	color:#7a7e81;
	font-size:12px;
	font-weight:bold
}
#pages #page-vertical-experience .bullet-1 ul li a:hover {
	color:#ff143f
}
#pages #page-vertical-experience .bullet-2 {
	position:absolute;
	left:430px;
	top:455px
}
#pages #page-vertical-experience .bullet-3 {
	position:absolute;
	left:780px;
	top:557px
}
#pages #page-vertical-experience .bullet-3 li {
	height:59px;
	float:left;
	clear:both
}
#pages #page-vertical-experience .bullet-3 a {
	float:left;
	text-transform:uppercase;
	color:#7a7e81;
	font-size:12px;
	font-weight:bold
}
#pages #page-vertical-experience .bullet-3 a:hover {
	color:#ff143f
}
#pages #page-agency-model #agency-model-wrapper {
	width:1100px;
	height:450px;
	position:absolute;
	overflow:hidden;
	left:-64px
}
#pages #page-agency-model #agency-model-scroll {
	position:relative
}
#pages #page-agency-model #agency-model-infographic {
	width:1100px;
	height:415px;
	position:relative;
	margin-top:40px;
	float:left
}
#pages #page-agency-model #agency-model-infographic a {
	display:block;
	position:relative
}
#pages #page-agency-model #agency-model-infographic a .person {
	width:92px;
	height:72px;
	display:inline;
	position:relative;
	float:left
}
#pages #page-agency-model #agency-model-infographic a .btn-play {
	background-position:0 -480px;
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	width:19px;
	height:15px
}
#pages #page-agency-model #agency-model-infographic a:hover .btn-play {
	background-position:-100px -480px
}
#pages #page-agency-model #agency-model-infographic .our-agency-video {
	position:absolute;
	left:90px;
	top:27px
}
#pages #page-agency-model #agency-model-infographic .our-agency-video .title {
	font-size:23px;
	text-transform:none
}
#pages #page-agency-model #agency-model-infographic .our-agency-video a {
	background-position:-600px -420px;
	width:376px;
	height:213px;
	margin-top:45px
}
#pages #page-agency-model #agency-model-infographic .our-agency-video a .btn-play {
	background-position:0 -420px;
	width:51px;
	height:44px;
	right:10px;
	bottom:10px
}
#pages #page-agency-model #agency-model-infographic .our-agency-video a:hover .btn-play {
	background-position:-100px -420px
}
#pages #page-agency-model #agency-model-infographic .client-services-video {
	position:absolute;
	left:540px;
	top:0
}
#pages #page-agency-model #agency-model-infographic .client-services-video a {
	width:500px;
	height:100px
}
#pages #page-agency-model #agency-model-infographic .client-services-video .person {
	background-position:0 -500px;
	top:15px;
	left:15px
}
#pages #page-agency-model #agency-model-infographic .experience-and-strategy-video {
	position:absolute;
	left:540px;
	top:106px
}
#pages #page-agency-model #agency-model-infographic .experience-and-strategy-video a {
	width:123px;
	height:150px
}
#pages #page-agency-model #agency-model-infographic .experience-and-strategy-video .person {
	background-position:-100px -500px;
	top:15px;
	left:15px
}
#pages #page-agency-model #agency-model-infographic .creative-and-content-development-video {
	position:absolute;
	left:665px;
	top:106px
}
#pages #page-agency-model #agency-model-infographic .creative-and-content-development-video a {
	width:123px;
	height:150px
}
#pages #page-agency-model #agency-model-infographic .creative-and-content-development-video .person {
	background-position:-200px -500px;
	top:15px;
	left:15px
}
#pages #page-agency-model #agency-model-infographic .technology-video {
	position:absolute;
	left:790px;
	top:106px
}
#pages #page-agency-model #agency-model-infographic .technology-video a {
	width:123px;
	height:150px
}
#pages #page-agency-model #agency-model-infographic .technology-video .person {
	background-position:-300px -500px;
	top:15px;
	left:15px
}
#pages #page-agency-model #agency-model-infographic .analytics-and-optimization-video {
	position:absolute;
	left:915px;
	top:106px
}
#pages #page-agency-model #agency-model-infographic .analytics-and-optimization-video a {
	width:123px;
	height:150px
}
#pages #page-agency-model #agency-model-infographic .analytics-and-optimization-video .person {
	background-position:-400px -500px;
	top:15px;
	left:15px
}
#pages #page-agency-model #agency-model-infographic .delivery-management-video {
	position:absolute;
	left:540px;
	top:256px
}
#pages #page-agency-model #agency-model-infographic .delivery-management-video a {
	width:500px;
	height:100px
}
#pages #page-agency-model #agency-model-infographic .delivery-management-video .person {
	background-position:-500px -500px;
	top:15px;
	left:15px
}
#pages #page-agency-model #agency-model-videos {
	height:400px;
	position:relative;
	float:left
}
#pages #page-agency-model #agency-model-videos #agency-model-video-wrapper {
	background-position:0 -650px;
	width:1100px;
	height:415px;
	position:absolute;
	display:block;
	top:40px
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles {
	position:absolute;
	display:block;
	top:40px;
	left:100px
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .video-title {
	position:absolute;
	display:none
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .video-title.current {
	display:block
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .title {
	width:190px;
	height:105px;
	display:block
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .our-agency-video .title {
	background-position:0 -1100px
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .client-services-video .title {
	background-position:-200px -1100px
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .experience-and-strategy-video .title {
	background-position:-400px -1100px;
	width:180px
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .creative-and-content-development-video .title {
	background-position:-580px -1100px;
	width:270px
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .technology-video .title {
	background-position:-860px -1100px;
	width:240px
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .analytics-and-optimization-video .title {
	background-position:0 -1210px
}
#pages #page-agency-model #agency-model-videos #agency-model-video-titles .delivery-management-video .title {
	background-position:-200px -1210px;
	width:210px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav {
	position:absolute;
	top:170px;
	left:100px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav .now-playing {
	background-position:0 -1330px;
	width:80px;
	height:10px;
	position:relative;
	top:0;
	left:0
}
#pages #page-agency-model #agency-model-videos #agency-model-nav a:active {
	margin-top:1px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-our-agency-video {
	background-position:0 -1350px;
	width:51px;
	height:147px;
	position:absolute;
	top:15px;
	left:0
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-our-agency-video:hover {
	background-position:-300px -1350px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-our-agency-video.current {
	background-position:-580px -1350px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-our-agency-video .tooltip {
	left:-32px;
	top:12px;
	width:117px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-client-services-video {
	background-position:-55px -1350px;
	width:196px;
	height:45px;
	position:absolute;
	top:15px;
	left:55px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-client-services-video:hover {
	background-position:-355px -1350px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-client-services-video.current {
	background-position:-635px -1350px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-client-services-video .tooltip {
	left:48px;
	top:-38px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-experience-and-strategy-video {
	background-position:-55px -1400px;
	width:46px;
	height:46px;
	position:absolute;
	top:65px;
	left:55px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-experience-and-strategy-video:hover {
	background-position:-355px -1400px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-experience-and-strategy-video.current {
	background-position:-635px -1400px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-experience-and-strategy-video .tooltip {
	left:-50px;
	top:-38px;
	width:148px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-creative-and-content-development-video {
	background-position:-105px -1400px;
	width:46px;
	height:46px;
	position:absolute;
	top:65px;
	left:105px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-creative-and-content-development-video:hover {
	background-position:-405px -1400px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-creative-and-content-development-video.current {
	background-position:-685px -1400px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-creative-and-content-development-video .tooltip {
	left:-73px;
	top:-38px;
	width:205px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-technology-video {
	background-position:-155px -1400px;
	width:46px;
	height:46px;
	position:absolute;
	top:65px;
	left:155px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-technology-video:hover {
	background-position:-455px -1400px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-technology-video.current {
	background-position:-735px -1400px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-technology-video .tooltip {
	left:-16px;
	top:-38px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-analytics-and-optimization-video {
	background-position:-205px -1400px;
	width:46px;
	height:46px;
	position:absolute;
	top:65px;
	left:205px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-analytics-and-optimization-video:hover {
	background-position:-505px -1400px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-analytics-and-optimization-video.current {
	background-position:-785px -1400px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-analytics-and-optimization-video .tooltip {
	left:-54px;
	top:-38px;
	width:158px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-delivery-management-video {
	background-position:-55px -1450px;
	width:196px;
	height:45px;
	position:absolute;
	top:115px;
	left:55px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-delivery-management-video:hover {
	background-position:-355px -1450px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-delivery-management-video.current {
	background-position:-635px -1450px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav #nav-delivery-management-video .tooltip {
	left:29px;
	top:-38px
}
#pages #page-agency-model #agency-model-videos #agency-model-nav .tooltip {
	position:absolute;
	background-position:0 -1520px;
	float:left;
	display:none;
	height:35px;
	z-index:2
}
#pages #page-agency-model #agency-model-videos #agency-model-nav .tooltip .tooltip-title {
	background-position:100% -1520px;
	float:left;
	display:inline-block;
	height:35px;
	margin-right:-6px;
	font-size:13px;
	padding:0 10px;
	line-height:32px;
	color:#dadada
}
#pages #page-agency-model #agency-model-videos #agency-model-nav .tooltip .arrow {
	background-position:0 -1560px;
	width:14px;
	height:9px;
	float:left;
	display:block;
	position:absolute;
	left:50%;
	bottom:-6px;
	margin-left:-7px
}
#pages #page-agency-model #agency-model-video-iframe-wrapper {
	position:absolute;
	left:401px;
	top:1px
}
#pages #page-agency-model .btn-back {
	background-position:-200px -420px;
	height:28px;
	position:absolute;
	top:0;
	left:64px;
	color:#fff;
	padding-left:30px;
	text-transform:uppercase;
	font-size:12px;
	line-height:24px;
	font-weight:bold
}
#pages #page-agency-model .btn-back:hover {
	color:#ff143f
}
#pages #page-agency-model .btn-back:active {
	top:1px
}
#pages #page-capabilities h2 {
	background-position:0 -140px;
	width:270px;
	height:40px
}
#pages #page-capabilities h5 {
	font-size:18px;
	float:left;
	clear:both;
	position:relative;
	top:-2px;
	font-weight:normal
}
#pages #page-capabilities ul {
	float:left;
	clear:both;
	margin-top:30px
}
#pages #page-capabilities ul li {
	float:left;
	width:267px;
	margin:0 80px 15px 0
}
#pages #page-capabilities ul li.last {
	margin-right:0
}
#pages #page-capabilities ul li h4 {
	background-position:0 -180px;
	width:257px;
	height:41px;
	line-height:35px;
	padding-left:10px;
	margin:10px 0 20px 0;
	font-size:18px;
	font-weight:normal
}
#pages #page-capabilities ul li h4.two-lines {
	background-position:0 -225px;
	height:55px;
	padding-top:7px;
	line-height:20px
}
#pages #page-capabilities ul li ul {
	float:left;
	margin:0
}
#pages #page-capabilities ul li li {
	width:257px;
	margin:0;
	padding-left:10px;
	height:20px;
	line-height:20px;
	color:#cfd3d7;
	font-size:11px
}
#pages #page-capabilities ul li li.odd {
	background-position:-280px -180px
}
#pages #page-capabilities ul li li.odd.two-lines {
	background-position:-280px -220px
}
#pages #page-capabilities ul li li.two-lines {
	height:33px;
	padding-top:2px;
	line-height:15px
}
@-webkit-keyframes hover-in-place {
0% {
-webkit-transform:translate3d(0, 0, 0)
}
50% {
-webkit-transform:translate3d(0, -3px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0)
}
}
.sprite-our-expertise-ui, #nav-slider .title, #pages #page-what-we-do .subhead h3, #pages #page-what-we-do .subhead h3 span, #pages #page-what-we-do .subhead h2, #pages #page-what-we-do #what-we-do-diagram a span, #pages #page-what-we-do #what-we-do-diagram .bg, #pages #page-what-we-do #what-we-do-nav-slider, #pages #page-what-we-do #what-we-do-nav-slider .nav li .divider, #pages #page-what-we-do #what-we-do-nav-slider .nav li a .hover, #pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider, #pages #page-what-we-do #what-we-do-nav-slider .nav-slider-containment .nav-slider .hover, #pages #page-what-we-do .additional-content .overview .start-here-arrow, #pages #page-what-we-do .additional-content .overview .start-here, #pages #page-what-we-do .additional-content .offerings h3, #pages #page-what-we-do .additional-content .offerings h3 span, #pages #page-what-we-do .additional-content .offerings ul li, #pages #page-what-we-do .additional-content .consumer-touchpoints, #pages #page-what-we-do .additional-content .consumer-touchpoints a, #pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider, #pages #page-our-approach #our-approach-nav-slider .nav-slider-containment .nav-slider .hover, #pages #page-capabilities h2, #pages #page-capabilities ul li h4, #pages #page-capabilities ul li li.odd {
	background-image:url("../images/sprite-our-expertise.png");
	background-repeat:no-repeat
}
/*.nav li:hover {
     background: url("../images/main-hover.png") no-repeat scroll -42px -5px transparent;
     height: 220px;
   
}*/

#a a {
	background:url(../images/service/ipnone.png) repeat -20px 35px;
}
#b a {
	background:url(../images/service/ipad.png) repeat 0 0;
}
#c a {
	background:url(../images/service/android.png) repeat 0 0;
}
#d a {
	background:url(../images/service/webapplication.png) repeat 0 0;
}

#pro { margin:10px 0 105px 0;}
.pro_left { float:left; width:435px; height:300px; color:#000; margin-left:25px;} 
.pro_left p { line-height:27px; font-family: "Lato",sans serif; font-size:21px; color:#000000; font-weight: lighter; text-align: justify; padding-top:19px; }



.pro_right { float:right; width:399px; color:#000; position:relative; margin-right:25px; }

.circleoo1 { margin:0 0 0 0; position:absolute; top:0px; right:0px; left:108px; z-index:1000;  }
.circleoo1:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr1.png) no-repeat; width:166px; height:167px;}
.circleoo1:hover { background:url(../images/circle/cr1-hover.png) no-repeat;}


.circleoo2 { margin:0 0 0 0; position:absolute; top:67px; right:0px; left:202px; z-index:200; }
.circleoo2:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr2.png) no-repeat; width:199px; height:184px;}
.circleoo2:hover { background:url(../images/circle/cr2-hover.png) no-repeat;}


.circleoo3 { margin:0 0 0 0; position:absolute; top:189px; right:0px; left:150px; z-index:100; }
.circleoo3:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr3.png) no-repeat; width:244px; height:218px;}
.circleoo3:hover { background:url(../images/circle/cr3-hover.png) no-repeat;}


.circleoo4 { margin:0 0 0 0; position:absolute; top:189px; right:0px; left:-15px; z-index:55; }
.circleoo4:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr4.png) no-repeat; width:209px; height:195px;}
.circleoo4:hover { background:url(../images/circle/cr4-hover.png) no-repeat;}


.circleoo5 { margin:0 0 0 0; position:absolute; top:77px; right:-10px; left:0px; z-index:10;}
.circleoo5:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr5.png) no-repeat; width:209px; height:195px;}
.circleoo5:hover { background:url(../images/circle/cr5-hover.png) no-repeat;}


.circleoo11 { margin:0 0 0 0; position:absolute; top:0px; right:0px; left:108px; z-index:1000; }
.circleoo11:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr1-hover.png) no-repeat; width:166px; height:167px;}



.circleoo22 { margin:0 0 0 0; position:absolute; top:67px; right:0px; left:202px; z-index:200; }
.circleoo22:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr2-hover.png) no-repeat; width:199px; height:184px;}



.circleoo33 { margin:0 0 0 0; position:absolute; top:189px; right:0px; left:150px; z-index:100; }
.circleoo33:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr3-hover.png) no-repeat; width:244px; height:218px;}



.circleoo44 { margin:0 0 0 0; position:absolute; top:189px; right:0px; left:-15px; z-index:55; }
.circleoo44:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr4-hover.png) no-repeat; width:209px; height:195px;}



.circleoo55 { margin:0 0 0 0; position:absolute; top:77px; right:-10px; left:0px; z-index:10;}
.circleoo55:link, .circleoo1:visited { float:left; text-indent:-10000px; background:url(../images/circle/cr5-hover.png) no-repeat; width:209px; height:195px;}


.service001 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/service/1/iphone.png) no-repeat; width:382px; height:349px;}
.service001 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/service/1/iphone-h-1.png) no-repeat #EDF0F2;}

.service002 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/service/1/ipad.png) no-repeat; width:448px; height:349px;}
.service002 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/service/1/ipad-h-1.png) no-repeat #EDF0F2;}

.service003 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/service/1/android.png) no-repeat; width:382px; height:394px;}
.service003 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/service/1/android-h-1.png) no-repeat #EDF0F2;}

.service004 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/service/1/desktop.png) no-repeat; width:448px; height:394px;}
.service004 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/service/1/desktop-h-1.png) no-repeat #EDF0F2;}



 
 
.ind001 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/industries/aeroplane.png) no-repeat; width:226px; height:219px;}
.ind001 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/industries/aeroplaneh.png) no-repeat #EDF0F2;}

.ind001-h:hover {background:url(../images/industries/aeroplaneh.png) no-repeat; float:left; text-indent:-10000px; width:226px; height:219px;}

.ind002 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/industries/bank.png) no-repeat; width:226px; height:219px;}
.ind002 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/industries/bankh.png) no-repeat #EDF0F2;  }

.ind002-h:hover {background:url(../images/industries/bankh.png) no-repeat; float:left; text-indent:-10000px; width:226px; height:219px;}

.ind003 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/industries/edu.png) no-repeat; width:226px; height:219px;}
.ind003 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/industries/eduh.png) no-repeat #EDF0F2; }

.ind003-h:hover {background:url(../images/industries/eduh.png) no-repeat; float:left; text-indent:-10000px; width:226px; height:219px;}


.ind004 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/industries/hot.png) no-repeat; width:226px; height:219px;}
.ind004 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/industries/hoth.png) no-repeat #EDF0F2; }

.ind004-h:hover {background:url(../images/industries/hoth.png) no-repeat; float:left; text-indent:-10000px; width:226px; height:219px;}


.ind005 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/industries/gov.png) no-repeat; width:226px; height:219px;}
.ind005 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/industries/govh.png) no-repeat #EDF0F2; }

.ind005-h:hover {background:url(../images/industries/govh.png) no-repeat; float:left; text-indent:-10000px; width:226px; height:219px;}


.ind006 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/industries/res.png) no-repeat; width:226px; height:219px;}
.ind006 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/industries/resh.png) no-repeat #EDF0F2; }

.ind006-h:hover {background:url(../images/industries/resh.png) no-repeat; float:left; text-indent:-10000px; width:226px; height:219px;}


.ind007 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/industries/hel.png) no-repeat; width:226px; height:219px;}
.ind007 span{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/industries/helh.png) no-repeat #EDF0F2; }

.ind007-h:hover {background:url(../images/industries/helh.png) no-repeat; float:left; text-indent:-10000px; width:226px; height:219px;}


.ind008 {display: inline-block; position: relative; text-indent: -9999px; background:url(../images/industries/ret.png) no-repeat; width:226px; height:219px;}
.ind008 span{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 0px 0;	background: url(../images/industries/reth.png) no-repeat #EDF0F2; }

.ind008-h:hover {background:url(../images/industries/reth.png) no-repeat; float:left; text-indent:-10000px; width:226px; height:219px;}