@charset "UTF-8";

/******************************
*  GLOBAL                     *
*                             *
*    █                        *
*   █ █                       *
*   █ █  █ █  ██  ██  ███     *
*   █ █  █ █  █  █  █    █    *
*   ███  █ █  █  ████  ███    *
*  █   █ █ █  █  █    █  █    *
*  █   █  ██  █   ███  ███    *
*                             *
*  GLOBAL                     *
*******************************/

body
{
	margin:0; padding:0;	
	width: 100%;
		max-width:100%;
	text-align:left;
	
	font-family: 'Source Sans Pro', sans-serif;
		font-size:14px;
		line-height:19px;
		
		color:#0f0f0f;	
}

.rel
{
	position:relative;	
}


/*clearfix to support inline/block combo http://nicolasgallagher.com/micro-clearfix-hack */
.cf:before,
.cf:after {
  content:" ";
  display:table;
}
.cf:after {
  clear:both;
}
.cf {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.half
{
	width:50%;	
}

.oneThird
{
	width:33%;	
}

.oneForth
{
	width:25%;	
	
}

.oneFifth
{
	width:20%;
}

.twoFifths
{
	width:40%;
}

.threeFifths
{
	width:60%;
}

.oneForth p, .oneForth p.red 
{
	margin:30px;	
}

.twoThirds
{
	width:66%;	
}

.twoThirds h1, .twoThirds p, .threeFifths h1, .threeFifths p, .twoThirds h2,
{
	margin-left:20px;
}

h1.red, .header h1.red
{
	color:#CA2026;	
}

h1.grey, .header h1.grey
{
	color:#959595;	
}

.vaText
{
vertical-align:text-top;	
}

/******************************
*  HEADER                     *
*                             *
*    █                        *
*   █ █                       *
*   █ █  █ █  ██  ██  ███     *
*   █ █  █ █  █  █  █    █    *
*   ███  █ █  █  ████  ███    *
*  █   █ █ █  █  █    █  █    *
*  █   █  ██  █   ███  ███    *
*                             *
*  HEADER                     *
*******************************/
.home.header
{
	
	width:100%;	
	max-height:630px;
	position:relative;
	overflow:hidden;
}

.energy.overview.header
{
	height:573px;
	background: url(overview_header2.jpg) no-repeat center center;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
}

.technology.overview.header
{
	height:573px;
	background: url(overview_header.jpg) no-repeat center center;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
}


.retail.overview.header
{
	height:573px;
	background: url(retail-header-1400x573.jpg) no-repeat center center;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
}

.als.overview.header
{
	height:573px;
	background: url(als-header.jpg) no-repeat center top;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  background-position: 20% 80px;
}



#background-video { 

position: absolute; right: 0; top: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;

background: url(header_poster.jpg%3Fv=2) no-repeat;

background-size: cover; 

}


#background-video-alt
{
	display:none;	
}


.technology.overview.header #menuHolderBackground, .retail.overview.header #menuHolderBackground, .insurance.overview.header #menuHolderBackground, .energy.overview.header #menuHolderBackground
{
	background:#fff;
}

#menuHolderBackground
{
	width:100%;
	background-color:#fff;	
	border-bottom: solid 10px #09345c;
}

#menuHolder
{
	margin:0 auto;
	width:1080px;
	height:120px;
	position:relative;
	z-index:0;
}



#headerLogo
{
	position:absolute;
	border:0;
	left:0px;
	bottom:10px;	
}

#headerLinks
{
	position: absolute;
	top: 24px;
	right: 12px;
}

#headerLinks a
{
		font-size:12px;
		color:#898989;
		text-decoration:none;
		font-family: 'Source Sans Pro', sans-serif;
}

#headerLinks a:hover
{
	text-decoration:underline;
}


#supportLink
{
	padding:6px 20px 6px 30px;  -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	border: solid 1px #595959;
	margin-right:20px;
background: url('/support-icon.png') no-repeat;
background-position:15px 50%;
}

#contactLink {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
}

#languageLink
{
	padding:6px 20px 6px 14px;  -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	border: solid 1px #595959;
}

#languageLinkHolder
{
	display:inline-block; position:relative; height:36px; 
}

#languageLinkHolder:hover
{
	background:url(dropdown_arrow_new.png); background-position:bottom center; background-repeat:no-repeat; 		
}

#languageLinkHolder div
{
	display:none;	
	position:absolute; top:36px; left:0px; z-index:20;  width:100%; text-align:center; border-radius: 6px;border: none; background:rgba(57,54,56,.9);
}

#languageLinkHolder div a
{
	color:white;	
}

#languageLinkHolder:hover div
{
	display:block;
}

#menu , #mobileMenu
{
    list-style:none;
   /* width:745px;*/
    margin:30px auto 0px auto;
    height:43px;
    padding:0px;
	color:#4e4d4d;
	
	position:absolute;
	bottom:0;
	right:0;
}

#menu p, #mobileDropdown p
{
	color:#fff;	
	font-size:13px;
}

#mobileDropdown .af.topLeft {
	position:absolute;
	top:0;
	left:10px;
}


#menu p strong, #mobileDropdown p strong
{
	font-size:14px;	
	line-height:19px;
}

.ib
{
 display:inline-block;	
 vertical-align:text-top;
}

div.relative.ib
{
	width:265px;	
	height:61px;
	vertical-align:text-top;
}

#menu h2, #mobileDropdown h2
{
	font-size:15px;	
	font-weight:400;
	padding-top: 0;
	margin-top:0;
	border-bottom: solid 1px white;
	width:100%;
	margin-bottom:10px;
	padding-bottom:6px;
}

#mobileDropdown h2
{
	color:#CDE9FD;
	margin-top:20px;
	
}

#mobileDropdown div.relative.ib:nth-child(2)
{
padding-bottom:0;	
}

#mobileDropdown h2:first-child
{
	margin-top:0;
}

#mobile-navigation-2
{
margin-left:50px;
}

#menu h3, #mobileDropdown h3
{
	font-size:14px;	
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
	font-weight:500;
	text-transform:uppercase;
}
	
#menu li ul, #mobileDropdown li ul
{
	list-style:none;	
	padding:0;
	margin:0;
}

#menu li ul li
{
	margin:0 0 0 10px;
	padding:0;
	float:none;
	text-align:left;
}

#menu li:hover #solDropdown  a
{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:400;
	margin-left:45px;
	
}

 #mobileDropdown   div  a
{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:400;
	margin-left:10px;
	
}

#mobileDropdown   div  img
{
	margin-top:5px;	
	margin-left:10px;
}

#menu li:hover div h3
{
	padding-top:5px;
	padding-bottom:5px;	
}

#menu li:hover #solDropdown h3 
{
	padding-top:0px;
	padding-bottom:0px;	
}

#menu li:hover div h3 a, #mobileDropdown  h3 a
{
	color:#fff;
	text-decoration:none;
	font-size:14px;
	line-height:19px;
	font-weight:600;
	font-weight:500;
}

#menu li:hover div h3 a:hover, #menu li:hover #solDropdown  a:hover, #mobileDropdown a:hover div h3 a:hover, #menu li:hover div a:hover
{
	color:#f6f7bd;
}



#menu li div a:hover, #mobileDropdown div a:hover
{
 color: #f6f7bd;
	 
}

#menu li div a.callout
{
	
}

#menu li ul li:hover
{
    background-color:#fff;
}	
	
#menu li, #mobileDropdown li
{
    float:left;
    text-align:center;
    position:relative;
    padding: 7px 7px;
    margin:0;
	border:none;
}
 
#menu li:hover {
   /* background: #CA2026; */
}

#menu li:hover  a
{
	/* color:#fff;	*/
}
 
#menu li a, #mobileDropdown li a {
   font-family: 'Source Sans Pro', sans-serif;
    font-size:16px; 
    color: #CA2026;
    display:block;
    outline:0;
    text-decoration:none;
	font-weight:700;
	text-transform:uppercase;
    line-height:20px;
}

#menu li span, #mobileDropdown li span {
   font-family: 'Source Sans Pro', sans-serif;
    line-height:16px;
    font-size:13px; 
    color: #aaaaaa;
    display:block;
    outline:0;
    text-decoration:none;
	font-weight:600;
	text-transform:uppercase;
	bottom:0;
	height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
top: .5ex;
}

#menu li:hover a.mainDropdown
{
	background-image:url(dropdown_arrow_new.png); background-position:bottom center; background-repeat:no-repeat; height:36px;	
	background-size:7px 6px;
}

#menu li:hover div.dropdown
{
	display:block;
}

#menu li div.dropdown
{
	display:none;
}

#menu li:hover div div, #menu li:hover div ul
{
	border:none;
}

#navigation-2 {
    margin-left: 5px;
}

.prime {
float:left;
padding-right:25px;
margin-top:-6px;
}

.dropdown, .mobileDropdown
{
	position:absolute;
	top:36px;
	left:0px;
	padding:0;
	margin:0px;
	float:left;
	
	text-align:left;
	font-family: 'Source Sans Pro', sans-serif;
		background: rgba(45,61,84, 1);
	background: -webkit-linear-gradient(rgba(45,61,84, 1), rgba(62,86,119, 1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(45,61,84, 1), rgba(62,86,119, 1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(45,61,84, 1), rgba(62,86,119, 1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(45,61,84, 1), rgba(62,86,119, 1)); /* Standard syntax */

}

.relative
{
	position:relative;
}

.dropdown h2, .mobileDropdown h2
{
	font-size:15px;	
	text-transform:uppercase;
	color:#fefefe;
	font-weight:600; /*semi-bold = 600*/
	font-family: 'Source Sans Pro', sans-serif;
}


#menu li:hover  #solDropdown div h3 a, #mobileDropdown li
{
	font-size:14px;	
	text-transform:uppercase;	
	color:#fefefe;
	margin-left:45px;
}

#mobileDropdown
{
		
	-webkit-transition: max-height 1s ease-in-out;
 	-moz-transition: max-height 1s ease-in-out;
 	-o-transition: max-height 1s ease-in-out;
   transition: max-height 1s ease-in-out;	
   max-height:0;
   overflow:hidden;
   height:0;
}


.dropdown
{
	width:1080px;
	left:-400px;
	top:43px;
	border-top: solid 10px #09345c;
}
.dropdown div.left
{
	float:left;
	/*margin:20px;*/
}
 
.dropdown div.right
{
	float:right;
	/*margin:20px;*/
} 

#solDropdown div.relative.ib
{
	width:280px;	
}

#solDropdown div.relative.ib.shorter
{
	width:200px;	
}

#solDropdown div.relative.ib.auto
{
	width:auto;	
}

#menu .leftSide
{
	width:500px; padding-right:50px; vertical-align:top; color:white; padding-top:20px;	
}

#menu #csDropdown .leftSide
{
	padding-left:40px;
	padding-top:10px;
	width:530px;
	
}

 #menu #aboutDropdown .leftSide {
    padding-left: 40px;
    padding-top: 20px;
    width: 740px;
	padding-bottom:38px;
 }

#pDropdown .leftSide{ padding-top:0px;}

#pDropdown
{
	padding-top:20px;
	padding-bottom:20px;	
}


#csDropdown .rightSide, #aboutDropdown .rightSide
{
	padding-top:30px;
	float:right;
	width:200px;	
}


#solDropdown
{
	padding-bottom:20px;	
}

#solDropdown .rightSide, #pDropdown .rightSide
{
	width:490px;
}

#solDropdown .rightSide{ padding-top:40px;}	

#pDropdown .rightSide{ padding-top:20px;}	

#pDropdown  div.relative.ib
{
	width:250px;
	
	height:auto;		
}

#pDropdown  div.relative.ib:first-child
{
	padding-right:100px;
}

div.grid1,div.grid2, div.grid3,div.grid4, div.grid5,  div.grid6
	{
		display: inline;
		float: left;
		position: relative;
		margin-left: 10px;
		margin-right: 10px;	
		vertical-align: baseline;
		width:200px;
	}
	
	
	div.largeGrid
	{
		display: inline;
		float: left;
		position: relative;
		margin-left: 20px;
		margin-right: 20px;	
		vertical-align: baseline;
		width:500px;	
	}

#mobileMenu
{
	display:none;	
}

/******************************
*  HOME                       *
*                             *
*    █                        *
*   █ █                       *
*   █ █  █ █  ██  ██  ███     *
*   █ █  █ █  █  █  █    █    *
*   ███  █ █  █  ████  ███    *
*  █   █ █ █  █  █    █  █    *
*  █   █  ██  █   ███  ███    *
*                             *
*  HOME                       *
*******************************/

#homepageHeaderMsg
{
     font-family: 'Oswald', sans-serif;
	 font-size: 63px;
	 line-height:68px;
	 color: #fff;
	 
	 font-weight:100;
	
	 padding-top:200px; margin:0 auto; text-align:center; /* was 210px */
	 display:block;
	 height:550px;
}

#homepageHeaderMsg span
{
	text-transform: uppercase; 
	font-family: 'Source Sans Pro';
	font-weight:normal;
	font-size: 16px;
	padding: 10px 16px 10px 26px;
	margin:0;
	text-decoration: none;
	text-align:center;cursor:pointer; background-color:#CA2026;
	color:white;
	position:relative;
	
	background-color: rgba(202, 32, 38,1);
   border: 0px solid #732123 !important;
   border-radius: 3px;
  
	-webkit-transition: all .3s ease-in-out;
 	-moz-transition: all .3s ease-in-out;
 	-o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;	
   cursor:pointer;
   display:inline-block;
   margin-top:10px;
   
}

a.cta, .home p a.cta
{
	text-transform: uppercase; 
	font-family: 'Source Sans Pro';
	font-weight:normal;
	font-size: 16px;
	line-height:20px;
	padding: 10px 16px;
	
	margin:0;
	text-decoration: none;
	text-align:center;cursor:pointer; background-color:#CA2026;
	color:white;
	position:relative;
	margin-top:20px;
	
	background-color: #CA2026;
   	border: 0px solid #732123 !important;
   	border-radius: 5px;
	
  
	-webkit-transition: all .3s ease-in-out;
 	-moz-transition: all .3s ease-in-out;
 	-o-transition: all .3s ease-in-out;
   	transition: all .3s ease-in-out;	
   	cursor:pointer;
	display:inline-block;
}

a.cta.afterul
{
	margin: 0px 25px 0px;	
}

span.exploreOurIndustriesButton 
{
	 cursor:pointer;
	 padding:10px;
}

span.exploreOurIndustriesButton.first-child
{
	padding:20px 10px 20px 0;
}

span.exploreOurIndustriesButton:hover
{
	 text-decoration:underline;
}

table
{
	border:1px solid #ccc;	
}



table tr td, table tr th
{
	border-top:none;
	border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		border-left:none;
}

table tr td:first-child, table tr th:first-child
{
	
		border-left:1px solid #ccc;
}


table tr:first-child td, table tr:first-child th
{
	border-top:1px solid #ccc;
}

table tr:last-child td
{
	
}

#homepageHeaderMsg span:hover
{
	background-color: rgba(202, 32, 38,.8);
	border: 0px solid #CA2026 !important;
	color:white;
}


a.cta:hover, .home p a.cta:hover
{
	background-color: rgba(202, 32, 38,.8);
	border: 0px solid #CA2026 !important;
	color:white;
}

#homepageHeaderMsg span i
{
	/*color:#CA2026; vertical-align:text-middle; position:absolute; bottom:-16px;  left:0; width:100%; text-align:center;	
	*/
	padding-left:10px;
}

a.cta i, .home p a.cta i
{
	padding-left:10px;
}



h1, h2
{
     font-family: 'Oswald', sans-serif;
	 font-size: 36px;
	 line-height:45px;
	 color: #393638;
	 text-transform:none;
	 font-weight:100;
	 
}

h3
{
	
     font-family: 'Source Sans Pro', sans-serif;
	 font-size: 20px;
	 line-height:25px;
	 color: #555;
	 text-transform:none;
	 font-weight:100;	
}

.news h3
{
	margin-top:20px;	
}

h1.med
{
	font-size: 32px;
	 line-height:35px;
}


.callout h2.small
{
	font-size:15px;	
	line-height:18px;
}

.missionText
{
	font-style:oblique;
	font-size:18px;
	color:#CA2026;
	line-height:30px;
	margin-right:40px;	
}


#homepageLogoHolder
{
	text-align:center;
}	

#homepageLogoHolder img
{
	padding:29px 0px;
}

.home p
{
		font-family: 'Source Sans Pro', sans-serif;
		font-size:14px;
		line-height:22px;
		color:#555;	
}

.home p a
{
	color:#CA2026;
	text-decoration:none;	
	font-weight:bold;
}

.home p a:hover
{
	color:#9a3128;
	text-decoration:underline;
}


.whiteHolder
{
 width:100%;
 background-color:#fff;	
 margin:0; padding:0;
}

.medGreyHolder
{
	width:100%;
	background-color:#414141;
	 margin:0; padding:0;
}


.darkGreyHolder
{
	width:100%;
	background-color:#363636;
	 margin:0; padding:0;
}

.greyHolder2
{
	width:100%;
	/*background-color:#959595;*/
	background-color:#393638;
	 margin:0; padding:0;
}

.greyHolder3
{
	width:100%;
	background-color:#6b686a;
	 margin:0; padding:0;	
}

.greyHolder2 a, .greyHolder3 a
{
		color: white;
}

.greyHolder2 a:hover, .greyHolder3 a:hover
{
		color: #ccc;
}


.greyHolder
{
	width:100%;
	background-color:#a1a1a1;
	 margin:0; padding:0;
}	

.redHolder
{
	width:100%;
	background-color:#CA2026;
	margin:0; padding:0;	
}

.redHolder .tab span
{
	color:f3f4f9;
}

.redHolder .tab span:hover
{
color:ffffc0;
}



.greyHolder2  .normalRow ul li, .greyHolder .normalRow ul li, .greyHolder .normalRow strong, .greyHolder2 .normalRow ul li strong
{
		color:white;
}

.lightGreyHolder
{
	width:100%;
	background-color:#ebebeb;
	 margin:0; padding:0;
}	

.darkGreyHolder
{
	width:100%;
	background-color:#363636;
	 margin:0; padding:0;
		
}

.mediumDarkGreyHolder
{
	width:100%;
	background-color:#464646;	
	margin:0; padding:0;
}

.blueHolder
{
	width:100%;
	background-color:#0f4271;
	 margin:0; padding:0;
		
}

.darkBlueHolder
{
	width:100%;
	background-color:#0b365e;
	 margin:0; padding:0;
	
		
}

#aboutAureaSlide1
{
	background:url(about_us_customer_ex_slide1.jpg) center center no-repeat;  margin:0 auto; padding:0; position:relative;	
	height:370px; width:1064px;
}

#aboutAureaSlide2
{
	background:url(about_us_customer_ex_slide2.jpg) center center no-repeat;  margin:0 auto; padding:0; position:relative;	
	height:370px; width:1064px;
}

#aboutAureaSlide3
{
	background:url(about_us_customer_ex_slide3.jpg) center center no-repeat;  margin:0 auto; padding:0; position:relative;	
	height:370px; width:1064px;
}

.arrowHolder
{
	width:100%;
	position:absolute;
	top:0;
	left:0;	
	text-align:center;
}

#aboutAureaSlide1 #rightSide, #aboutAureaSlide2 #rightSide, #aboutAureaSlide3 #rightSide  
{
	position: absolute;
	left: 591px;
	top: 22px;
}

#aboutAureaSlide1 div h1, #aboutAureaSlide2 div h1, #aboutAureaSlide3 div h1
{
	font-size:28px;
	color:white;
}

#aboutAureaSlide1 div p, #aboutAureaSlide2 div p, #aboutAureaSlide3 div p
{
	color:white;
	border:none;
}

#aboutAureaSlide1  p.whiteBorder, #aboutAureaSlide2  p.whiteBorder, #aboutAureaSlide3  p.whiteBorder
{
	color:white;
	border:1px solid white;	
	width:436px;
	padding:20px;
}

p.margin10px
{
	margin:10px;	
}
.tanHolder
{
	
	width:100%;
	background-color:#f7f6f3;
	 margin:0; padding:0;
}

h1.white 
{
	color:white;	
}


.white p strong
{
	color:white;	
}

.footerCallout a
{
	text-decoration:none;
}

.footerCallout a:hover
{
	opacity:.7;
	text-decoration:underline;
}

.leftAlignedRow, .rightAlignedRow
{
margin:0 auto; width:1080px;	min-height:310px;
}



.leftAlignedRow h1, .rightAlignedRow h1
{
	padding-top: 90px;
	margin-top:0;
	margin-bottom:0;
}

.leftAlignedRow
{
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:370px;	
	width:710px;
}


	.top.leftAlignedRow
	{
		background-position:top left;
	}

.leftAlignedRow.large
{
	padding-left:440px;	
	width:640px;
}




.rightAlignedRow
{
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:370px;	
	width:710px;
}


.rightAlignedRow.large
{
	padding-right:440px;	
	width:640px;
}

.rightAlignedRow.xl
{
	padding-right:700px;	
	width:380px;
}

.rightAlignedRow.med
{
	width: 518px;
	padding-right: 652px;	
	
}

div.left30pxIndent p, div.left30pxIndent h1
{
	padding-left:30px;	
}

div.left115pxIndent p, div.left115pxIndent h1
{
	padding-left:115px;	
}

.rightAlignedRow  h1.paddingTop120px
{
	padding-top:120px;	
}


.leftAlignedRow h1.paddingTop60px, .leftAlignedRow h2.paddingTop60px
{
	padding-top:60px;	
}

h1.paddingTop40px, h2.paddingTop40px
{
	padding-top:40px;	
}

h1.paddingTop30px, h2.paddingTop30px
{
	padding-top:30px;	
}


.customerExperience
{
		background-image:url(homepage_image1.jpg);
}

.industryExperience
{
	background-image:url(industryExperience_bg1.jpg);
}

.retailEfinance
{
	background-image:url(http:<?php echo $url; ?>/homepage_image2.png);
}

.makeItWork
{
	background-image:url(homepage_image3.jpg);
	min-height:277px;
	
}


.customerSummit
{
	background-image:url(homepage-customer-summit.jpg);
	min-height:277px;
	
}


.leftAlignedRow.customerSummit
{
	background-position: center left;	
}


.payPal
{
	background-position: center left;	
	background-image:url(paypal_home.jpg);
	padding-top:25px;
}


.leftAlignedRow.servicesSection
{
	padding:10px 150px 10px 270px;

		width: 660px;
		min-height:0;
		background-position: center left;	
		background-image:url(services_copy.jpg);
		margin-top:10px;
		margin-bottom:40px;
}

.normalRow.servicesHeader
{
	padding-bottom:0;
	margin-bottom:0;	
}

.servicesHeader h1
{
	margin-bottom:20px;
}	

.makeItWork h1
{
	padding-top:35px;	
}

.aureaInsurance
{
	background-image:url(homepage_image4.jpg);
	min-height:306px;
}

.leftAlignedRow.aureaInsurance, .leftAlignedRow.makeItWork, .leftAlignedRow.customerExperience
{
	background-position: center left;	
}

.homepage .leftAlignedRow.customerExperience
{
	padding-bottom:50px	
}


.mainContent.homepage
{
	/*line-height:0;	*/
	margin-bottom: -10px;
}

.mainContent.homepage div, .mainContent div, .mainContent .lightGreyHolder, .mainContent .offwhiteHolder
{
	display:inline-block;	
	text-align:center;
}

.mainContent.homepage div div, .mainContent div div
{
	/*display:block;*/	
	text-align:left;
	vertical-align:top;
}


/******************************
*  FOOTER                     *
*                             *
*    █                        *
*   █ █                       *
*   █ █  █ █  ██  ██  ███     *
*   █ █  █ █  █  █  █    █    *
*   ███  █ █  █  ████  ███    *
*  █   █ █ █  █  █    █  █    *
*  █   █  ██  █   ███  ███    *
*                             *
*  FOOTER                     *
*******************************/

	
	#footerWrapper
	{
		width: 100%;
		background-color: #C2C2C2;
		border-top: solid 6px #CA2026;
		
		padding:0;
		display:block;
		text-align:center;
	}
	
	#footer
	{
		width: 1080px;
		min-height:60px;
		display:block;	
		background-color: #C2C2C2;
		color:#393638;
		margin: 0 auto;
		padding-top:20px;
	}
	
	#footer .left
	{
		float:left;	
	}
	
	#footer .right
	{
		float:right;	
	}
	
	
	.footer
	{
	
	}
	
	
	
	div.block
	{
		display:block;	
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
	}
	
	#footer p
	{
		font-size:13px;
		line-height:16px;
		
		color: #393638;
		margin: 0;
		padding: 0;
		
		font-family: 'Source Sans Pro', sans-serif;
		
	}
	
	#footer p small
	{
		font-size:12px;	
	}
	
	#footer p a
	{
		color: #393638;
		text-decoration:none;
	}
	
	#footer p a:hover
	{
		color:#4f4749;
		text-decoration:underline;
	}



/******************************
*  TECHNOLOGY                 *
*                             *
*    █                        *
*   █ █                       *
*   █ █  █ █  ██  ██  ███     *
*   █ █  █ █  █  █  █    █    *
*   ███  █ █  █  ████  ███    *
*  █   █ █ █  █  █    █  █    *
*  █   █  ██  █   ███  ███    *
*                             *
*  TECHNOLOGY                 *
*******************************/

.sideImage
{
	background-color:#09345c;
	padding-bottom:10px;
	margin-bottom:30px;
}	


.justify p
{
	text-align:justify;
}

.sideImage p
{
	color:#fff;	
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
}

br.mobileOnly
{
	display:none;	
}

.photoHolder
{
	
	margin:0;
	padding:0;
	overflow:hidden;	
	line-height:0;
	cursor:pointer;
	background-repeat:no-repeat;
}


.leadership .bioPhoto
{
	margin-bottom:40px;
	margin-right:10px;
}



.bioPhoto img
{
	opacity:1;
	-webkit-transition:opacity .5s linear;
	-moz-transition:opacity .5s linear;
	-ms-transition:opacity .5s linear;
	transition:opacity .5s linear;
	
}

 .bioPhoto img:hover
{
	opacity:0;	
}



.bioPhoto p
{
	/*
	text-align:center;
	font-size:23px;
	line-height:25px;
	color:#CA2026;
	font-family: 'Oswald', sans-serif;
	font-weight:100;
	padding-bottom:10px;
	*/
}

.bioPhoto p
{
	font-family: 'Source Sans Pro', sans-serif;
		font-size:16px;
		line-height:24px;
		color:#393638;	
		padding-top:5px;
		padding-bottom:5px;
		font-weight:500;
		text-decoration:none;	
		text-align:center;
		cursor:pointer;
}

 .bioPhoto p strong
{
	font-family: 'Source Sans Pro', sans-serif;
		font-size:16px;
		line-height:24px;
		color:#414f72;	
		padding-top:5px;
		padding-bottom:5px;
		font-weight:700;
	color:#CA2026;	
}


.bioPhoto:hover p, .bioPhoto:hover p strong
{
	text-decoration:underline;	
}



.bioPhoto
{
	margin-right:45px;	
}

.technology.detail.header #menuHolderBackground
{
	background-color:#f2e9e8;
}

#breadcrumbHolder
{
	width:100%;
	/*background-color:#273044;	*/
	background-color:#363938;
}

#breadcrumbHolderTransparent
{
	width:100%;
    background-color:rgba(00, 00, 00, .4);	
}

#breadcrumb, #breadcrumb a
{
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	color: #c9c0bd;
	font-weight:100;
	
	padding:16px 0;
	letter-spacing:2px;
	
	text-decoration:none;
}

#breadcrumb p
{
	padding:0;
	margin:0;	
	
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	color: #c9c0bd;
	font-weight:100;
	letter-spacing:2px;
}

#breadcrumb a:hover
{
	text-decoration:underline;	
}



.blueHeaderHolder
{
	/*background-color:#414f72;	*/
	background-color:#363938;
	width:100%;
}

.aboutHeaderHolderLarge
{
	height:442px;
		
		width:100%;
		background:url(about_us_header.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.aboutHeaderHolderLarge2
{
	height:442px;
		
		width:100%;
		background:url(customer_sucess_header.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.aboutHeaderHolderLarge2.alt
{
	
		background:url(industry_header.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.transHeaderHolderLarge
{
	height:395px;
		
		width:100%;
}

.transHeaderHolderLarge .header h1
{
		font-size:70px;
	line-height:75px;
}


.transHeaderHolderLarge .header h1 strong
{
	font-family: 'Oswald', sans-serif;
		font-size:70px;
	line-height:75px;
	color: #fff;
	font-weight:500;
	margin-top:1px;
	margin-bottom:35px;
}

.aboutHeaderHolderLarge .header h1
{
		font-size:66px;
	line-height:69px;
	margin-top:200px;
}


.aboutHeaderHolderLarge .header h1 strong,.aboutHeaderHolderLarge2 .header h1 strong
{
	font-family: 'Oswald', sans-serif;
		font-size:66px;
	line-height:69px;
	color: #fff;
	font-weight:500;
	margin-top:1px;
	margin-bottom:35px;
}

.aboutHeaderHolderLarge2 .header h1
{
		font-size:66px;
	line-height:69px;
	margin-bottom:5px;
	text-transform:uppercase;
	font-weight:500;
}

.zeroLineHeight
{
	line-height:0;	
}


.aboutHeaderHolderLarge2 .header h1.firstLine
{
	font-size:41px;
	line-height:44px;
	margin-top:170px;	
	text-transform:uppercase;
	font-weight:100;
}


.header h1
{
	font-family: 'Oswald', sans-serif;
	font-size: 70px;
	line-height: 75px;
	color: #fff;
	font-weight:100;
	margin-top:1px;
	margin-bottom:35px;
}

.header h1.med
{
	font-size:41px;
	line-height:43px;	
}


.header h3
{
	font-family: 'Source Sans Pro', sans-serif;
	color:#fff;
	font-weight:800;
	font-size:15px;
	margin-top:35px;
	letter-spacing:1px;
	margin-bottom:0;
	
}

.event
{
	width:100%;	
	position:relative;
	padding-top:5px;
	padding-bottom:35px;
}

a
{
	color:#CA2026;	
	text-decoration:none;
}

 a.title
{
	font-family: 'Source Sans Pro', sans-serif;
		font-size:16px;
		line-height:19px;
		color:#CA2026;	
		padding-top:5px;
		padding-bottom:5px;
		font-weight:600;
		text-decoration:none;
}

hr
{
	border:1px solid #dedede	;
	margin-top:20px;
	margin-bottom:20px;
}

 a.title:hover, a:hover
{
	color:#414F72;	
	text-decoration:underline;
}
.event strong
{
color:#555;	
}

.event img
{
	
	position:absolute;
	top:25px;
	left:0;	
	
}

.event div
{
	
	margin-left:214px;
	
	 min-height:161px;	
}

.transHeaderHolderLarge .header h3
{
	margin-top:100px;	
}

.mainContent
{
	text-align:left;	
}


.sidebarHolder
{
	float:right;
	margin:0;
	padding:0 0 20px 20px;	
}

.sidebar
{
	/*background:#d0cfcd; */
	/*background:#f7f6f3; */
	margin:0;
	padding:26px 0;	
	width:350px;
}

.sidebar.med
{
	width:250px;	
}

.callout
{
	background:#F3F4F9;	
	width:100%;
	
	
	margin:4px 0;
	/*background-image:url(sidebar-divider.png);*/
	background-position: right 50px;
	background-repeat:no-repeat;
	
	padding-bottom:20px;
}


.callout .left
{
	display:inline-block;
	width:142px;
	vertical-align:text-top;
}

.callout .right
{
	display:inline-block;
	width:190px;
	vertical-align:text-top;
}


.callout .right h1
{
	margin-left:20px;
	font-size:20px;
	line-height:30px;	
	font-weight:100;
	letter-spacing:normal;
}

.callout h2, .callout h1, .callout h4, .callout h5
{
	
	margin:10px 32px;	
}

.callout p
{
	margin:10px 32px;
	color:#ca2026;
}

.callout img
{
	
	margin:0 0 0 32px;	
}

.callout h1, .callout h4
{
	font-weight:100;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:22px;
	margin-top:20px;
	padding-bottom:15px;
	margin-bottom:0;
	letter-spacing:.7px;
	color:#393638;
	border-bottom: solid 1px black;
}

.sidebar .callout .fixed110Width
{
	width:110px;
	padding-left:0; padding-right:0; margin-left:0; margin-right:0;
	text-align:center;	
}

.callout h2
{
	font-weight:100;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:30px;
	color: #CA2026;
	padding-bottom:10px;
	
}


.callout h2:hover
{
	text-decoration:none;
        opacity:.8;
}

.callout a:hover
{
	text-decoration:none;	
opacity:.8;
}

.homepageSlideshow div.tab
{
	width:25%;	
	display:inline-block;
	padding-top:5px;
	padding-bottom:12px;
	text-align:center;
}


.homepageSlideshow.darkGreyHolder
{
	border-bottom: solid 1px #fff;	
}

.slideshowContainer .homepageSlideshow
{
	width:1150px;	
}

.homepageSlideshow .slide .rightAlignedRow.med
{
	padding-left:100px;	
	width:400px;
}

div.largeTab.selected h2:hover, div.largeTab.selected:hover
{
	color:#ddd;	
}

div.largeTab h2:hover, div.largeTab:hover
{
	color:#aaa;	
}

div.largeTab.selected
{
	background-color:#393638;	
}


.mainContent div div.tab, .mainContent div div.largeTab
{
	text-align:center;
}


.homepageSlideshow div.tab span
{
	font-weight:100;
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	line-height:24px;
	color: #f3f4f9;
	position:relative;
	letter-spacing:1px;
	  text-decoration:none;
	  cursor:pointer;
	  
}




.homepageSlideshow div.tab span:hover
{
	color: #ffffc0;
}


div.largeTab
{
	font-weight:100;
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	line-height:27px;
	color: #fff;
	position:relative;
	letter-spacing:1px;
	  text-decoration:none;
	  cursor:pointer;

	
	display:inline-block;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
	background-color:#EBEBEB;	
	margin:0 10px;
	text-transform:uppercase;
}

div.largeTab h2
{
 margin:0; padding:0;	
 font-weight:100;
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	line-height:27px;
	letter-spacing:1px;
	  text-decoration:none;
	  cursor:pointer;
	  text-transform:uppercase;
}

div.largeTab.selected h2
{
	color: white;
}

.twoTab
{
	text-align:left;	
}

.twoTab div.largeTab
{
	width:50%;	
	margin:0 10px;	
	
}

.twoTab div.largeTab
{
	width:40%;	
	margin:0 10px;
}

.threeTab div.largeTab
{
	width:27%;	
	margin:0 10px;
	font-size: 20px;
}

.threeTab div.largeTab h2
{
	font-size: 20px;
}


.fourTab div.largeTab
{
	width:20%;	
	margin:0 10px;
	font-size: 18px;
	line-height: 21px;
}

.fourTab div.largeTab h2
{
	font-size: 18px;
	line-height: 21px;
}


.fiveTab div.largeTab
{
	width:18%;	
	margin:0 5px;
	font-size: 17px;
	line-height: 20px;
}

.fiveTab div.largeTab h2
{
	font-size: 17px;
	line-height: 20px;
}


.sixTab div.largeTab
{
	width:16%;	
	margin:0 3px;
	font-size: 15px;
	line-height: 18px;
}

.sixTab div.largeTab h2
{
	font-size: 15px;
	line-height: 18px;
}


.largeTabHolder .slide
{
	display:none;	
}

.largeTabHolder .slide.selected
{
	display:block;	
	
}


.homepageSlideshow div.tab span i
{
  display: none;
  font-family: aurea_fontregular;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:18px;
  color: #363636;
  width:100%;
  text-align:center;
  position:absolute;
  left:0;
  bottom:-17px;

}

.homepageSlideshow div.tab span i:before
{
 content: "\f1a6";
}

.homepageSlideshow div.tab.selected span
{
	color:#ffffc0;	
}

.homepageSlideshow div.tab.selected span i
{
	display:inline-block;
}

.slideHolder
{
	position:relative;
	/*min-height:470px;	*/
	overflow:hidden;
}

.slide
{
	 
	-webkit-transition: left 1s ease-in-out;
 	-moz-transition: left 1s ease-in-out;
 	-o-transition: left 1s ease-in-out;
   transition: left 1s ease-in-out;		
}

.hidden
{
	display:none;	
}

 .homepageSlideshow #slide1
{
	width:100%;  background-image:url(homepage_industries_retail.jpg); background-position:center; background-repeat:no-repeat; text-align:center;	 color:white; position:absolute;
}

.slideHolder div.slide h1
{
	line-height:45px;	
	color:white;
}

.slide p, .slide p strong
{
 color:white;	
}

.homepageSlideshow #slide1
{
	width:100%; background-image:url(homepage_industries_airlines.jpg); background-position:center; background-repeat:no-repeat; text-align:center;	 color:white; position:absolute; left:0;
}
.homepageSlideshow #slide2
{
	width:100%; background-image:url(homepage_industries_retail.jpg); background-position:center; background-repeat:no-repeat; text-align:center;	 color:white; position:absolute; left:100%; 
}
.homepageSlideshow #slide3
{
	width:100%;  background-image:url(homepage_industries_insurance.jpg); background-position:center; background-repeat:no-repeat; text-align:center;	 color:white; position:absolute;  left:200%;
}

.homepageSlideshow #slide4
{
	width:100%;  background-image:url(homepage_industries_energy.jpg); background-position:center; background-repeat:no-repeat; text-align:center;	 color:white; position:absolute; left:300%;
}

.normalRow
{
	width:1080px; margin:0 auto;	
	padding-top:10px;
	padding-bottom:10px;
}

.noWhitespace
{
	padding-top:0px;
	padding-bottom:0px;
}


.normalRow.centerText, .centerText
{
	text-align:center;
}	

.normalRow.extraPadding
{
		padding-top:30px;
}



.normalRow.crazyExtraPadding
{
	padding-top:110px;
	padding-bottom:120px;
}

.normalRow.noBottomPadding
{
	padding-bottom:0px;	
}

.noOverflow
{
	overflow:hidden;	
}

.acordianHeader, .mainContent .acordianHeader, .acordianSection, .mainContent .acordianSection
{
	display:block;	
}

.acordianHeader
{
	cursor:pointer;
}

.acordianHeader h3
{
	font-weight:600;
	font-family: 'Source Sans Pro', sans-serif;	
	font-size:21px;
	color:#CA2026;
	position:relative;
}

.acordianSection
{
	overflow:hidden;
	max-height:2000px;
}

.acordianSection.closed
{
	max-height:0;	
}

.acordianHeader.closed div.arrow
{
	
	-webkit-transform:rotate(-90deg) translateX(1px);
	-moz-transform:rotate(-90deg)  translateX(1px);
	-ms-transform:rotate(-90deg)  translateX(1px);
	transform:rotate(-90deg)  translateX(1px);
	
	
}

.acordianHeader div.arrow:before
{
 content: "\f1a5";	
}

.acordianHeader div.arrow
{
	
	display:inline-block;  font-family: aurea_fontregular; font-size:10px; vertical-align:text-bottom; height: 0; line-height: 1; position: relative;  margin-right:20px; width:30px; 	
	bottom:17px; 
	-webkit-transform-origin:6px 4px;
	-webkit-transform:rotate(0deg);
	-moz-transform-origin:6px 4px;
	-moz-transform:rotate(0deg);
	transform-origin:6px 4px;
	transform:rotate(0deg);
	left:1px;
	
	
}

.acordianHeader.animated div.arrow, .acordianHeader.closed.animated div.arrow
{
	-webkit-transition: -webkit-transform .5s linear;
	-moz-transition: -moz-transform .5s linear;
	transition-property: transform .5s linear
}


h4
{
	
     font-family: 'Oswald', sans-serif;
	 font-size: 54px;
	 line-height:54px;
	 color: #CA2026;
	 /*text-transform:uppercase;*/
	 font-weight:300;	
	 margin-top:80px;
	 margin-bottom:40px;
}

p, ul, li, strong
{
		font-family: 'Source Sans Pro', sans-serif;
		font-size:18px;
		line-height:26px;
		color:#0f0f0f;	
		padding-top:5px;
		padding-bottom:5px;
}

p.extraLarge, ul.extraLarge, .extraLarge li, .extraLarge strong, p.extraLarge strong, .extraLarge p, strong.extraLarge
{
		
		font-size:24px;
		line-height:29px;
		
}

p.larger, ul.larger, .larger li, .larger strong, p.larger strong, .larger p, strong.larger
{
		
		font-size:18px;
		line-height:23px;
		
}

p.large, ul.larg, .large li, .large strong, p.large strong, .large p
{
		
		font-size:16px;
		line-height:21px;
		
}

strong.red, p.red strong .red, p.red, .red strong
{
	color: #CA2026;
}

.offwhiteHolder
{
	 width:100%;
	/*background-color:#f7f6f3;	*/
	background-color:#ffffff;	
	 margin:0; padding:0;
}

.redHolder
{
	 width:100%;
	background-color:#CA2026;	
	 margin:0; padding:0;
}

.darkBlueHolder
{
	 width:100%;
	background-color:#09345c;	
	 margin:0; padding:0;
		
}


.redHolder h1, .redHolder h5, .redHolder h5 strong, .darkBlueHolder h1, .darkBlueHolder h5, .darkBlueHolder h5 strong
{
	color:#fff;	
	
}

a.small.cta 
{
	
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:100;
	font-size: 10px;
	padding: 9px 13px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	background-color:#CA2026;
	vertical-align:baseline;
	position:relative;
	margin-bottom:9px;
	letter-spacing:1px;
	display:inline-block;
	
letter-spacing:0px;
	font-size: 16px;
line-height:20px;
padding: 10px 16px;
}

a.small.cta.onRight
{
		top:-9px;	
}

a.small.cta.noTop
{
	margin-top:0px;	
}

a.small.blue.cta
{
	background-color:#195263;	
}

a.small.cta.onLeft
{
	margin-left:32px;	
}

span.spacer
{
	display:inline-block;
	width:20px;	
}

 h5
{
	font-family: 'Oswald', sans-serif;
	font-size: 50px;
	line-height: 60px;
	color: #CA2026;
	font-weight:100;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:100;
}

h5 strong
{
	font-family: 'Oswald', sans-serif;
	font-size: 50px;
	
	line-height: 60px;
	color: #CA2026;
	font-weight:100;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:500;
}

.technology .greyHolder p
{
	color:#959595;	
	font-size:16px;	
}



.technology .greyHolder .customerExperience
{
	background-position:top left;	
}

.resourceCallout
{
	display:inline-block; width:272px; position:relative; 	
	padding-left:55px;
	padding-right:30px;
	vertical-align:text-top;
}

.resourceCallout a
{
	text-decoration:none;	
}

.resourceCallout a:hover
{
	opacity:.8;
}

.resourceCallout h1
{
	font-weight:100;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:22px;
	margin-top:0px;
	margin-bottom:17px;	
	padding-bottom:10px;     
	border-bottom: solid 1px #898989;
	text-transform:uppercase;
}

.resourceCallout .af.af-play.topLeft.large
{
	font-size:52px	
}

.resourceCallout p
{
	/*font-size:16px;*/
	color:#CA2026;	
	/*font-weight:100;*/
	margin-top:10px;
}

.resourceCallout img.icon
{
	width:45px;
	height:45px;
	position:absolute;
	top:-13px;
	left:0;
}

.resourceCallout a:hover p
{
	text-decoration:underline;
}	

.largeGreyText, .largeGreyText p
{
	/*
 font-size:18px;
 line-height:22px;
 color: #959595;
 */	
}

.useCaseHeader, .mainContent div div .useCaseHeader
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:26px;
	background:url(use_case_corner.jpg) top left no-repeat;
	width:100%; 
	padding-top: 55px;
	color:#82817c;
	text-align:center;
	position:relative;
	letter-spacing:normal;
	
}

.useCaseHeader h2, .mainContent div div .useCaseHeader h2
{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:26px;
	text-align:center;
	letter-spacing:3px;
	margin:0;padding:0;
	font-weight:normal;
	height:33px;
	padding: 0 40px 0 70px;
}

 .useCaseHeader h2 strong
 {
	 font-family: 'Source Sans Pro', sans-serif;
	font-size:26px;
	font-weight:600; 
 }
.useCaseHeader h2.small, .mainContent div div .useCaseHeader h2.small
{
	font-size: 18px;	
	line-height: 21px;
}


.useCase
{
	width:662px;
	background:#e8e7de;	
	margin-bottom:20px;
}

.useCase strong, .useCaseHeader .af-left-arrow , .useCaseHeader .af-right-arrow 
{
	color:#82817c;
}

.useCaseHeader .af-left-arrow  
{
	vertical-align:bottom;
	bottom:10px;
	position:absolute;
	left:58px;	
}

.useCaseHeader .af-right-arrow 
{
	vertical-align:bottom;
	bottom:10px;
	position:absolute;
	right:25px;
}

.useCaseHeader .af-left-arrow:hover,.useCaseHeader .af-right-arrow:hover
{
	opacity:.8;	
	cursor:pointer;
}


.useCase .useCaseContent
{
	margin:0 25px 15px 58px;
	position:relative;
	width:579px;
	overflow:hidden;
}	



.useCaseSlide, div.useCaseSlide
{
	width:100%;
	
}


.modalBackground
{
	background-color:black;
	opacity:.7;	
	margin:0;
	padding:0;
	width:100%;
	height:120%;
	position:absolute;
	top:0;
	left:0;
	margin-top:-10%;
	z-index:100;
}

.bioOverlay
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;	
	
	-webkit-box-shadow: 3px 3px 18px 0px rgba(0, 0, ,0 0.45);
	-moz-box-shadow:    3px 3px 18px 0px rgba(0, 0, 0, 0.45);
	box-shadow:         3px 3px 18px 0px rgba(0, 0, 0, 0.45);

	position:absolute;
	top:20px;
	left:30px;
	padding:30px;
	width:475px;
	padding-left:325px;
	background-color:white;
	z-index:101;
}

.bioOverlay .photoHolder
{
	position:absolute;
	top:50px;
	left:50px;	
}

.bioOverlay .bioDescription
{
	min-height:217px;	
	width:100%;	
}

.bioOverlay .bioDescription h1, .bioOverlay .bioDescription p
{
	margin-right:20px;	
}

.bioOverlay .bioDescription h1.title
{
	font-size:18px;
	line-height:23px;
	color:#666;	
}

.bioOverlay .bioDescription, .bioOverlay .bioDescription p
{
	color:#393638;	
	line-height:normal;
	font-size:16px;
	line-height:24px;
}

.bioOverlay .bioDescription h1
{
		font-size:30px;
		font-weight:400;
}

.bioOverlay .bioDescription h1
{
		font-size:30px;
		font-weight:400;
}

.bioOverlay .closeBtn
{
	position:absolute;
	top:8px;
	right:8px;
}

.bioOverlay .noMargin
{
	margin:0;	
}

.bioOverlay .closeBtn:hover
{
	opacity:.8;	
}


.normalRow.noVerticalPadding
{
	padding-top:0;
	padding-bottom:0;	
}

div.videoThumbnail{height:95px; width: 206px; display:inline-block; vertical-align:top; padding-top:0px; margin-top:0;}
div.thumbSpacer{height:95px; width: 100px; display:inline-block; vertical-align:top; padding-top:0px; margin-top:0;}

div.videoThumbnail:hover{cursor:pointer; opacity:.9;}

div.thumbSpacer p
{
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	font-weight:200;
	line-height:25px;
	text-align:left;
}


/*********
start header
**********/
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    /* Retina-specific stuff here */
#menu li:hover a.mainDropdown
{
	background-image:url(dropdown_arrow2x_new.png); background-position:bottom center; background-repeat:no-repeat; height:36px;	background-size:14px 12px;
	color:#414f72;
}

    
.useCaseHeader, .mainContent div div .useCaseHeader
{
	background:url(use_case_corner2x.jpg) top left no-repeat;
	background-size: 75px 58px;
	
}


}

@media (max-width: 1079px) {

	#menuHolder, .dropdown
	{
		width:100%;
	
	}	

}


@media (max-width: 668px) {

	#menuHolder
	{
		height:75px;	
	}

	#headerLogo
	{
		left:20px;
		bottom:20px;
		width:61px;
		height:30px;	
	}

	#menuHolder #headerLinks, #menuHolder #menu
	{
	display:none; 
	
	}	

	#homepageHeaderMsg
	{
		font-size:30px;
		line-height:35px;
		font-size:26px;
	line-height:28px;	
	
	margin:30px;
		height: auto !important;	
	}
	
	.homepageSlideshow div.tab
	{
		width:100%;
		display:none;	
	}
	
	
	.homepageSlideshow div.tab.selected 
	{
		display:inline-block;	
		width:100%; 
	
	}
	
}



}

/*********
end header
**********/


/*********
start home
**********/

@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    /* Retina-specific stuff here */
	
	
	
	.customerExperience
	{
		background-image:url(homepage_image12x.png);
		background-size:283px 199px;
	}

	
	.makeItWork
	{
	background-image:url(homepage_image32x.jpg);
	background-size:295px 233px;
	}
	
	.aureaInsurance
	{
	background-image:url(homepage_image42x.jpg);
	background-size:308px 242px;
	}

}



@media (max-width: 1079px) {
	.event img
{
	position:absolute;
	top:25px;
	left:10px;	
}
	
	.half.largeSizeOnly
	{
		width:100%;
			
	}
	
	.half.largeSizeOnly img
	{
		margin-left:10px;	
	}
	
	p 
	{
		margin-right:10px;	
	}

	.leftAlignedRow, .rightAlignedRow
	{
		width:100%;
	}	
	
	.leftAlignedRow
	{
		background-position:center left;
		background-repeat:no-repeat;
		padding-left:34%;	
		width:66%;
	}
	
	
	h3, h1, p
	{
		margin-left:10px;
		margin-right:10px;
	
	}
	


	#breadcrumb 
	{
		margin-left:10px;
		width:auto;
	}

.leftAlignedRow.large
{
	padding-left:40%;	
	width:60%;
}


.rightAlignedRow
{
	padding-right:34%;	
	width:66%;
}

.rightAlignedRow.med
{
		padding-right:52%;	
	width:48%;
}

.rightAlignedRow.large
{
	padding-right:40%;	
	width:60%;
}


#homepageLogoHolder img
{
 width:190px; height:47px;	
}

}


@media only screen and (max-width: 678px) {

.slide #rightSide div
{
		border:none !important;
}

#aboutAureaSlide1, #aboutAureaSlide2, #aboutAureaSlide3
{
	background-image:none;
	background-color:#0f4271;  margin:0 auto; padding:0; position:relative;	
	height:auto; width:100%;

}


.arrowHolder
{
	width:100%;
	position:absolute;
	top:0;
	left:0;	
	text-align:center;
}

.slideHolder div.slide h1
{
	position:relative;
	display:block;	
}

#aboutAureaSlide1 #rightSide, #aboutAureaSlide2 #rightSide, #aboutAureaSlide3 #rightSide  
{
	position: relative;
	left: auto;
	top:auto;
	padding-top: 20px;
	display:block;
}

.ib.oneThird, .ib.twoThirds
{
	width:100%;
}



#aboutAureaSlide1 div h1, #aboutAureaSlide2 div h1, #aboutAureaSlide3 div h1
{
	font-size:28px;
	color:white;
	text-align:center;
}

#aboutAureaSlide1 div p, #aboutAureaSlide2 div p, #aboutAureaSlide3 div p
{
	color:white;
	border:none;
}

#aboutAureaSlide1  p.whiteBorder, #aboutAureaSlide2  p.whiteBorder, #aboutAureaSlide3  p.whiteBorder
{
	color:white;
	border:none;	
	width:auto;
	margin:10px;
}

#mobileMenu
{
	display:block;	
}
	
.aboutHeaderHolderLarge2 .header h1.firstLine {
	margin-top:0;
}

.aboutHeaderHolderLarge .header h1
    {
    
    font-size:22px;
line-height:26px;
margin-top:140px;
}

.aboutHeaderHolderLarge .header h1 strong
{
	font-size:22px;
line-height:26px;
}

.aboutHeaderHolderLarge
{
	height:242px;
}
    
.homepageSlideshow .slide .rightAlignedRow.med
{
	padding-left:0px;	
	width:100%;
}    
    
    
    
#mobileDropdown
{
	position:absolute;
	top:70px;
	left:0;
	width:100%;	
}

a#contactLink 
{
	color:white;
	padding-left:10px;
    padding-top: 10px;
    padding-right: 33px;
    padding-bottom: 10px;
    padding-left: 20px;
}

#supportLink
{
	
border: solid 1px white;
color:white;
background:none;
padding: 6px 20px 6px 14px;    
}
	
#mobileMenu img
{
	padding-right:10px;	
}


.mainContent div div .useCase,  .useCase
{
	text-align:center;	
	width:100%;

}

 .useCase .useCaseContent
{
	margin:0 0px 15px 0px;
	position:relative;	
	width:100%;
}



.useCase .useCaseContent .useCaseSlide
{
	margin:0 10px;	
}

 .useCase .useCaseContent div
 {
		margin:0 !important;
		width:100% !important; 
 }

.useCase p
{
	text-align:left;	
}

	
div.largeTab
{
	display:none;	
}

div.largeTab.selected
{
	display:block;
	background-color: #a1a1a1;
	margin:0 auto;
}
	
	
	video#background-video
	{
		display:none;	
	}
	
	#background-video-alt
{
position: absolute; right: 0; top: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;

background: url(header_poster.jpg%3Fv=2) no-repeat;

background-size: cover; 
display:block;
}


.mainContent div.offwhiteHolder .normalRow.extraPadding
{
	text-align:center;	
}

.resourceCallout 
{
	padding-left:25px;	
	padding-right:20px;
}
.resourceCallout .topLeft.large.black
{
	font-size:35px !important; 
}

.leftAlignedRow.servicesSection
{
	padding:0px;

		width: 100%;
		min-height:0;
		background-position: center top;	
		background-image:none;
		margin-top:10px;
		margin-bottom:40px;
}

.servicesHeader h1
{
 margin-bottom:0;	
}

strong.red, p.red strong .red, p.red, .red strong
{
	margin-left:10px;
}

.sidebarHolder, .sidebar
{
 width:100%;
 
 text-align:center;	
}

 .callout .right, .callout .left
 {
	width:100%; 
 }


	.homepageSlideshow #slide1, .homepageSlideshow #slide2, .homepageSlideshow #slide3, .homepageSlideshow #slide4
	{
		background-image:none;	
	}
	
	.event
	{
		padding-top:10px;
		padding-bottom:10px;	
	}
	
	.event img
	{
		display:none;	
	}
	
	.event div
	{
		margin-left:0;	
	}
	
	
	.oneThird.desktopOnly, .twoThirds.desktopOnly,  .oneForth.desktopOnly, .threeFifths.desktopOnly, .threeFifths.desktopOnly
	{
		width:100%;
	}

	.half.largeSizeOnly img
	{
		margin-left:0px;
		margin-right:0px;
		width:100%;
		height:auto;
		
	}
	
	#homepageHeaderMsg
	{
		padding-top:0;	
	}

#homepageLogoHolder img
{
	padding:7px;	
 width:15%; height:auto;	
}

#homepageLogoHolder
{
	padding-top:6px;	
}
/*
#homepageLogoHolder img:nth-child(2)
{
	margin-right:20px;	
}

#homepageLogoHolder img:nth-child(3)
{
	margin-left:10px;	
}

#homepageLogoHolder img:nth-child(5)
{
	margin-right:10px;	
}
*/

h1, h1.red, .header h1, h1.red.paddingTop60px, .slideHolder div.slide h1
{
	margin:10px;
	font-size:26px;
	line-height:31px;	
	/*
	font-size: 40px;
 line-height:45px;
 */
}

h1.med
{
	font-size: 20px;
	 line-height:25px;
}


h1.medLarge, .slideHolder div.slide h1.medLarge
{
	font-size: 29px;
	 line-height:34px;
}

p.doubleSpace, .doubleSpace p
{
	line-height:40px;
}


#homepageHeaderMsg
{
	font-size:30px;
	line-height:35px;
}


div#slide1, div#slide2, div#slide3, div#slide4
{
	background-image:none;
	background: #898989;	
}


.slideHolder
{
	min-height:300px;	
}



p
{
 margin-left: 10px;
 margin-right: 10px;	
}

.med.rightAlignedRow.left30pxIndent
{
	padding:0;
	margin-left:0px;
	margin-right:0px;
	width:100%;
}

div.left30pxIndent p, div.left30pxIndent h1
{
	padding:0;
}

br.desktopOnly
{
 display:none;	
}

.leftAlignedRow, .leftAlignedRow.large, .rightAlignedRow, .rightAlignedRow.large, .rightAlignedRow.med
{
	background-image:none;	
	padding-left:0;	
	padding-right:0;

	width:100%;
}


/*
.leftAlignedRow, .leftAlignedRow.large, .rightAlignedRow, .rightAlignedRow.large, .rightAlignedRow.med
{
	background-position:50% 30px;
	background-repeat:no-repeat;
	padding-left:0;	
	padding-right:0;
	padding-top:180px;
	width:100%;
}


.leftAlignedRow.customerExperience
{
	padding-top:130px;
}

.leftAlignedRow.servicesSection
{
	background-position:50% 30px;
	background-repeat:no-repeat;
	padding-left:0;	
	padding-right:0;
	padding-top:180px;
	width:100%;
}


	.customerExperience, .servicesSection
	{
		background-image:url(homepage_image1.jpg);
		background-size:160px 140px;
		background-position: center top;
		
	}
	
	.leftAlignedRow.customerExperience, .leftAlignedRow.makeItWork, 
	.leftAlignedRow.aureaInsurance, .leftAlignedRow.servicesSection
	{
		background-position: center 30px;
		
	}

	
	.makeItWork
	{
	background-image:url(homepage_image3.jpg);
	background-size:200px 170px;
	}
	
	.aureaInsurance
	{
	background-image:url(homepage_image4.jpg);
	background-size:200px 170px;
	}
*/

.transHeaderHolderLarge .header h1
{
	font-size:40px;
	line-height:45px;
}

.transHeaderHolderLarge
{
	height:auto;
	min-height: 300px;
}

.technology.overview.header, .retail.overview.header, .insurance.overview.header, .energy.overview.header, .als.overview.header
{
	height:300px;	
}
    
.technology.overview.header, .retail.overview.header, .insurance.overview.header, .energy.overview.header, .als.overview.header
{
	height:300px;	
}    

.transHeaderHolderLarge .header h3
{
	margin-top:10px;	
}

br.mobileOnly
{
	display:block;	
}

.mainContent div div.centerOnMobile
{
	text-align:center;	
}

.bioPhoto
{
	margin-right:10px;
	margin-left:10px;	
}

.bioOverlay
{
	width:100%;
	margin:0;
	padding:0;
		
}

.bioOverlay p, .bioOverlay h1, .bioOverlay h1.noMargin
{
 	margin-left:20px;
}

 .bioOverlay h1.noMargin
 {
	 
		margin-top:10px; 
 }

}

@media(max-width:320px) {
	
.technology.overview.header, .energy.overview.header
{
	 height:345px;
}
    
.retail.overview.header, .insurance.overview.header, .als.overview.header
{
	 height:365px;
}    

}


@media (max-width: 1079px) {

	.normalRow
	{
		width: 100%;
	}
	
}

/*********
end home
**********/

/*********
start footer
**********/
@media (max-width: 1079px) {


#footerWrapper
	{
		width: 100%;
		
	}
	
	#footer
	{
	  
		width: 100%;
	}
	
	#footer div.left, #footer div.right
	{
			margin-left:10px;
		margin-right:10px;
	}
	
	
	#headerLogo
	{
		left:10px;	
	}
}
/*********
end footer
**********/

/*********
start modal 
**********/
#welcomeinfo {
    left:65%;
    margin:-250px 0 0 -40%;
    opacity: 0;
    position:fixed;
    top:-50%;
    visibility: hidden;
    width:50%;
    box-shadow:0 3px 7px rgba(0,0,0,.25);
    box-sizing:border-box;
    transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;

}
/* Make the modal appear when targeted */
#welcomeinfo:target {
    opacity: 1;
    top:50%;
    visibility: visible;
}


#welcomeinfo .modal-footer {
    width: 95%;
    margin: 0 auto;
    }
#welcomeinfo h2 {
    margin:10px;
}
#welcomeinfo .cta {

}
#welcomeinfo .copy,#welcomeinfo .modal-header, #welcomeinfo .modal-footer {
    padding:15px;
}
.modal-content {
    background: #ffffff;
    position: relative;
    z-index: 300;
    border-radius:5px;
}
#welcomeinfo .modal-copy {
    padding: 0 25px 0 25px;
    background: #fff;
    margin:0px;
}

#welcomeinfo .overlay {
    background-color: #000;
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}

@media only screen and (max-width: 678px) {

   #welcomeinfo {
    left:40%;
    position:absolute;

    width:100%;
} 

    #welcomeinfo:target {
        top:60%;
    }

}

@media only screen and (min-width: 678px) and (max-width: 1200px) {

#welcomeinfo {
    left:50%;
    width:80%;
}   
    #welcomeinfo:target {
    top:60%;
    }

}


/*********
end modal 
**********/