@charset "UTF-8";


/* Intro */


#container 			{ position: relative; width: 1024px; height: 100%; opacity:0; margin:0 auto; visibility: visible;  }
	
#content  			{ position: relative; width: 774px; height: 725px; background: rgb(255, 255, 255); background: rgba(255, 255, 255,.9); bottom: 0px; top: 108px; margin:0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display:none;}

#logo				{ position: absolute; background: url('../img/logo.png') no-repeat; width: 179px; height: 39px; left: 423px; top: 135px; z-index: 10; }
#logo-tagline		{ position: absolute; font-family: 'Open Sans', sans-serif; font-size:18px; width: 168px; height: 25px; left: 424px; top: 190px; color: #6F6F6F; }

#slogan1			{ position: absolute; background: url('../img/slogan1.png') no-repeat; width: 561px; height: 79px; left: 233px; top: 237px; }
#slogan2			{ position: absolute; background: url('../img/slogan2.png') no-repeat; width: 725px; height: 79px; left: 147px; top: 327px; }


#buttons-container 	{ position: relative; top: 417px; height: 32px; width: 725px; margin:0 auto; z-index: 100; display:block; }
#buttons-container.done-animating { width: 750px; margin: 0 auto; position: relative; text-align: center; }

.inline 			{ position: relative;display: inline-block; *display: inline; zoom:1; vertical-align: top;	}

.button 			{ position: relative; margin-right: -10px; background-color: #D4E5DF; color: #175D45; width: 149px; height: 27px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight:600; text-align: center; padding-top: 5px;   }
.button.done-animating { width: 145px; margin-right:0; cursor: pointer; }


.button.active, .button.active.done-animating:hover 		{ background-color: #43AA17; }
.button.done-animating:hover		{ background-color: #badaac;} 

.button p { position: absolute; color: #18815d; width: 100%; text-align: center; top: 9px; }
.button div { display:none; }

.button.active p, .button.active:hover p, .button.active.done-animating:hover p { color: #ffffff; }
.button.done-animating:hover p { color:#175D45; }

#button-innovation.done-animating { background-image: url('../img/button-bg-innovation.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#button-innovation div { position: absolute; top: 10px; left: 50%; margin-left: -23px; width: 46px; height: 40px; background: url('../img/icon-innovation.png') 0px 0px no-repeat;  }	
#button-innovation.active div,#button-innovation.active:hover div  { position: absolute; top: 10px; left: 50%; margin-left: -23px; width: 46px; height: 40px; background: url('../img/icon-innovation.png') 0px -40px no-repeat;  }	
#button-innovation:hover div { position: absolute; top: 10px; left: 50%; margin-left: -23px; width: 46px; height: 40px; background: url('../img/icon-innovation.png') 0px -80px no-repeat;  }	

#button-growth.done-animating { background-image: url('../img/button-bg-growth.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#button-growth div { position: absolute; top: 5px; left: 50%; margin-left: -31px; width: 62px; height: 58px; background: url('../img/icon-growth.png') 0px 0px no-repeat;  }	
#button-growth.active div, #button-growth.active:hover div { position: absolute; top: 5px; left: 50%; margin-left: -31px; width: 62px; height: 58px; background: url('../img/icon-growth.png') 0px -58px no-repeat;  }
#button-growth:hover div { position: absolute; top: 5px; left: 50%; margin-left: -31px; width: 62px; height: 58px; background: url('../img/icon-growth.png') 0px -116px no-repeat;  }	

#button-service.done-animating { background-image: url('../img/button-bg-service.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#button-service div { position: absolute; top: 5px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background: url('../img/icon-service.png') 0px 0px no-repeat;  }	
#button-service.active div, #button-service.active:hover div { position: absolute; top: 5px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background: url('../img/icon-service.png') 0px -40px no-repeat;  }
#button-service:hover div { position: absolute; top: 5px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background: url('../img/icon-service.png') 0px -80px no-repeat;  }	

#button-human.done-animating { background-image: url('../img/button-bg-human.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#button-human div { position: absolute; top: 5px; left: 50%; margin-left: -26px; width: 53px; height: 35px; background: url('../img/icon-human.png') 0px 0px no-repeat;  }	
#button-human.active div, #button-human.active:hover div { position: absolute; top: 5px; left: 50%; margin-left: -26px; width: 53px; height: 35px; background: url('../img/icon-human.png') 0px -35px no-repeat;  }
#button-human:hover div { position: absolute; top: 5px; left: 50%; margin-left: -26px; width: 53px; height: 35px; background: url('../img/icon-human.png') 0px -70px no-repeat;  }	

#button-approach.done-animating { background-image: url('../img/button-bg-approach.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#button-approach div { position: absolute; top: 5px; left: 50%; margin-left: -30px; width: 61px; height: 58px; background: url('../img/icon-approach.png') 0px 0px no-repeat;  }	
#button-approach.active div, #button-approach.active:hover div { position: absolute; top: 5px; left: 50%; margin-left: -30px; width: 61px; height: 58px; background: url('../img/icon-approach.png') 0px -58px no-repeat;  }
#button-approach:hover div { position: absolute; top: 5px; left: 50%; margin-left: -30px; width: 61px; height: 58px; background: url('../img/icon-approach.png') 0px -116px no-repeat;  }	

#arrow-intro	{ position: absolute;  width: 68px; height: 68px; left: 50%; top: 575px; margin-left: -34px;cursor:pointer; z-index:10; } 
.arrow-button { width: 68px; height: 68px; background: url('../img/arrow-circle.png') no-repeat; background-position: 0 0; cursor: pointer;  } 
.arrow-button:hover { width: 68px; height: 68px; background: url('../img/arrow-circle.png') no-repeat; background-position: 0 -68px;  } 

#content-slides	{ position: relative; top: 200px; left: 30px; height: 70%; width:100%; }
#content-slides h2 	{ color: #135F45; font-size: 48px; font-family: 'Open Sans', Arial, sans-serif; margin-bottom: 25px;}
#content-slides #slide-approach h2 { position: relative; font-size: 42px; width: 683px; margin: 0 auto; line-height: 140%;  }
#content-slides p	{ color: #55AC30; font-size: 24px; line-height: 140%; font-family: 'Open Sans', Arial, sans-serif; width: 393px; }	

/* #content-slides img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";  IE8   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7  
	background: transparent;     
    zoom: 1;	
} */

#content-slide-controls 		{ position: absolute; bottom: 120px; left: 30px; }

#content-slide-control-prev	{ background: url('../img/arrow-left.png') 0 0 no-repeat; height: 44px; width: 23px; margin-right: 10px; cursor:pointer;	}
#content-slide-control-prev:hover { background-position: 0 -44px; }
#content-slide-control-next	{ background: url('../img/arrow-right.png') 0 0 no-repeat; height: 44px; width: 23px; cursor:pointer;	}
#content-slide-control-next:hover { background-position: 0 -44px; }

/*	indvidual slides		*/

#slide-innovation			   	{  position: relative; width: 100% !important; }
#slide-innovation-icon 		   	{  position: absolute; top:50px; right:0px;	}	
#slide-innovation-icon-screen  	{  position: absolute; right: -150px; opacity:0;  }
#slide-innovation-icon-plusH   	{  position: absolute; width: 81px; height: 25px; background-color: #D4E5DF; top: 80px; left: -350px; z-index:5; opacity:0; }
#slide-innovation-icon-plusV   	{  position: absolute; width: 25px; height: 81px; background-color: #D4E5DF;	top: 52px; left: -30px; opacity:0;}

#slide-growth			   		{  position: relative; width: 100% !important; background:none !important;filter:none !important;}
#slide-growth-icon 		   		{  position: absolute; top:50px; right:0px;	background:none !important;filter:none !important;}	
#slide-growth-icon-arrow  		{  position: absolute; width: 298px; height: 147px; top: 20px; left: 0;}
#slide-growth-icon-dot-left   	{  position: absolute; width: 54px; height: 54px; top: 125px; left: -380px; background: url('../img/icon-growth-circle.png') no-repeat; opacity:0; }
#slide-growth-icon-dot-middle   {  position: absolute; width: 54px; height: 54px; top: -20px; left: -240px; background: url('../img/icon-growth-circle.png') no-repeat; opacity:0;}
#slide-growth-icon-dot-right	{  position: absolute; width: 54px; height: 54px; top: 175px; left: -160px; background: url('../img/icon-growth-circle.png') no-repeat; opacity:0;}

#slide-service			    	{  position: relative; width: 100% !important; background:none !important;filter:none !important;}
#slide-service-icon 			{  position: absolute; top:50px; right:0px;	}	
#slide-service-icon-circle  	{  position: absolute; background: url('../img/icon-service-circle.png') no-repeat; width: 263px; height: 263px; top: 0; left:0;}
#slide-service-icon-right    	{  position: absolute; width: 128px; height: 82px; background: url('../img/icon-service-right.png') no-repeat; top: 35px; left:-50px; opacity:0; }
#slide-service-icon-left     	{  position: absolute; width: 128px; height: 82px; background: url('../img/icon-service-left.png') no-repeat; top: 140px; left:-330px; opacity:0; }

#slide-human			   		{  position: relative; width: 100% !important; background: transparent; }
#slide-human-icon 		   		{  position: absolute; top:50px; right:0px;	}	
#slide-human-icon-middle  		{  position: absolute; background: url('../img/icon-human-center.png') no-repeat; width: 450px; height: 300px; top: -25px; left:-100px; opacity:0; z-index:10;}
#slide-human-icon-right   		{  position: absolute; width: 450px; height: 300px; background: url('../img/icon-human-leftright.png') no-repeat; top: -25px; left:-590px; opacity:0;  }
#slide-human-icon-left     		{  position: absolute; width: 450px; height: 300px; background: url('../img/icon-human-leftright.png') no-repeat; top: -25px; left:-320px; opacity:0; }

#slide-approach			   		{  position: relative; width: 100% !important; background: transparent; }
#slide-approach-icon			{  position: absolute; top:300px; left:280px;	width: 300px; cursor: pointer;  }
#slide-approach-learn-more		{  font-size: 14px; color: #55B22E; font-weight: normal; }
#slide-approach-approach		{  font-size: 20px; color: #18805D; font-weight: bold; }
.slide-approach-link			{ display: block;}
#slide-approach-copy			{ position: relative; top: 20px; left:12px; }

#slide-approach-icon:hover #slide-approach-copy span { text-decoration: underline; }
#slide-approach-icon:hover .arrow-button { width: 68px; height: 68px; background: url('../img/arrow-circle.png') no-repeat; background-position: 0 -68px;  } 

/* Bob Navigation */


#mainNav {
	width: 971px;
	height: 59px;
	left: 50%; 
	margin-left:-485px; 
	top:-60px;
	position: absolute;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

/*
#mainNav {
	width: 971px;
	height: 59px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	top:-85px;
	font-size: 13px;
}*/

#mainNav a {
	color: #D8E6E1;
	text-decoration: none;
}

#mainNav a.active { background-position: 0 -59px; }

/* begin nav buttons */

#nav01
{
	display: block;
	width: 197px;
	height: 44px;
	background: url("../img/nav_01.png") no-repeat 0 0;
	float: left;
	padding-top: 15px;
}
#nav01 span
{
  
}
#nav01 span table tr td
{
	color:#0F0;
	padding-left: 37px;
	padding-bottom: 8px;
}
#nav01Selected, #nav01Selected:hover
{
	display: block;
	width: 197px;
	height: 44px;
	background: url("../img/nav_01.png") no-repeat 0 0;
	background-position: 0 -59px;
	float: left;
	padding-top: 15px;
}
#nav01Selected span
{
  
}
#nav01:hover
{ 
  background-position: 0 -118px;
}

#nav02
{
	display: block;
	width: 192px;
	height: 44px;
	background: url("../img/nav_02.png") no-repeat 0 0;
	float: left;
	padding-top: 15px;
}
#nav02 span
{
  
}
#nav02 span table tr td
{
	color:#0F0;
	padding-left: 37px;
	padding-bottom: 8px;
}
#nav02Selected,#nav02Selected:hover
{
	display: block;
	width: 192px;
	height: 44px;
	background: url("../img/nav_02.png") no-repeat 0 0;
	background-position: 0 -59px;
	float: left;
	padding-top: 15px;
}
#nav02Selected span
{
  
}
#nav02:hover
{ 
  background-position: 0 -118px;
}

#nav03
{
	display: block;
	width: 202px;
	height: 44px;
	background: url("../img/nav_03.png") no-repeat 0 0;
	float: left;
	padding-top: 15px;
}
#nav03 span
{	
 display: block;
 position:relative;
 top:-10px;
  background: url('../img/logo.png') no-repeat; width: 171px; height: 39px; margin: 0 auto;
}
#nav03Selected, #nav03Selected:hover
{
	display: block;
	width: 202px;
	height: 44px;
	background: url("../img/nav_03.png") no-repeat 0 0;
	background-position: 0 -59px;
	float: left;
	padding-top: 15px;
}
#nav03Selected span
{
 background: url('../img/logo.png') no-repeat; width: 179px; height: 39px; margin: 0 auto;
 display: block;
}
#nav03:hover
{ 
  background-position: 0 -118px;
}

#nav04
{
	display: block;
	width: 183px;
	height: 44px;
	background: url("../img/nav_04.png") no-repeat 0 0;
	float: left;
	padding-top: 15px;
}
#nav04 span
{
  
}
#nav04 span table tr td
{
	color:#0F0;
	padding-left: 37px;
	padding-bottom: 8px;
}
#nav04Selected, #nav04Selected:hover
{
	display: block;
	width: 183px;
	height: 44px;
	background: url("../img/nav_04.png") no-repeat 0 0;
	background-position: 0 -59px;
	float: left;
	padding-top: 15px;
}
#nav04Selected span
{
  
}
#nav04:hover
{ 
  background-position: 0 -118px;
}

#nav05
{
	display: block;
	width: 197px;
	height: 44px;
	background: url("../img/nav_05.png") no-repeat 0 0;
	float: left;
	padding-top: 15px;
}
#nav05 span
{
  
}
#nav05Selected, #nav05Selected:hover
{
	display: block;
	width: 197px;
	height: 44px;
	background: url("../img/nav_05.png") no-repeat 0 0;
	background-position: 0 -59px;
	float: left;
	padding-top: 15px;
}
#nav05Selected span
{
  
}
#nav05:hover
{ 
  background-position: 0 -118px;
}