/* ---------------------------- 
[Global Javascript]

Project:		Atlanta Metro College - HTML5 Presentation
Changes:		03/20/12 (File created)
Created by:		Third Wave Digital (www.thirdwavedigital.com)
------------------------------- */

/* ---------------------------- */
/* Homepage
/* ---------------------------- */
	
	#header-html5 {width: 759px; height: 254px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
	#header-html5 img[alt="Believe"] {position: absolute; top: 0px; left: 0px; z-index: 3;}
	#header-html5 img[alt="Begin"] {position: absolute; top: 0px; left: 700px;z-index: 3;}
	#header-html5 img[alt="Become"] {position: absolute; top: 0px; left: 730px;z-index: 3;}
	#header-html5 #slideshow { position: absolute; top: 0px; left: 30px; }
	#header-html5 video, #header-html5 img[usemap*="map"] {display: none;}
	#header-html5 video {position: absolute; left: 90px}
	#header-html5 img[usemap*="map"] {position: absolute; left: 60px; top: 0px;}

/* ---------------------------- */
/* Students
/* ---------------------------- */

	#students-html5 {width: 960px; height:480px; position: relative; border-bottom: 1px solid #ccc; background: url(../images/bkground-students.jpg) center 5px no-repeat; background-color: #fff;  z-index: 1;}
	#students-html5 img[alt="Previous"] {position: absolute; bottom: 10px; left: 90px; z-index: 99;}
	#students-html5 img[alt="Next"] {position: absolute; bottom:10px; right: 90px; z-index: 99;}
	#students-html5 #license-mask {position: absolute; top: 30px; left: 93px; width: 774px; height: 420px; overflow-x: hidden; z-index: 2;}
	#students-html5 #license-wrapper {position: absolute; top: 0px; left: -865px; width: 3050px; height: 420px; z-index: 3; }
	#students-html5 .license {position: relative; width: 484px; height: 324px; z-index: 4;float: left; margin: 0px 23px 0px 0px;-webkit-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.5);-moz-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.5);box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.5);}
	#students-html5 .license img[alt="Learn More"] {position: absolute; left: 165px; bottom: -60px; z-index: 99;}