﻿/**
 * @license
 * MyFonts Webfont Build ID 3075127, 2015-08-13T11:12:33-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: ProximaNovaA-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-regular/
 * 
 * Webfont: ProximaNovaS-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-regular/
 * 
 * Webfont: ProximaNova-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3075127
 * Licensed pageviews: 1,000,000
 * Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2eec37");

  
@font-face {font-family: 'ProximaNovaA-Regular';src: url('webfonts/2EEC37_0_0.eot');src: url('webfonts/2EEC37_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2EEC37_0_0.woff2') format('woff2'),url('webfonts/2EEC37_0_0.woff') format('woff'),url('webfonts/2EEC37_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'ProximaNovaS-Regular';src: url('webfonts/2EEC37_1_0.eot');src: url('webfonts/2EEC37_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2EEC37_1_0.woff2') format('woff2'),url('webfonts/2EEC37_1_0.woff') format('woff'),url('webfonts/2EEC37_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'ProximaNova-Regular';src: url('webfonts/2EEC37_2_0.eot');src: url('webfonts/2EEC37_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2EEC37_2_0.woff2') format('woff2'),url('webfonts/2EEC37_2_0.woff') format('woff'),url('webfonts/2EEC37_2_0.ttf') format('truetype');}

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;
}

/*---------------------------------------------------
    @Tag Specific
---------------------------------------------------*/
body {
    font:12px/18px;
    font-family: ProximaNova-Regular;
	-webkit-font-smoothing:antialiased; 
	-webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}
img { 
    border:0; 
	vertical-align:middle;
	-ms-interpolation-mode:bicubic; /* "-ms-interpolation-mode" applies to stretched images only on IE7 */
}
ul {
	list-style: outside none none;
}
li{
    font-family: ProximaNova-Regular;
    font-size: 12px;
    line-height: 1.2em;
}
hr{
    display: block; height: 1px;
    border: 0; border-top: 1px solid #a4a4a4;
    margin: 1em 0; padding: 0;
}
span.delimiter{
    letter-spacing:0;
    color: #e8e8e8;
}

a{
    text-decoration: none;
}

/*---------------------------------------------------
    @Website Styles
---------------------------------------------------*/

#canvas-wrapper{
    background-attachment: scroll;
    background-color: #fff;
    background-image: none;
    background-position: left top;
    background-repeat: repeat;
    background-size: auto auto;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0;
    margin-bottom: 0;
    margin-top: 0;
}

#canvas-wrapper, #canvas {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

#canvas {
    overflow: visible;
}

#navBar{
    display:block;
    width:100%;
}

#horizontal-nav-bar{
    line-height: 1 !important;
    margin: auto;
    max-width: 1080px;
    padding: 52px 0;
    position: relative;
    width: auto;
    height: 32px;
}

#horizontal-nav-bar ul li {
    display: inline-block;
    vertical-align:top;
}

#logo{
    height: 32px;
    float:left;
}

#top-nav{
    padding-top: .5em;
    padding-left:50px;
    padding-right:50px;
    display: inline-block;
    margin: auto;
    position: relative;
    width: auto;
    color: #a0a0a0 !important;
    letter-spacing: 2px;
    z-index: 10;
}

#top-nav a:hover{
    color: #164f7e;
}

#top-nav a:link, a:visited {
    color: #a0a0a0;
}


.sub-nav{
    display:none;
    margin-left: -10px;
}

.sub-nav ul{
    margin-top: 5px;
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
    display: inline-block;
    padding: 6px 0;
}

.sub-nav li {
    display: list-item;
    float: none;
    text-align: left;
}

.sub-nav li a{
    display: inline-block;
    line-height: 1em;
    padding: 0.4em 1em;
    white-space: nowrap;
    color: #a0a0a0;
    vertical-align:middle;
}

#page-body-wrapper{
    margin: 0;
    width: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    z-index:1;
}

#page-body{
    padding: 0;
    display: table;
    margin: auto;
    position: relative;
    vertical-align: middle;
    max-width: 1080px;
    width: auto;
    z-index:2;
}

#header{
    height: auto;
    padding-bottom: 25px;
    position:relative;
    padding-left:17px;
    padding-right: 17px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    z-index:3;
}

#fileTransferWrap{
    padding-top:40px;
    width:1080px; 
    margin:auto;
}

/*slideConent Forms*/
#slide textarea.FrmFieldStyle,#slide select.FrmFieldStyle,#slide input.FrmFieldStyle{
	font-size:12px; 
	border:1px solid #ccc; 
	padding:1px; 
	background:#fff; 
	margin:0; 
	outline:none;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px; 
	display:inline-block; 
	-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.12); 
	
	background: #FFFFFF; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );*/ /* IE6-8 */
}

#slide textarea.FrmFieldStyle:focus, #slide select.FrmFieldStyle:focus, #slide input.FrmFieldStyle:focus {
	border:1px solid #999; 
    background: #fff none repeat scroll 0 0;
	color:#fff; 
	-moz-box-shadow:0 0 3px rgba(0,0,0,.32); 
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.32); 
	box-shadow:0 0 3px rgba(0,0,0,.32); 
}

#leftForm{
    width: 550px;
    padding-bottom: 40px;
    float:left;
}

#rightForm{
    width: 500px;
    padding-bottom: 40px;
    float: right;
}

#uploadmessage{
    width:476px;
    height:210px;
}

#uploadify_placeholder{
    float:right;
    margin-top:20px;
}

#fileTransferWrap .icn_FormError{
    margin:15px 0;
}

#loader{
    background:#fff url('images/loader.gif') no-repeat center center;
    width:32px;
    height:32px;
    padding:8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position:absolute;
    top:150px;
    left:227px;
    z-index:9999;
}

#uploadInstruct{
    float:left;
    padding:5px 0 0 0;
    font-size:14px;
}
#fine-uploader{
    float:right;
    width:100px;
}
#uploadInfoCell{
    width:500px; 
    padding:40px 0 0 0;
    font-size:14px;
}
#progressholderWrap{
    position:relative;
    width:100%;
    height:100%;
}
#fine-uploader-progressholder{
    position:absolute;
    top:0;
    left:0;
    z-index:9;
}

#footer-wrapper{
    border-top: 1px solid #e8e8e8;
    clear: both;
}

#footer{
    padding: 24px 0;
}

#social{
    position:relative;
    display:block;
    left: 50%;
    width: 150px;
    margin-left: -50px;
    margin-bottom: 24px;
}

#social a{
    color: #bfbfbf !important;
    display: inline-block;
    height: 18px;
    text-align: center;
    vertical-align:middle;
    width: 25px;
}

a.twitter:hover{
    background: url(http://localhost:57459/Assets/images/Twitter_Dark.png) no-repeat;
}
a.twitter{
    background: url(http://localhost:57459/Assets/images/Twitter_Light.png) no-repeat;
}

a.instagram:hover{
    background: url(http://localhost:57459/Assets/images/Instagram_Dark.png) no-repeat;
}
a.instagram{
    background: url(http://localhost:57459/Assets/images/Instagram_Light.png) no-repeat;
}

a.linkedin:hover{
    background: url(http://localhost:57459/Assets/images/LinkedIn_Dark.png) no-repeat;
}
a.linkedin{
    background: url(http://localhost:57459/Assets/images/LinkedIn_Light.png) no-repeat;
}

a.facebook:hover{
    background: url(http://localhost:57459/Assets/images/Facebook_Dark.png) no-repeat;
}
a.facebook{
    background: url(http://localhost:57459/Assets/images/Facebook_Light.png) no-repeat;
}

#contact p{
    line-height: 1.8em;
    color: #121212;
    font-size: 14px;
    font-weight:400;
    text-align: center;
    letter-spacing: 0;
}

b, strong{
    font-weight: bold;
}

#contact a{
    color: #121212;
}

#contact a:hover, a:active{
    color: #595959;
}

/*---------------------------------------------------
    @Form Styles
---------------------------------------------------*/
/*Global Form Styles*/
.frm_Wrapper{position:relative;}
.frm_Wrapper p.frm_intro{ margin:0 0 0 .2em; font-style:italic; font-size:0.98em; }
.frm_Wrapper p.frm_intro .red, .frm-req .red{ color:#F00; font-weight:bold; font-style:normal; font-size:16px; }
.frm_Wrapper fieldset{ margin:0 0 1em;border:none;}
.frm_Wrapper legend{ margin:.2em 0 .5em; padding:0.5em; color:#e2a31d; background:transparent; font-size:1.3em; font-weight:bold; }
.frm_Wrapper label{display:block; width: 400px; height:18px; line-height:18px; padding:0; text-align:left; color:#292929; background:none;font-size:16px; margin-bottom:6px; }
/*.frm_Wrapper fieldset div.frm-req{ font-weight:bold; }*/ 
.frm_Wrapper fieldset div.frm-req label:after{ content:" *"; color:#F00; }
.frm_Wrapper fieldset div input, .frm_Wrapper fieldset div textarea  { width:500px;background:#fafafa; height:23px; line-height:23px; padding: 12px; border: 1px solid #ccc; margin: 0 0 24px; }
.frm_Wrapper fieldset div select{ padding:1px; }
.frm_Wrapper div.frm-multi div{ margin:5px 0; }
.frm_Wrapper div.frm-multi input{ width:1em; }
.frm_Wrapper div.frm-multi label{ display:block;width:200px;padding-left:5em;text-align:left; }
.frm_Wrapper .frm-submit{ clear:both;padding-top:1em;text-align:center; }
.frm_Wrapper .frm-submit input{ border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%; }

.upload-radio-button label {display: inline !important;}
#uploadmaincamp, #uploadcleveland {display: inline; width: 50px; height: auto; margin: 10px 0px;}

/*=====================================================
Form Error UI
=====================================================*/
.icn_FormError{ display:inline-block; width:20px; height:18px; background:url(images/icn_formerror.png) no-repeat 0 0; float:right; }
.icn_FormError_AltLeft{ display:inline-block; width:20px; height:18px; background:url(images/icn_formerror.png) no-repeat 0 0; float:left; }
.contactformError { display:none; color:#F00; font-weight:bold; font-style:italic; font-size:10px; }
.contactformErrorWrapper { display:block; width:90%; height:22px; line-height:22px; margin:0 5%;  }

/*---- 
CSS Transitions for In The News Section
-----*/

/* ========= fadeIn ========= */
.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.05s;	
	-webkit-animation-duration: 1.05s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	/*
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
    */
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	/*
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
    */
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

/* ========= fadeOut ========= */
.fadeOut{
	animation-name: fadeOut;
	-webkit-animation-name: fadeOut;	

	animation-duration: 1.05s;	
	-webkit-animation-duration: 1.05s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeOut {
	0% {
		transform: scale(1);
		opacity: 0.5;		
	}
	
	55% {
		transform: scale(0.60);	
	}
	75% {
		transform: scale(0.85);
		opacity: 0.5;	
	}
    
	100% {
		transform: scale(0);
		opacity: 0;	
	}		
}

@-webkit-keyframes fadeOut {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;		
	}
	
	55% {
		-webkit-transform: scale(0.60);
	}
	75%{ 
		-webkit-transform: scale(0.85);
		opacity: 0.5;	
	}
	100% {
		-webkit-transform: scale(0);
		opacity: 0.0;	
	}		
}


/* ========= stretchLeft ========= */
.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

/* ========= stretchLeftOut ========= */
.stretchLeftOut{
	animation-name: stretchLeftOut;
	-webkit-animation-name: stretchLeftOut;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeftOut {
	0% {
		transform: scaleX(1);
	}
	40% {
		transform: scaleX(1.01);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.02);
	}
	100% {
		transform: scaleX(0.3);
	}							
}

@-webkit-keyframes stretchLeftOut {
	0% {
		-webkit-transform: scaleX(1);
	}
	40% {
		-webkit-transform: scaleX(1.01);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.02);
	}
	100% {
		-webkit-transform: scaleX(0.3);
	}		
}


/*---------------------------------------------------
    @Dropdown Classes - for dropdown.js
---------------------------------------------------*/
.ddl{
    background:url(images/formTxtBG.png) repeat-x;
    width:134px;
    height:23px;
    line-height:23px;
    position: relative;
    margin: 0;
    padding-left:6px;
    font-family: Verdana, Geneva, sans-serif;  
    font-size:8px; text-transform:uppercase;
    border: 1px solid #c2c5c5;
}
.ddl .dropdown{
    position: absolute;
    top: 100%;
    left: -1px;
    right: 0;
    max-height: 0;
    overflow: hidden;
    background: #dcdfe0;
    border-radius: 0 0 5px 5px;
    border: 1px solid #c2c5c5;
    border-top: none;
    border-bottom: none;
    list-style: none;
    transition: all 0.3s ease-out;
}
.ddl .dropdown li {
    padding: 0 12px ;
}
.ddl .dropdown li:hover{
    color:#D49941;
}
.ddl .dropdown li.sel{
    color:#D49941;
}
.ddl.active .dropdown {
    border-bottom: 1px solid #c2c5c5;
    max-height: 400px;
}
.ddl .ddlArrow{
    background:url(images/ddlArrow.png) no-repeat;
    width:16px;
    height:23px;
    position:absolute;
    top:0;
    right:0;
}

/*---------------------------------------------------
    @Helper Classes
---------------------------------------------------*/
.btn{
    cursor:pointer;
    color:#fff;
    background:url('images/btn.png') no-repeat;
    width:80px;
    height:23px;
    font-size:12px;
    line-height:20px;
    font-family: 'MyriadPro';
    text-align:center;
}
.btnShadow{
    cursor:pointer;
    background:url('images/btn_s.png') no-repeat;
    width:61px;
    height:33px;
    padding:15px 20px 0 22px;
    font-size:12px;
    line-height:12px;
    font-family: 'MyriadPro';
}
.shadow{ 
    -webkit-box-shadow:  2px 2px 10px 0px rgba(68, 68, 68, .4);    
    box-shadow:  2px 2px 10px 0px rgba(68, 68, 68, .4);
}
.shadowHeavy{ 
    -webkit-box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, .8);    
    box-shadow:  2px 2px 10px 0px rgba(0, 0, 0, .8);
}
.preload{
    height:0;
    overflow:hidden;
}
.orange{ color:#D49941 }

.ojArrow{
    color:#D49941;
    font-weight:bold;
    font-size:10px;
}	


/*---------------------------------------------------
    @IE Super Dooper Special Styles!!!
---------------------------------------------------*/
.ie7 h1, .ie7 h2, .ie7 h3, .ie7 h4, .ie7 h5{
    font-weight:normal;
}
.ie7 #sectionInfo h2{
    padding-top:6px;
}
.ie7 #nav ul li{
    line-height:39px;
}
.ie8 #main #page, .ie7 #main #page{
    background:url('images/page_ie.png') repeat-x;
    height:459px;
}
.ie7 #main #pageNav li span, .ie8 #main #pageNav li span{
    margin:0 4px 0 4px;
}
.ie8 #slideContent textarea.FrmFieldStyle,.ie8 #slideContent select.FrmFieldStyle,.ie8 #slideContent input.FrmFieldStyle, 
.ie7 #slideContent textarea.FrmFieldStyle,.ie7 #slideContent select.FrmFieldStyle,.ie7 #slideContent input.FrmFieldStyle{
    background-color:#eee;
}

/*---------------------------------------------------
    @Selection
---------------------------------------------------*/

::selection {
	color:#fff;
	background:#333;
}

::-webkit-selection {
	color:#fff;
	background:#333;
}

::-moz-selection {
	color:#fff;
	background:#333;
}