/* HTML5 Base
======================================================================================================= */
body { font-size: .75em; line-height: 1.5em; }



/* Wrappers/Layout
======================================================================================================= */
.wrapper { width: 960px; margin: 0 auto; }

#header-container { margin-bottom: 3em; }

	/* Header
	------------------------------------------------------------------------ */
	
		/* Logo */
		#title { width: 190px; height: 81px; background-image: url('/media/461463/apt_mc_web.png'); }
		
		/* Mobile Toggles */
		#header-toggle { position: absolute; top: 2.2em; right: 532px; }
		
		/* Language Select */
		.lang-translate { right: 428px; }
		
		/* Header Menu */
		.main-nav { font-size: 1.333em; }
		
			/* Drop Downs */
			.main-nav li ul { top: 34px; }
	
	/* Main Content
	------------------------------------------------------------------------ */
	.content { width: 640px; }
	
	
	/* Aside Content
	------------------------------------------------------------------------ */
	.aside { width: 290px; }
	.aside h2 { font-size: 2.5em; line-height: 1.1; }	
	
	
	/* Footer
	------------------------------------------------------------------------ */
	#footer-container .wrapper { padding: 2em 0; }
	
		/* Footer Menu */
		#footer-container nav li { width: 160px; margin-right: 2em; }




/* Homepage Specific
======================================================================================================= */

	/* Heroes
	------------------------------------------------------------------------ */
	#heroes { width: 960px; margin: -3em auto 60px; }
	
		/* Slide Content */
		#heroes li { position: relative; }
		#heroes .content { position: absolute; top: 2em; left: 1em; width: 430px; background: none; color: #6d6e71; z-index: 100; }
		#heroes .content h1 { margin-bottom: .5em; color: #ff9900; font-size: 3.75em; line-height: 1; }
		#heroes .content h1 span { display: block; color: #6d6e70; font-size: .75em; line-height: 1; }
		#heroes .content p { font-size: 1.5em; line-height: 1.5; }
		#heroes .content strong { color: #cc0000; }

	
	/* Summary
	------------------------------------------------------------------------ */
	.apt-summary { width: 300px; }
	
	
	/* Featured
	------------------------------------------------------------------------ */
	#featured-content { position: relative; width: 580px; padding-left: 2em; border-left: 1px dashed #6d6e70; }
	#featured-content ul { width: 300px; min-height: 155px; }
	#featured-content li {}
	#featured-content .entry-content { position: absolute; top: 0; right: 0; width: 280px; min-height: 200px; padding: 1em; }




/* Inner Pages
======================================================================================================= */

	/* Featured Clients
	------------------------------------------------------------------------ */
	#client-logos { width: 900px; padding: 20px 30px; margin-left: -450px; }
	
	
	/* Case Study Media
	------------------------------------------------------------------------ */
	.case-study-media { position: relative; padding: 1em; margin: 0 0 2em; background: #e6e7e8; overflow: hidden;
		-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
	}
	.case-study-media #video-code { float: left; width: 60%; }
	.case-study-media .summary { position: absolute; right: 1em; bottom: 1em; width: 36%; }
	
	
	/* Case Study Email Form
	------------------------------------------------------------------------ */
	#email-case-study { clear: right; }
	
	
	/* Employees List
	------------------------------------------------------------------------ */
	.employees li { position: relative; width: 80px; height: 80px; padding: 0; margin: 0 2px 2px 0; border: 0; }
	.employees li figure { top: 0; z-index: 1; }
	.employees li figcaption h3 { position: absolute; top: 0; left: -9000em; width: 80px; background: #000; background: rgba(0,0,0,.5); color: #fff; font-size: .75em; text-align: center; z-index: 2; }
	
		/* Hover */
		.employees li:hover figcaption h3 { left: 0; }
	
	/* Industry Videos
	------------------------------------------------------------------------ */
	#industry-videos { position: relative; width: 580px; height: 219px; overflow: hidden; }
	#industry-videos h1 { margin-top: 16px; }
	#industry-videos ul { width: 300px; margin: 0 0 0 201px; background: #a7a9ac; height: 172px; min-height: 172px; overflow-y: auto;}
	#industry-videos li {  }
	#industry-videos .entry-title { padding: .77em 1em;}
	#industry-videos .entry-content { position: absolute; top: 34px; left: 0; width: 201px; min-height: 171px; padding: 1em; margin-top: 14px; }
	
	/* Careers Videos
	------------------------------------------------------------------------ */
	#feat-video {float: right;}
	
	
	/* Connect with Us
	------------------------------------------------------------------------ */
	.our-blogs a figure { width: 108px; height: 108px; }
	.our-blogs ul { text-align: left; }
	.our-blogs li { width: auto; float: left; }
	
	/* Connect with Us */
	.connect-with-us h2 { margin-bottom: 0px; }
	.connect-with-us li { //width: auto; }
	
	/* Careers Page
	------------------------------------------------------------------------ */
	#feat-video { float: right; margin: 20px;}
	

/* Misc.
======================================================================================================= */

	/* Utility Actions
	------------------------------------------------------------------------ */
	#actions { float: right; width: auto; text-align: left; }
	#actions a { display: inline-block; width: 16px; height: 16px; padding-left: 0; text-indent: -9000em; }


/* jQuery UI overrides
======================================================================================================= */
.ui-dialog {
    width: 800px !important;
}

.ui-dialog .ui-dialog-content {
    max-height: 350px;
}


.job-application-form .field.cover-letter label,
.job-application-form .field.resume label,
.job-application-form .field.transcript label {
	width: 188px;
}





/* For Retina Display Devices
======================================================================================================= */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
	#title { background-image: url('/media/461463/apt_mc_web.png'); }
	
}












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */