@charset "utf-8";
/* CSS Document */

background {color:#FFF;}


#container {margin:0 auto; width:1020px;}

.logo {height:99px; text-align:center;}
.logo h1{display:none;}
.logo h2{display:none;}

#header {width:1020px; height:70px; font: 14px 'LatoLight', Arial, sans-serif; color:#717073;}

#nav{height:25px;}
	.nav { width: 550px; height: 25px; float:right; padding: 0px; clear:both; margin:10px 10px 0px 10px;}
	.nav ul				{ font: 15px 'LatoLight', Arial, sans-serif; text-align:right; padding: 0px; margin: 0px;}
	.nav ul li 			{ display: inline; color:#717073;}
	.nav ul li a 		{ font-size: 15px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 0px 8px;}
	.nav ul li a:link, a:visited 		{color:#717073;}
	.nav ul li a:hover 		{text-decoration:underline;}
	.nav ul li a.company, a:link, a:visited {color:#717073;}
	.nav ul li a.company:hover	{ color: #e87d1e; text-decoration:underline;}
	.nav ul li a.company_active	{ color: #e87d1e; text-decoration:underline;}
	.nav ul li a.services, a:link, a:visited {color:#717073;}
	.nav ul li a.services:hover 	{ color: #429c05; text-decoration:underline;}
	.nav ul li a.services_active 	{ color: #429c05; text-decoration:underline;}
	.nav ul li a.success, a:link, a:visited {color:#717073;}
	.nav ul li a.success:hover 	{ color: #4ea3ec; text-decoration:underline;}
	.nav ul li a.success_active 	{ color: #4ea3ec; text-decoration:underline;}
	.nav ul li a.portfolio, a:link, a:visited {color:#717073;}	
	.nav ul li a.portfolio:hover 	{ color: #85339c; text-decoration:underline;}
	.nav ul li a.portfolio_active 	{ color: #85339c; text-decoration:underline;}
	.nav ul li a.contact, a:link, a:visited {color:#717073;}
	.nav ul li a.contact:hover 	{ color: #ed1c24; text-decoration:underline;}
	.nav ul li a.contact_active 	{ color: #ed1c24; text-decoration:underline;}
	
#company_subnav{height:25px;}
	.company_subnav { width: 450px; height: 25px; float:right; padding: 0px; clear:both; margin:0px 10px 20px 10px;}
	.company_subnav ul				{ font: 14px 'LatoLight', Arial, sans-serif; text-align:center; padding: 0px; margin: 0px;}
	.company_subnav ul li 			{ display: inline; color:#717073;}
	.company_subnav ul li a 		{ font-size: 14px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 0px 8px; line-height:130%;}	
	.company_subnav a:link, a:visited 		{color:#717073;}
	.company_subnav a:hover 		{color:#E87D1E; text-decoration:underline;}
	.company_subnav a.active 		{color:#E87D1E; text-decoration:underline;}
	
#services_subnav{height:25px;}
	.services_subnav { width: 450px; height: 35px; float:right; padding: 0px; clear:both; margin:0px 10px 20px 10px; line-height:130%;}
	.services_subnav ul				{ font: 14px 'LatoLight', Arial, sans-serif; text-align:center; padding: 0px; margin: 0px;}
	.services_subnav ul li 			{ display: inline; color:#717073;}
	.services_subnav ul li a 		{ font-size: 14px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 0px 8px; line-height:130%;}	
	.services_subnav a:link, a:visited 		{color:#717073;}
	.services_subnav a:hover 		{color:#429c05; text-decoration:underline;}
	.services_subnav a.active 		{color:#429c05; text-decoration:underline;}
	
#success_subnav{height:25px;}
	.success_subnav { width: 450px; height: 35px; float:right; padding: 0px; clear:both; margin:0px 10px 20px 10px; line-height:130%;}
	.success_subnav ul				{ font: 14px 'LatoLight', Arial, sans-serif; text-align:center; padding: 0px; margin: 0px;}
	.success_subnav ul li 			{ display: inline; color:#717073;}
	.success_subnav ul li a 		{ font-size: 14px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 0px 8px; line-height:130%;}	
	.success_subnav a:link, a:visited 		{color:#717073;}
	.success_subnav a:hover 		{color:#4EA3EC; text-decoration:underline;}
	.success_subnav a.active 		{color:#4EA3EC; text-decoration:underline;}	
	
#portfolio_subnav{height:25px;}
	.portfolio_subnav { width: 450px; height: 35px; float:right; padding: 0px; clear:both; margin:0px 10px 20px 10px; line-height:130%;}
	.portfolio_subnav ul				{ font: 14px 'LatoLight', Arial, sans-serif; text-align:center; padding: 0px; margin: 0px;}
	.portfolio_subnav ul li 			{ display: inline; color:#717073;}
	.portfolio_subnav ul li a 		{ font-size: 14px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 0px 8px; line-height:130%;}	
	.portfolio_subnav a:link, a:visited 		{color:#717073;}
	.portfolio_subnav a:hover 		{color:#85339c; text-decoration:underline;}
	.portfolio_subnav a.active 		{color:#85339c; text-decoration:underline;}		

#company_nav{width: 1020px; height:80px; font:24px 'LatoLight', Arial, sans-serif; color:#71703;}
	#company_nav {width: 1020px; height: 80px; padding: 0px; clear:both; margin:50px 0px 0px 0px;}
	#company_nav ul	{ font: 24px 'LatoLight', Arial, sans-serif; color:#717073; text-align:center; padding: 0px; margin: 0px;}
	#company_nav ul li 			{display:inline; font: 24px 'LatoLight', Arial, sans-serif; color:#717073; }
	#company_nav ul li a 		{ font-size: 24px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 0px 8px;}	
	#company_nav ul li a:link, a:visited 		{font: 24px 'LatoLight', Arial, sans-serif; color:#717073;}
	#company_nav ul li a:hover 		{font: 24px 'LatoLight', Arial, sans-serif; color:#E87D1E; text-decoration:underline;}
	#company_nav ul li a:active 		{font: 24px 'LatoLight', Arial, sans-serif; color:#4E87D1E; text-decoration:underline;}
	
#services_nav{width: 1020px; height:80px; font:24px 'LatoLight', Arial, sans-serif; color:#71703;}
	#services_nav {width: 1020px; height: 80px; padding: 0px; clear:both; margin:50px 0px 0px 0px;}
	#services_nav ul	{ font: 24px 'LatoLight', Arial, sans-serif; color:#717073; text-align:center; padding: 0px; margin: 0px;}
	#services_nav ul li 			{display:inline; font: 24px 'LatoLight', Arial, sans-serif; color:#717073; }
	#services_nav ul li a 		{ font-size: 24px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 0px 8px; line-height:130%}	
	#services_nav ul li a:link, a:visited 		{font: 24px 'LatoLight', Arial, sans-serif; color:#717073;}
	#services_nav ul li a:hover 		{font: 24px 'LatoLight', Arial, sans-serif; color:#429C05; text-decoration:underline;}
	.services_nav ul li a:active 		{font: 24px 'LatoLight', Arial, sans-serif; color:#429C05; text-decoration:underline;}
	
#success_nav{width: 1020px; height:80px; font:24px 'LatoLight', Arial, sans-serif; color:#71703;}
	#success_nav {width: 1020px; height: 80px; padding: 0px; clear:both; margin:50px 0px 0px 0px;}
	#success_nav ul	{ font: 24px 'LatoLight', Arial, sans-serif; color:#717073; text-align:center; padding: 0px; margin: 0px;}
	#success_nav ul li 			{display:inline; font: 24px 'LatoLight', Arial, sans-serif; color:#717073; }
	#success_nav ul li a 		{ font-size: 24px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 0px 8px; line-height:130%}	
	#success_nav ul li a:link, a:visited 		{font: 24px 'LatoLight', Arial, sans-serif;color:#717073;}
	#success_nav ul li a:hover 		{font: 24px 'LatoLight', Arial, sans-serif; color:#4ea3ec; text-decoration:underline;}
	#success_nav ul li a:active 		{font: 24px 'LatoLight', Arial, sans-serif; color:#4ea3ec; text-decoration:underline;}	
	
	
	#portfolio_nav{width: 1020px; height:80px; font:24px 'LatoLight', Arial, sans-serif; color:#71703;}
	#portfolio_nav {width: 1020px; height: 80px; padding: 0px; clear:both; margin:50px 0px 0px 0px;}
	#portfolio_nav ul	{ font: 24px 'LatoLight', Arial, sans-serif; color:#717073; text-align:center; padding: 0px; margin: 0px;}
	#portfolio_nav ul li 			{display:inline; font: 24px 'LatoLight', Arial, sans-serif; color:#717073; }
	#portfolio_nav ul li a 		{ font-size: 24px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 0px 8px; line-height:130%}	
	#portfolio_nav ul li a:link, a:visited 		{font: 24px 'LatoLight', Arial, sans-serif; color:#717073;}
	#portfolio_nav ul li a:hover 		{font: 24px 'LatoLight', Arial, sans-serif; color:#85339c; text-decoration:underline;}
	#portfolio_nav ul li a:active 		{font: 24px 'LatoLight', Arial, sans-serif; color:#85339c; text-decoration:underline;}

#body{width:1020px; margin:20px 0 25px 0;}
	#body h1 {font: 60px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#e87d1e; margin: 10px 10px 10px 10px;}
	#body a {font: 60px 'LatoHairlineItalic', Arial, sans-serif;letter-spacing: 0; color:#e87d1e; margin: 10px 10px 10px 10px; text-decoration:underline;}
	#body a:hover {font: 60px 'LatoHairlineItalic', Arial, sans-serif;letter-spacing: 0; color:#e87d1e; margin: 10px 10px 10px 10px; text-decoration:none;}

	
	#body h1.company {font: 60px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#e87d1e; margin: 10px 10px 10px 10px;}
	#body h2.company {font: 20px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#e87d1e; margin: 20px 10px 10px 10px;}
	#body h3.company {font: 20px 'LatoLight', Arial, sans-serif; letter-spacing: 0; color:#717073; margin: 10px 10px 35px 10px;}	
	#body h3.company a, a:link, a:visited {font: 16px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#717073; margin: 20px 0px 20px 0px;}	
	#body h3.company a:hover {font: 16px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#e87d1e; margin: 10px 0px 20px 0px; text-decoration:underline;}
		
	#body h1.services {font: 60px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#429c05; margin: 10px 10px 10px 10px;}
	#body h2.services {font: 20px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#429c05; margin: 20px 10px 10px 10px;}
	#body h2.services a, a:link, a:visited {font: 20px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#429c05; margin: 10px 0px 20px 0px; text-decoration:none; }
	#body h2.services a:hover {font: 20px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#429c05; margin: 10px 0px 20px 0px; text-decoration:underline;}
	
	#body h1.success {font: 60px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#4EA3EC; margin: 10px 10px 10px 10px;}
	#body h2.success {font: 20px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#4EA3EC; margin: 20px 10px 0px 10px;}
	#body h2.success a, a:link, a:visited {font: 20px 'LatoLight', Arial, sans-serif;letter-spacing: 0; margin: 10px 0px 20px 0px; color:#4EA3EC;}
	#body h2.success a:hover {font: 20px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#4EA3EC; margin: 10px 0px 20px 0px; text-decoration:underline;}
	#body h3.success {font: 15px 'LatoLight', Arial, sans-serif; color:#4EA3EC; margin: -10px 10px 0px 30px;}
	
	#body h1.portfolio {font: 60px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#85339c; margin: 10px 10px 10px 10px;}
	#body h2.portfolio {font: 20px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#85339c; margin: 20px 10px 10px 10px;}
	
	#body h1.contact {font: 60px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#ed1c24; margin: 10px 10px 10px 10px;}
	#body h2.contact {font: 20px 'LatoLight', Arial, sans-serif; letter-spacing: 0; color:#ed1c24; margin: 20px 10px 10px 10px;}
	#body h3.contact {font: 20px 'LatoLight', Arial, sans-serif; letter-spacing: 0; color:#717073; margin: 20px 10px -18px 10px;}	
	#body h3.contact a, a:link, a:visited {font: 16px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#717073; margin: 20px 0px 20px 0px;}	
	#body h3.contact a:hover {font: 16px 'LatoLight', Arial, sans-serif;letter-spacing: 0; color:#ed1c24; margin: 10px 0px 40px 0px; text-decoration:underline;}	
	
	#body h2{font: 40px 'LatoHairline', Arial, sans-serif; color:#717073; margin: 20px 10px 20px 10px;}
	#body h3{font: 20px 'LatoLight', Arial, sans-serif; color:#e87d1e; margin: 15px 10px 15px 10px;}
	#body h4{font: 20px 'LatoLight', Arial, sans-serif; color:#e87d1e; margin: 10px 10px 0px 10px;}
	#body p{font: 15px 'LatoLight', Arial, sans-serif; color:#717073; margin: 10px 10px 15px 10px; line-height:110%}
	#body ul {font: 15px 'LatoLight', Arial, sans-serif; color:#717073; margin: 10px 10px 10px 10px; line-height:130%}
	#body ul.success {font: 15px 'LatoLight', Arial, sans-serif; color:#717073; margin: 0px 10px 10px -10px; line-height:130%}
	#body ol.success {font: 15px 'LatoLight', Arial, sans-serif; color:#717073; margin: 0px 10px 10px -10px; line-height:130%}
	#body ul.success_sub {font: 15px 'LatoLight', Arial, sans-serif; color:#717073; margin: -10px 10px 10px 20px; line-height:130%;}
	
	
	

#icon_nav {width:380px; height:400px; margin: 40px 10px 10px 20px;}
	#icon_nav h1.company {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#E87D1E; margin: 20px 10px 20px 10px;}
	#icon_nav h1.company a {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#E87D1E; margin: 20px 10px 20px 10px;}
	#icon_nav h1.company a:link, a:visited {color:#E87D1E; text-decoration:none;}
	#icon_nav h1.company a:hover {text-decoration:underline;}
	#icon_nav h1.company a:visited {text-decoration:none;}
	
	#icon_nav h1.services {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#429c05; margin: 20px 10px 20px 10px;}
	#icon_nav h1.services a {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#429c05; margin: 20px 10px 20px 10px;}
	#icon_nav h1.services a:link, a:visited {color:#429c05; text-decoration:none;}
	#icon_nav h1.services a:hover {text-decoration:underline;}
	#icon_nav h1.services a:visited {text-decoration:none;}
	
	#icon_nav h1.success {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#4EA3EC; margin: 20px 10px 20px 10px;}
	#icon_nav h1.success a {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#4EA3EC; margin: 20px 10px 20px 10px;}
	#icon_nav h1.success a:link, a:visited {color:#4EA3EC; text-decoration:none;}
	#icon_nav h1.success a:hover {text-decoration:underline;}
	#icon_nav h1.success a:visited {text-decoration:none;}
	
	#icon_nav h1.portfolio {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#85339C; margin: 20px 10px 20px 10px;}
	#icon_nav h1.portfolio a {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#85339C; margin: 20px 10px 20px 10px;}
	#icon_nav h1.portfolio a:link, a:visited {color:#85339C; text-decoration:none;}
	#icon_nav h1.portfolio a:hover {text-decoration:underline;}
	#icon_nav h1.portfolio a:visited {text-decoration:none;}
	
	
	#icon_nav h1.contact {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#ED1C24; margin: 20px 10px 20px 10px;}
	#icon_nav h1.contact a {font: 46px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#ED1C24; margin: 20px 10px 20px 10px;}
	#icon_nav h1.contact a:link, a:visited {color:#ED1C24; text-decoration:none;}
	#icon_nav h1.contact a:hover {text-decoration:underline;}
	#icon_nav h1.contact a:visited {text-decoration:none;}
	
.leadership_pics {width:400px; height:200px; margin: 70px 10px 0px 10px;}

#social {width:284px; float:right; margin: 0 10px 0px 10px;}

.fb-like-box {font: 15px 'LatoHairline', Arial, sans-serif;letter-spacing: 0; color:#4EA3EC;}

.table {font: 15px 'LatoLight', Arial, sans-serif; color:#717073; margin: 10px 10px 15px 10px; line-height:110%}

.fields {font: 14px 'LatoLight', Arial, sans-serif; color:#717073; line-height:110%}


.CSS3x {background-image:url(../images/3xCaseGraph.jpg); background-repeat:no-repeat; width:602px; height:302px; margin:15px 10px 15px 10px;} 
	.CSS3x h1{display:none;}
	
.CSSefficiency {background-image:url(../images/efficiency.jpg); background-repeat:no-repeat; width:600px; height:330px; margin:15px 10px 15px 10px;} 
	.CSSefficiency h1{display:none;}

.CSSsite-performance {background-image:url(../images/site-performance.jpg); background-repeat:no-repeat; width:1000px; height:223px; margin:15px 10px 15px 10px;} 
	.CSSsite-performance h1{display:none;}	
	
.CSSsite-performance2 {background-image:url(../images/site-performance-2.jpg); background-repeat:no-repeat; width:500px; height:194px; margin:15px 10px 15px 10px;} 
	.CSSsite-performance2 h1{display:none;}		
	
.CSSmedia {background-image:url(../images/media.jpg); background-repeat:no-repeat; width:500px; height:268px; margin:15px 10px 15px 10px;} 
	.CSSmedia h1{display:none;}	
	
.CSSTop_of_Mind {background-image:url(../images/Top_of_Mind.jpg); background-repeat:no-repeat; width:700px; height:372px; margin:15px 10px 15px 10px;} 
	.CSSTop_of_Mind h1{display:none;}	
	
.CSSRecruitment {background-image:url(../images/Recruitment.jpg); background-repeat:no-repeat; width:900px; height:225px; margin:15px 10px 15px 10px;} 
	.CSSRecruitment h1{display:none;}	
	
.CSSCNS {background-image:url(../images/CNS.jpg); background-repeat:no-repeat; width:500px; height:280px; margin:15px 10px 15px 10px;} 
	.CSSCNS h1{display:none;}		

.table_contact table,td,tr{font: 15px 'LatoLight', Arial, sans-serif; color:#717073; margin: 10px 10px 15px 10px; line-height:110%; border:none;}	

.success td {font: 15px 'LatoLight', Arial, sans-serif; color:#717073; margin: 10px 10px 15px 10px; line-height:110%; border-right:1px solid #717073; border-bottom:1px solid #717073}

#quote {border:1px solid #4EA3EC; border-radius: 8px 8px 8px 8px; margin: 10px 0px 30px 0px;}
.quotemark {background-image:url(../images/quote.gif); width:12px; height:12px; background-repeat:no-repeat; position:relative; left:20px; bottom:-11px;}

.directions {margin: 20px 0px 40px 0px;}
	.directions h3.contact {font: 20px 'LatoLight', Arial, sans-serif; letter-spacing: 0; color:#717073; margin: 20px 10px -18px 10px;}

.company_header{background-image:url(../images/company_header.jpg); background-repeat:no-repeat; width:1000px; height:500px; margin:0px 10px 40px 10px;}
.company_header h1{display:none;}

.contact_header{background-image:url(../images/contact_header.jpg); background-repeat:no-repeat; width:1000px; height:500px; margin:0px 10px 40px 10px;}
.contact_header h1{display:none;}

.services_header{background-image:url(../images/services_header.jpg); background-repeat:no-repeat; width:1000px; height:500px; margin:0px 10px 40px 10px;}
.services_header h1{display:none;}

.success_header{background-image:url(../images/success_header.jpg); background-repeat:no-repeat; width:1000px; height:500px; margin:0px 10px 40px 10px;}
.success_header h1{display:none;}

.portfolio_header{background-image:url(../images/portfolio_header.jpg); background-repeat:no-repeat; width:1000px; height:500px; margin:0px 10px 40px 10px;}
.portfolio_header h1{display:none;}

.home_header{background-image:url(../images/home_header.jpg); background-repeat:no-repeat; width:1000px; height:325px; margin:0px 10px 40px 10px; border:solid #717073 1px;}
.home_header h1{display:none;}	

#footer_nav{width:1020px; border-top:solid #717073 1px; margin: 25px 0px 0px 0px; position:absolute; margin:0 auto; padding: 0px; clear:both;}
	#footer_nav p {font: 12px 'LatoLight', Arial, sans-serif; color:#717073; margin: 10px 10px 10px 10px; line-height:110%; text-align:center;}
	#footer_nav ul				{ font: 12px 'LatoLight', Arial, sans-serif; text-align:center; padding: 0px; margin: 0px;}
	#footer_nav ul li 			{ font-size: 12px; display: inline; color:#717073;}
	#footer_nav ul li a 		{ font-size: 12px; text-decoration: none; color:#717073; margin:0px; padding: 0px 8px 10px 8px;}
	#footer_nav ul li a:link, a:visited 		{font-size: 12px; text-decoration: none; color:#717073;}
	#footer_nav ul li a:hover 		{font-size: 12px; text-decoration: none; text-decoration:underline;}
	#footer_nav ul li a.company, a:link, a:visited {color:#717073;}
	#footer_nav ul li a.company:hover	{ color: #e87d1e; text-decoration:underline;}
	#footer_nav ul li a.company_active	{ color: #e87d1e; text-decoration:underline;}
	#footer_nav ul li a.services, a:link, a:visited {color:#717073;}
	#footer_nav ul li a.services:hover 	{ color: #429c05; text-decoration:underline;}
	#footer_nav ul li a.services_active 	{ color: #429c05; text-decoration:underline;}
	#footer_nav ul li a.success, a:link, a:visited {color:#717073;}
	#footer_nav ul li a.success:hover 	{ color: #4ea3ec; text-decoration:underline;}
	#footer_nav ul li a.success_active 	{ color: #4ea3ec; text-decoration:underline;}
	#footer_nav ul li a.portfolio, a:link, a:visited {color:#717073;}	
	#footer_nav ul li a.portfolio:hover 	{ color: #85339c; text-decoration:underline;}
	#footer_nav ul li a.portfolio_active 	{ color: #85339c; text-decoration:underline;}
	#footer_nav ul li a.contact, a:link, a:visited {color:#717073;}
	#footer_nav ul li a.contact:hover 	{ color: #ed1c24; text-decoration:underline;}
	#footer_nav ul li a.contact_active 	{ color: #ed1c24; text-decoration:underline;}	

.form {width:1020px; height:815px;;}