/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*End Reset*/


/*@font-face {
    font-family: 'Gotham-BoldItalic';
    src: url('fonts/gothambolditalic.eot');
    src: url('fonts/gothambolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothambolditalic.woff') format('woff'),
         url('fonts/gothambolditalic.ttf') format('truetype'),
         url('fonts/gothambolditalic.svg#gothambolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('fonts/gothammed.eot');
    src: url('fonts/gothammed.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothammed.woff') format('woff'),
         url('fonts/gothammed.ttf') format('truetype'),
         url('fonts/gothammed.svg#gothammed') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

* {
	margin: 0;
	padding: 0;
	border: 0 solid #000;
}

body {
	background: white;
}

#header-container {
	height: 100px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #000000;
}

#header {
	height: 129px;
	width: 1000px;
	background: url("Images/images/header-bg.png") no-repeat;
	margin: 0px auto 0px auto;
}

#footer {
	width: 1000px;
	height: 201px;
	background-image: url("Images/images/carousel-image-bg.png");
	margin: 0px auto 0px auto;
}

#bottom-container {
	height: 200px;
}



#hero-container {
	height: 350px;
	width:1000px;
	margin: 0px auto 0px auto;
	position: relative;
	border: 0px solid #CCCCCC;
}

#hero-container .hero-content-wrapper {
	position:absolute;
	height: 350px;
	width: 1000px;
	left: 0px;
	top:0px;
	display:none;
}

.hero-content-container {
	height: 350px;
	width: 1000px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	position:relative;
}

	.hero-content-container .grouping-wrapper {
		height: 350px;
		width: 1000px;
		margin: 0px auto 0px auto;
		position: relative;
		background-image: url("Images/images/slide-images.png");
		background-repeat: no-repeat;
	}

	.hero-content-container .hero-title-container {
		position: absolute;
		font-size:35px;
		font-family: Arial;
		line-height: 35px;
		font-weight: bold;
	}
	
	.hero-content-container .hero-image-container {
		position: absolute;
		top: 0px;
		left: 500px;
		width: 500px;
		height: 350px;
	}

	.grouping-wrapper .hero-title-container {

	}

	.grouping-wrapper .video-activator {
		height: 340px;
		position: absolute;
		top: 0px;
		border: 0px dashed #000;
		cursor: pointer;
	}

	.grouping-wrapper .video-activator a {
		display: none;
	}

	 .hero-title-container .hero-title {
		 cursor: pointer;
		/* font-family: "Gotham-BoldItalic";
		background-image: url("Images/images/headlines.png");
		font-size: 32px;
		width: 600px;
		background-repeat:no-repeat;
		margin-bottom: 20px; */
	} 

	.grouping-wrapper .hero-tagline {
		/* font-size: 19px;
		position:relative;
		//background-image: url("Images/images/headlines.png");
		background-repeat:no-repeat;
		height: 65px;
		display: block;
		font-family: "Gotham-Medium";
		width: 920px; */
		cursor: pointer;
	}

	#hero-container .grouping-wrapper .helvetica {
		font-family: "Helvetica";
	}

	#hero-container .grouping-wrapper .arial {
		font-family: "Arial";
		font-weight: bold;
	}

	#hero-content-1 .grouping-wrapper {
		position: absolute;
		left:0px;
		background-position: 0px 0px;
	}
	
	#hero-content-1 .hero-title-container {
		bottom: 15px;
    		left: 315px;
    		/*right: 550px;*/
    		top: 10px;
		width:650px;
	}

	/*Change hero title here */

	#hero-content-1 .hero-title {
		background-image: url("");
		height: 315px;
		
	}

	/*Change hero tagline here */

	#hero-content-1 .hero-tagline {

		background-image: url("");
		target-new: tab ! important;
		//background-position: 0px 0px;
		height: 60px;
		/* top:150px; */
    		
	}


	#hero-content-1 .video-activator {
		left: 450px;
		width: 350px;
	}

	#red-bar-content-container #red-hero-text-1 {
		margin-top: 5px;
	}

	#hero-content-2 .grouping-wrapper {
		position: absolute;
		left:1056px;
		background-position: 0px -356px;
	}

	#hero-content-2 .hero-title-container {
		
			bottom: 15px;
    		left: 315px;
    		/*right: 550px;*/
    		top: 10px;
		width:650px;
	}

	#hero-content-2 .hero-title {
		background-image: url("");
	/*	background-position: 0px 0px;
		height: 150px;
    		width: 330px;*/
    		height: 315px;

	}

	#hero-content-2 .hero-tagline {
		background-image: url("");
		height: 50px;
    		top: 80px;
   		width: 310px;
	}

	#hero-content-2 .video-activator {
		left: 630px;
		width: 300px;
	}

	#red-bar-content-container #red-hero-text-2 {
		margin-top: 5px;
	}

	#hero-content-3 .grouping-wrapper {
		position: absolute;
		left:1056px;
		background-position: 0px -712px;
	}

	#hero-content-3 .hero-title-container {
			bottom: 15px;
    		left: 315px;
    		/*right: 550px;*/
    		top: 10px;
		width:650px;
	}

	#hero-content-3 .hero-title {
		background-image: url("");
		/*background-position: 0px 0px;
		height: 180px;
		width: 227px;*/
		height: 315px;
	}

	#hero-content-3 .hero-tagline {
		background-image: url("");
	}

	#hero-content-3 .video-activator {
		left: 430px;
		width: 550px;
	}

	#red-bar-content-container #red-hero-text-3 {
		margin-top: 5px;
	}

	#hero-content-4 .grouping-wrapper {
		position: absolute;
		left:1056px;
		background-position: 0px -1068px;
	}

	#hero-content-4 .hero-title-container {
			bottom: 15px;
    		left: 315px;
    		/*right: 550px;*/
    		top: 10px;
		width:650px;
	}

	#hero-content-4 .hero-title {
		background-image: url("");
		/*background-position: 0px 0px;*/
		height: 315px;
		
	}
	
	#hero-content-4 {
    cursor: pointer;
    }


	#hero-content-4 .hero-tagline {
		background-image: url("Images/images/tagline-5.png");
	}

	#hero-content-4 .video-activator {
		left: 650px;
		width: 200px;
	}

	#red-bar-content-container #red-hero-text-4 {
		margin-top: 2px;
	}
	#hero-content-5 .grouping-wrapper {
		position: absolute;
		left:0px;
		background-position: 0px -1418px;
	}
	
	#hero-content-5 .grouping-wrapper:hover {
		cursor:pointer;
	}



#hero-content-5 .hero-title-container {
		bottom: 15px;
    		left: 315px;
    		/*right: 550px;*/
    		top: 10px;
		width:650px;
	}


	#hero-content-5 .hero-title {
		background-image: url("");
		height: 315px;
		
	}


#hero-content-5 .hero-tagline {

		background-image: url("");
		target-new: tab ! important;
		//background-position: 0px 0px;
		height: 60px;
		/* top:150px; */
    		
	}


	#hero-content-5 .video-activator {
		left: 450px;
		width: 350px;
	}
	#red-bar-content-container #red-hero-text-5 {
		margin-top: 5px;
	}


#red-bar {
	height: 97px;
	background-color: #0073bb;
	min-width: 1000px;
}

	#red-bar-content-container {
		height: 96px;
		width: 1000px;
		margin: 0px auto 0px auto;
		position: relative;
	}

	#red-bar-content-container .hero-text {
		width: 420px;
		color: #FFF;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		display: block;
		margin: 0px 0px 0px 0px;
		position:absolute;
		top:16px;
		left: 180px;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
		line-height: 17px;
	}

#red-bar-content-container #red-nav {
	float:right;
	width: 440px;
}

#red-nav #nav-container {
	height:96px;
}

#red-nav #nav-bar-container {
	width:315px;
	height:96px;
	overflow:hidden;
	position: relative;
}

#red-nav #nav-bar {
	width:525px;
	height: 96px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;

}

#red-nav #nav-bar li {
	position:relative;
}

#red-bar-content-container #red-nav ul {
	list-style-type: none;
	height: 96px;
}

#red-bar-content-container #red-nav ul li {
	float:left;
	display: inline-block;
	*display:inline;
	position:relative;
}

#red-bar-content-container #red-nav .nav-button {
	width: 105px;
	height: 96px;
	cursor:pointer;
	position: relative;
}

#red-bar-content-container #red-nav .nav-button .active {
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#red-bar-content-container #red-nav .nav-button span {
	background: url("Images/images/nav-buttons.png") no-repeat;
	display:block;
	width: 105px;
	height: 96px;
	position:absolute;
	top: 0px;
	left: 0px;
}

#red-bar-content-container #red-nav #nav-button-1 .active {
	background-position: -105px 0px;
}

#red-bar-content-container #red-nav #nav-button-1 .inactive {
	background-position: 0px 0px;
}

#red-bar-content-container #red-nav #nav-button-2 .active {
	background-position: 0px -96px;
}

#red-bar-content-container #red-nav #nav-button-2 .inactive {
	background-position: -210px 0px;
}

#red-bar-content-container #red-nav #nav-button-3 .active {
	background-position: -210px -96px;
}

#red-bar-content-container #red-nav #nav-button-3 .inactive {
	background-position: -105px -96px;
}

#red-bar-content-container #red-nav #nav-button-4 .active {
	background-position: -103px -288px;
}

#red-bar-content-container #red-nav #nav-button-4 .inactive {
	background-position: 1px -288px;
}

#red-bar-content-container #red-nav #nav-button-5 .active {
	background-position: 0px -384px;;
}

#red-bar-content-container #red-nav #nav-button-5 .inactive {
	background-position: -210px -288px;
}

#red-bar-content-container #red-nav .previous-button {
	background: url("Images/images/nav-buttons.png") no-repeat;
	background-position: -83px -192px;
	width: 35px;
	height: 96px;
	cursor: pointer;
        visibility:hidden;
}

#red-bar-content-container #red-nav .next-button {
	background: url("Images/images/nav-buttons.png") no-repeat;
	background-position: -48px -192px;
	width: 35px;
	height: 96px;
	cursor: pointer;
        visibility:hidden;
}

#red-bar-content-container #red-nav #pause-button {
	cursor: pointer;
	width: 24px;
	height: 96px;
}

#red-bar-content-container #red-nav .pause-button {
	background: url("Images/images/nav-buttons.png") no-repeat;
	background-position: 0px -192px;
	
}

#red-bar-content-container #red-nav .play-button {
	background: url("Images/images/nav-buttons.png");
	background-position: -24px -192px;
}


#video-container {
	display:none;
}