/*
Masthead Vid Core
Moving core masthead vid rules into own file.
For maintainability
*/

/* For the 2014 Home-page Changes */
	
	#masthead-home {
		width: 975px;
		height: 304px;
		margin: 14px 0 0 0;
	}
	
	#masthead-home .inner {
		display: block;
		width: 939px;
		height: 302px;
		margin: auto;
		background-image: url(../images/home/masthead-em-base.jpg);
		background-repeat: no-repeat;
		position: relative;
		border: 1px solid #ddd;
	}
	

	#masthead-home .inner .text {
		/* The bold claim on right */
		height: 120px;
		left: 419px;
		position: relative;
		top: 12px;
		width: 500px;
		text-shadow: 0 0 6px #fff;
		font-size: 24px;
		line-height: 1.2em;
		font-style: italic;
		font-weight: normal;
		background-color: rgba(255,255,255,0.4);
		text-align: right;
		font-family: 'Open Sans',sans-serif;
	}
	
	#masthead-home .inner .buttons {
		/* The container for CTA buttons */
		height: 140px;
		left: 419px;
		position: relative;
		top: 20px;
		width: 500px;
	}
	
	#masthead-home .inner .buttons a.button {
		/* Each button within the buttons container */
		/*background-color: #004C00;*/
		border-radius: 0;
		clear: both;
		color: #FFFFFF;
		display: block;
		font-family: 'Open Sans',sans-serif;
		font-size: 1.2em;
		font-weight: normal;
		margin: 6px 0 6px auto;
		padding: 0.5em;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px 2px #333333;
		text-transform: none;
		width: 50%;
		background: #025C98;
		background: -webkit-linear-gradient(top, #0582B7, #0478AF 29%, #025C98);		
		background: linear-gradient(to bottom, #0582B7 0px, #0478AF 29%, #025C98 85%, #035995 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	#masthead-home .inner .buttons a.button:hover {
		background: #0478AF;
		background: -webkit-linear-gradient(bottom, #0582B7, #0478AF 29%, #025C98);		
		background: linear-gradient(to top, #0582B7 0px, #0478AF 29%, #025C98 85%, #035995 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);		
	}
	
/* Masthead with Ydraw. Updated 6/9/2014 */

	#masthead-home-whiteboard {
		
	}
	
	#masthead-home-whiteboard .inner {
		/* with ydraw whiteboard */
		display: block;
		width: 939px;
		height: 302px;
		margin: auto;
		/*
		background-image: url(../images/home/masthead-em-base.jpg);
		background-repeat: no-repeat;
		*/
		background-image: none;
		position: relative;
		border: 1px solid #ddd;
	}
	
	#masthead-home-whiteboard .whiteboard {
		width: 537px;
		height: 302px;
		display: block; 
		position: relative;
		left: 0;
		top: 0;
	}
	
	#masthead-home-whiteboard .text {
		bottom: 41px;
		display: block;
		font-size: 18px;
		position: absolute;
		right: 24px;
		text-align: right;
		top: 44px;
		width: 348px;
	}
	
	#masthead-home-whiteboard .buttons {
		/* The whole section */
		display: block;
		height: 302px;
		left: 545px;
		position: absolute;
		top: 4px;
		/*width: 402px;*/
		width: 394px;
	}
	
	#masthead-home-whiteboard .buttons .container {
		position: absolute;
		height: 117px;
		top: 177px;
		/*width: 174px;*/
		width: 50%;
		right: 25%;
		/*right: 27px;*/
	}
	
	#masthead-home-whiteboard .inner .buttons a.button {
		/* Each button within the buttons container */
		/*background-color: #004C00;*/
		border-radius: 0;
		clear: both;
		color: #FFFFFF;
		display: block;
		font-family: 'Open Sans',sans-serif;
		font-size: 1em;
		font-weight: normal;
		/*margin: 6px 0 6px auto;*/
		padding: 0.5em;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px 2px #333333;
		text-transform: none;
		width: 100%;
		background: #025C98;
		background: -webkit-linear-gradient(top, #0582B7, #0478AF 29%, #025C98);		
		background: linear-gradient(to bottom, #0582B7 0px, #0478AF 29%, #025C98 85%, #035995 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
		margin-bottom: 2px;
	}
	#masthead-home-whiteboard .inner .buttons a.button:hover {
		background: #0478AF;
		background: -webkit-linear-gradient(bottom, #0582B7, #0478AF 29%, #025C98);		
		background: linear-gradient(to top, #0582B7 0px, #0478AF 29%, #025C98 85%, #035995 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);		
	}