@charset "utf-8";

/*--------------- Index _________ JUMP-A ----*/
/*---- Website Fonts ____________ JUMP-WF ---*/
/*---- All Pages Tags ___________ JUMP-AP ---*/

/*---- HP Tags - Main ___________ JUMP-HP ---*/
/*------- HP Tags - Default _____ JUMP-HP-D ---*/
/*------- HP Tags - Intro _______ JUMP-HP-I ---*/
/*------- HP Tags - Websites ____ JUMP-HP-W ---*/
/*------- HP Tags - Print _______ JUMP-HP-P ---*/
/*------- HP Tags - Experiments _ JUMP-HP-E ---*/
/*------- HP Tags - Contact _____ JUMP-HP-C ---*/
/*------- HP Tags - Responsive __ JUMP-HP-R ---*/

/*---- Project Tags - Main ________ JUMP-PT ------*/
/*------- Project Tags - Default __ JUMP-PT-D ---*/
/*------- Project Tags - Websites _ JUMP-PT-W ---*/


/*---------------------------------------- Website Fonts ___________ JUMP-WF ----------------------------------------*/

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
	 
/*---------------------------------------- All Pages Tags - Main ___________ JUMP-AP ----------------------------------------*/
html {margin:0px;
	padding:0px;}
	
body {margin:0px;
	 padding:0px;}
	 
body.hp {margin:0px;
		padding:0px;
		overflow:hidden;}
		
a.on-white {color:#000; 
		   text-decoration:none;}
		   
a.on-white:hover {color:#27435e;}
	 
/*-----Navigation-----*/
#logo-container {float:left;
			    top:3vh;
				left:6vh;
				max-width:90px;
				position:fixed;
				z-index:999;}
				
#logo-container img {width:100%;}

#navigation-container {float:right;
					  top:3.5vh;
					  right:6vh;
					  max-width:50px;
					  position:fixed;
					  z-index:999;}

#navigation-container img {width:100%;
						 cursor:pointer;}
						 
.navigation_button {display:inline-block;}
.navigation_button-hover {display:none;}
#navigation-container:hover .navigation_button {display:none;}
#navigation-container:hover .navigation_button-hover {display:inline-block;}

#respond_navigation-contaienr {height:0px;}

/*-----Navigation.php (AKA: Activated)-----*/
#activated_navigation-container {width:100%;
								height:100%;
								position:fixed;
								z-index:9999999;
								background-color:#27435e;
								display:none;}
								
#navigation_links-container {position: fixed;
							width:250px;
							top:50%;
							left:50%;
							-webkit-transform: translate(-50%, -50%);
							transform: translate(-50%, -50%);
							text-align:center;}
							
#navigation_links-container ul {list-style-type:none;
							  margin:0px;
							  padding:0px;}
							  
#navigation_links-container a {font-family:'open_sanslight';
						      font-size:20px;
						      color:#fff;
							  text-align:center;
						      letter-spacing:1pt;
						      margin-top:0px;}
							  
#navigation_links-container ul li {}

#nav-links {width:230px;
		   padding:10px;
		   border-bottom:1px solid #fff;}
		   
#navigation_links-container #nav-links.web:hover {background-color:#cb522e;}
#navigation_links-container #nav-links.print:hover {background-color:#1c99aa;}
#navigation_links-container #nav-links.experiment:hover {background-color:#3c948b;}
#navigation_links-container #nav-links.video:hover {background-color:#516E9C;}
#navigation_links-container #nav-links.other:hover {background-color:#9ba9be;}

#navigation_links-container a {text-decoration:none;}

#exit_button-container {float:right;
					   top:3.75vh;
					   right:6.5vh;
					   max-width:35px;
					   position:fixed;
					   cursor:pointer;}
					   
#exit_button-container img {width:100%;}

.exit_button {display:inline-block;}
.exit_button-hover {display:none;}
#exit_button-container:hover .exit_button {display:none;}
#exit_button-container:hover .exit_button-hover {display:inline-block;}

/*-----Scroll Up (scroll-up.php)-----*/
#scroll_up-container {position:fixed;
					 width:40px;
					 height:40px;
					 right:3vw;
					 bottom:4.5vh;
					 display:none;
					 cursor:pointer;
					 z-index:9999;
					 border:1px solid #fff;
					 border-radius:6px;}
					 
#scroll_up-container img {width:100%;}

.scrollup_button {display:inline-block;}
.scrollup_button-hover {display:none;}
#scroll_up-container:hover .scrollup_button {display:none;}
#scroll_up-container:hover .scrollup_button-hover {display:inline-block;}
					 
#scroll_up-container.activate {display:inline-block;}

/*-----Project Widgets (web_project-widget, print_project-widget, experiment_project-widget.php)-----*/

#project_widget-container {position:fixed;
						  left:0;
						  top:15vh;
						  z-index:9999;
						  display:inline-block;
						  max-width:100%;}
						 
#project_widget-listings {z-index:9999;
						 background-color:#27435e;
						 display:inline-block;
						 vertical-align:top;
						 padding:30px 35px;
						 color:#fff;
						 margin-right:-5px;
						 display:none;
						 border-bottom-right-radius: 10px;
						 border-top-right-radius: 10px;}

#project_widget-listings h3 {margin:0px;
						   padding:0px;
						   font-family: 'open_sansregular';
						   font-size: 20px;
						   text-align: left;
						   letter-spacing: 1pt;
						   margin-bottom:5px;}
						 
#project_widget-listings ul {list-style:none;
						   margin:0px;
						   padding:0px;
						   font-family: 'open_sanslight';
						   font-size: 18px;
						   letter-spacing: 1pt;}
						   
#project_widget-listings ul li {padding:10px;
							border-bottom:1px solid #fff;}
							
#project_widget-listings ul li:hover {background-color:#4a798f;
								  cursor:pointer;}
								  
#project_widget-listings a {font-family:'open_sanslight';
						      font-size:18px;
						      color:#fff;
							  text-align:left;
						      letter-spacing:1pt;
						      margin-top:0px;
							  text-decoration:none;}
						
#project_widget-listings h4 {font-family: 'open_sansregular';
							margin-bottom:0px;
						   font-size: 15px;
						   text-align: right;
						   letter-spacing: 1pt;
						   cursor:pointer;}
					  
#project_widget-arrow {cursor:pointer;
					  z-index:9999;
					  border:1px solid #fff;
					  border-left:none;
					  border-top-right-radius:6px;
					  border-bottom-right-radius:6px;
					  display:inline-block;
					  vertical-align:top;}
					  
#project_widget-arrow img {padding:30px 0px 30px 0px;
						 width:40px;}
						 
.widget_arrow {display:inline-block;}
.widget_arrow-hover {display:none;}
#project_widget-arrow:hover .widget_arrow {display:none;}
#project_widget-arrow:hover .widget_arrow-hover {display:inline-block;}

@media only screen and (max-width: 1000px) { 
#project_widget-container {top:21vh;}
}

@media only screen and (max-width: 600px) {
#project_widget-container {top:21vh; max-width:none; max-height:80%; display:inline-block;}
#project_widget-arrow img {padding:25px 0px 25px 0px; width:24px;}
#scroll_up-container {width:28px; height:28px;}
}

@media only screen and (max-width: 400px) {
#project_widget-listings {padding:15px 5% 15px 5%; width:80%;} 
}

/*---------------------------------------- HP Tags - Main ___________ JUMP-HP ----------------------------------------*/

/*---------------------------------------- HP Tags - Intro ___________ JUMP-HP-I ----------------------------------------*/
#intro {width:100%;
	   height:100%;}

#hp_content-container {width:100%;
					  height:100%;}
					  
#hp_content {width:99%;
			display:inline-block;
			vertical-align:middle;}

#align-helper {height:100%;
			  vertical-align:middle;
			  display:inline-block;}
			  
#align-helper.intro {background-image: url("../images/intro-background.png");}
			  
#align-helper-bottom {height:100%;
					 width:.001%;
					 vertical-align:bottom;
					 display:inline-block;}
					 
#align-helper-top {height:100%;
				  width:.001%;
				  vertical-align:top;
				  display:inline-block;}

h1.i-am {font-family:'helvetica', arial, sans-serif;
	   font-size:9vmin;
	   color:#fff;
	   text-align:center;
	   letter-spacing:1pt;
	   margin-top:0px;
	   padding:0px 5px;}
   
span.r-spacing {letter-spacing:1vmin;}
   
span.two-parts {font-family:'helvetica', arial, sans-serif;
			  font-size:8vmin;
			  color:#fff;
			  text-align:center;
			  font-weight:100;
			  letter-spacing:1pt;}
   
#intro-container {width:101.5%;
				 top:15%;
				 background-image: url("../images/intro-background-dark.png");
				 font-family:'open_sanslight';
				 color:#fff;
				 text-align:center;
				 font-weight:400;
				 letter-spacing:.25pt;
				 font-size: 18px;
				 line-height: 26px;
				 overflow:hidden;}
				 
#intro_content-container {width:70%;
						 margin:auto;
						 vertical-align:middle;
						 display:inline-block;}
				 
#intro video {position:fixed;
		   top: 50%;
		   left: 50%;
		   min-width: 100%;
		   min-height: 100%;
		   width: auto;
		   height: auto;
		   z-index: -99;
		   -webkit-transform: translateX(-50%) translateY(-50%);
		   transform: translateX(-50%) translateY(-50%);
		   background: url(../images/video-background-image.png) no-repeat;
		   background-size: cover;}
					  
#overlay {width:100%;
		 height:100%;
		 position:fixed;
		 z-index: -9;
		 /*background-image: url("../images/transparent-overlay-light.png");*/}
		 
#overlay img {width:100%;
			height:100%;}

/*---------------------------------------- HP Tags - Default ___________ JUMP-HP-D ----------------------------------------*/

/*------ SS-Content and Display ------*/
#ss-content {width:50%;
			margin:0px auto;
			display:inline-block;
			vertical-align:middle;}
			
h1.ss-header {font-family:'helvetica', arial, sans-serif;
		    font-size:7vmin;
			line-height:7vmin;
		    color:#fff;
		    letter-spacing:1pt;
		    margin-top:0px;
			margin-bottom:15px;}
			
#ss-content p {font-size:19px;
			   line-height:26px;
			   font-family:'open_sanslight';
			   color:#fff;
			   letter-spacing:.25pt;}
				 
#more-button {margin-bottom:5px;
			  margin-top:5px;
			  border:1px solid #fff;
			  border-radius:6px;
			  padding:10px 15px;
			  display:inline-block;
			  cursor:pointer;}

#more-button:hover {background-color:#27435e;}
			 
#more-button p {margin:0px;
			   font-size:2.5vmin;}
			   
#picture_container-description {width:80%;
							   padding:0vh 2vw 0vh 2vw;
							   bottom:4.5vmin;
							   font-size:19px;
							   line-height:26px;
							   font-family:'open_sansregular';
							   color:#fff;
							   text-align:left;
							   display:inline-block;
							   vertical-align:bottom;
							   padding-bottom:30px;
							   letter-spacing:.25pt;}
							   
#picture_container-description  p {margin:0px;}

/*------ Buttons ------*/
#next_button-container {width:100%;
					   z-index:99;
					   margin-top:91vh;
					   text-align:center;
					   position:absolute;}
			 
#next_button {width:60px;
			 display:inline-block;
			 cursor:pointer;}
			 
#next_button img {width:100%;}

.next_button {display:inline-block;}
.next_button-hover {display:none;}
#next_button:hover .next_button {display:none;}
#next_button:hover .next_button-hover {display:inline-block;}

#prev_button-container {width:100%;
					   z-index:99;
					   margin-top:3vh;
					   text-align:center;
					   position:absolute;;}
			 
#prev_button {width:60px;
			 display:inline-block;
			 cursor:pointer;}
			 
#prev_button img {width:100%;}

.prev_button {display:inline-block;}
.prev_button-hover {display:none;}
#prev_button:hover .prev_button {display:none;}
#prev_button:hover .prev_button-hover {display:inline-block;}

/*---------------------------------------- HP Tags - Apps ___________ JUMP-HP-A ----------------------------------------*/
#app {width:100%;
	height:100%;}

#hp-app {width:100%; 
	   height:100%; 
	   display:table;
	   table-layout:fixed;}

#app_picture-container {height:100%;
					  vertical-align:top;
					  background-color:#3e3e3e;
					  display:table-cell;
					  background-image: url("../images/hp-app-display.png");
					  background-position:50% 50%;}
	   
#app-ss {height:100%;
	   background-color:#9ba9be;
	   display:table-cell;
	   vertical-align:top;
	   text-align:center;
	   background-image:url("../images/display_background-print.png");
	   background-repeat:no-repeat;
	   background-position:100% 100%;
	   background-size:cover;}

/*---------------------------------------- HP Tags - Websites ___________ JUMP-HP-W ----------------------------------------*/
#website {width:100%;
		 height:100%;}

#hp-website {width:100%; 
			height:100%; 
			display:table;
			table-layout:fixed;}

#website_picture-container {height:100%;
						   vertical-align:top;
						   background-color:#3e3e3e;
						   display:table-cell;
						   background-image: url("../images/hp-website-display.png");
						   background-position:50% 50%;}
			
#website-ss {height:100%;
			background-color:#cb522e;
			display:table-cell;
			vertical-align:top;
			text-align:center;
			background-image:url("../images/display_background-web.png");
			background-repeat:no-repeat;
			background-position:100% 100%;
			background-size:cover;}

/*---------------------------------------- HP Tags - Print ___________ JUMP-HP-P ----------------------------------------*/			   
#print {width:100%;
	   height:100%;
	   background-color:#27435e;}
	   
#hp-print {width:100%; 
		  height:100%; 
		  display:table;
		  table-layout:fixed;}

#print_picture-container {height:100%;
						 vertical-align:top;
						 background-color:#3e3e3e;
						 display:table-cell;
						 background-image: url("../images/hp-print-display.png");
						 background-position:50% 50%;}
			
#print-ss {height:100%;
		  background-color:#1c99aa;
		  display:table-cell;
		  vertical-align:top;
		  text-align:center;
		  background-image:url("../images/display_background-print.png");
		  background-repeat:no-repeat;
		  background-position:0% 0%;
		  background-size:cover;}

/*---------------------------------------- HP Tags - Experiment ___________ JUMP-HP-E ----------------------------------------*/		  
#experiment {width:100%;
			height:100%;
			background-color:#ecd06f;}
			
#hp-experiment {width:100%; 
			   height:100%;
			   display:table;
			   table-layout:fixed;}

#experiment_picture-container {height:100%;
							  vertical-align:top;
							  background-color:#3e3e3e;
							  display:table-cell;
							  background-image: url("../images/hp-experiment-display.png");
							  background-position:50% 50%;}
			
#experiment-ss {height:100%;
			   background-color:#3c948b;
			   display:table-cell;
			   vertical-align:top;
			   text-align:center;
			   background-image:url("../images/display_background-experiment.png");
			   background-repeat:no-repeat;
			   background-position:0% 100%;
			   background-size:cover;}
			   
/*---------------------------------------- HP Tags - Video ___________ JUMP-HP-V ----------------------------------------*/		  
#video {width:100%;
		height:100%;
		background-color:#ecd06f;}
			
#hp-video {width:100%; 
		   height:100%;
		   display:table;
		   table-layout:fixed;}

#video_picture-container {height:100%;
						  vertical-align:top;
						  background-color:#3e3e3e;
						  display:table-cell;
						  background-image: url("../images/hp-video-display.png");
						  background-position:50% 50%;}
			
#video-ss {height:100%;
		   background-color:#516E9C;
		   display:table-cell;
		   vertical-align:top;
		   text-align:center;
		   background-image:url("../images/display_background-video.png");
		   background-repeat:no-repeat;
		   background-position:100% 0%;
	       background-size:cover;}

/*---------------------------------------- HP Tags - Contact ___________ JUMP-HP-C ----------------------------------------*/		
#contact {width:100%;
		 height:100%;
		 background-color:#3c948b;}
		 
#hp-contact {width:100%; 
			height:100%;
			display:table;
			table-layout:fixed;}

#contact_picture-container {height:100%;
						   vertical-align:top;
						   background-color:#3e3e3e;
						   display:table-cell;
						   background-image: url("../images/hp-contact-display.png");
						   background-position:50% 50%;}
			
#contact-ss {height:100%;
			background-color:#9ba9be;
			display:table-cell;
			vertical-align:top;
			text-align:center;}
			
input.contact_form-fill_in {width:100%;
						  height:44px;
						  border-radius:6px;
						  font-size:24px;
						  border:1px solid #fff;
						  color:#3e3e3e;
						  background-color:#9ba9be;
						  margin:10px 0px;
						  font-family:'open_sanslight';
						  padding:0px 10px;}
						  
textarea.contact_form-message {width:100%;
							font-family:'open_sanslight';
							border-radius:6px;
							font-size:24px;
							line-height:26px;
							color:#3e3e3e;
							border:1px solid #fff;
						    background-color:#9ba9be;
							margin-bottom:15px;
							margin-top:10px;
							padding:10px 10px;}
							
input.submit_button {width:100%;
				  height:44px;
				  background-color:#9ba9be;
				  margin-bottom:15px;
				  margin-top:5px;
				  padding:0px 10px;
				  background-image: url("/images/submit_button.png");
				  background-position: 50% 50%;
				  background-repeat:no-repeat;
				  border:none;
				  cursor:pointer;}
				  
input.submit_button:hover {background-image: url("/images/submit_button-hover.png")}

#form_reflect-area {margin-top:-15px;
				   width:100%;}
				   
#form_reflect-area p {font-size:2.5vmin !important;}

/*---------------------------------------- About Me ___________ JUMP-HP-A ----------------------------------------*/
#about {width:100%;
	   height:100%;
	   background-color:#ecd06f;}
			
#about-main {width:100%; 
			height:100%;
			display:table;
			table-layout:fixed;}

#about_picture-container {height:100%;
						 vertical-align:top;
						 background-color:#3e3e3e;
						 display:table-cell;
						 background-image: url("../images/hp-about-display.png");
						 background-position:50% 50%;}
			
#about-ss {height:100%;
		  background-color:#1c99aa;
		  display:table-cell;
		  vertical-align:top;
		  text-align:center;}
		  
#ss-content.about {width:60%;
			margin:0px auto;
			display:inline-block;
			vertical-align:middle;}
			   
#about-ss p {}

#about-ss h1 {}

#about-quote {bottom: 4.5vmin;
			 font-size: 2.75vmin;
			 line-height: 3.5vmin;
			 font-family: 'open_sansregular';
			 color: #fff;
			 text-align: left;
			 display: inline-block;
			 vertical-align: bottom;
			 padding-bottom: 30px;
			 letter-spacing: .25pt;}
			 
blockquote {
  margin: 0px;
  padding: 0px;
}

blockquote p {display: inline;}
			 
.quote {margin-bottom:0px;
	   hanging-punctuation: first;}	
	   
.quote-name {text-align:right !important;
			margin-top:10px !important;
			margin-bottom:0px !important;}

			
/*---------------------------------------- Interactive Resume ___________ JUMP-HP-A ----------------------------------------*/
#resume {width:100%;
	     height:100%;
	     background-color:#ecd06f;}
			
#resume-main {width:100%; 
			 height:100%;
			 display:flex;
					   flex-wrap:wrap;
					   flex-direction:row;}

#resume_picture-container {height:100%;
						  vertical-align:top;
						  background-color:#3e3e3e;
						  background-image: url("../images/hp-resume-display.png");
						  background-position:50% 50%;
						  -webkit-flex: 1; /* Safari 6.1+ */
				  -ms-flex: 1; /* IE 10 */ 
				  flex: 1;}
			
#resume-ss {max-height:100%;
		   background-color:#fff;
		   vertical-align:top;
		   overflow-y:scroll;
		   font-size: 15px;
		   line-height: 18px;
		   font-family: 'open_sanslight';
		   color: #000;
		   letter-spacing: .25pt;
		   -webkit-flex: 1; /* Safari 6.1+ */
				  -ms-flex: 1; /* IE 10 */ 
				  flex: 1;}
		  
#ss-content.resume {width:60%;
					margin:0px auto;
					display:inline-block;
					vertical-align:middle;
					overflow:scroll;}
			
#resume_sections-rows {width:100%; 
					   height:25%;
					   display:flex;
					   flex-wrap:wrap;
					   flex-direction:row;}
					   
#resume-sections {height:100%; 
				  min-width:50%; 
				  -webkit-flex: 1; /* Safari 6.1+ */
				  -ms-flex: 1; /* IE 10 */ 
				  flex: 1;
				  text-align:center;}
				  
#resume-sections:hover {cursor:pointer;}
				  
#resume-sections h3 {width:99%;
					display:inline-block;
					font-family:'open_sanslight';
					color:#fff;
					font-size:20px;
					letter-spacing:.25pt;}
					
#resume-sections.education {background-color:#145a7f;}
#resume-sections.education:hover {background-color:#0a2d40;}

#resume-sections.skills {background-color:#cb522e;}
#resume-sections.skills:hover {background-color:#401A0E;}

#resume-sections.freelance {background-color:#e58f00;}
#resume-sections.freelance:hover {background-color:#402800;}

#resume-sections.employment {background-color:#0f9fb2;}
#resume-sections.employment:hover {background-color:#053940;}

#resume-sections.affiliations {background-color:#e5dc5f;}
#resume-sections.affiliations:hover {background-color:#403d1a;}

#resume-sections.references {background-color:#247f53;}
#resume-sections.references:hover {background-color:#12402a;}

#resume-sections.back_website {background-color:#516e9c;}
#resume-sections.back_website:hover {background-color:#212d40;}

#resume-sections.resume_pdf {background-color:#3c948b;}
#resume-sections.resume_pdf:hover {background-color:#1a403c;}

#rs_more-education, 
#rs_more-skills, 
#rs_more-freelance, 
#rs_more-employment, 
#rs_more-affiliations, 
#rs_more-references {width:90%; margin:0px; padding:20px 5%; display:none; background-color:#fff;}

.title {color:#cb522e; font-weight:bold;}
.green-title {color:#3c948b; font-weight:bold;}
.blue-title {color:#0f9fb2; font-weight:bold;}
.location-title {color:#000; display:block;}
br.dt {display:block;}

h5 {margin:5px 0px 5px 0px;
	font-size:19px;}
	
p {margin:12px 0px 12px 0px;}


ul {margin:12px 0px 12px 0px;
    padding-left: 22px;}

#close-out {text-align: right;
		   float: right;
		   position: relative;
		   bottom: 20px;}
		   
#close-out span {cursor:pointer;
				 font-size:15px;
				 font-weight:bold;}
				 
/*education*/
#rs_more-education ul {margin:0px 0px 0px 0px;}
ul.employment-points {margin-top:0px;}
p.employment-headers {margin-bottom:0px;}

/*Reference*/
input.rr_form-fill_in {width:100%;
						  height:44px;
						  border-radius:6px;
						  font-size:15px;
						  border:1px solid #247f53;
						  color:#3e3e3e;
						  background-color:#fff;
						  margin:10px auto;
						  font-family:'open_sanslight';
						  padding:0px 10px;}
						  
textarea.rr_form-message {width:100%;
							font-family:'open_sanslight';
							border-radius:6px;
							font-size:15px;
							line-height:18px;
							color:#3e3e3e;
							border:1px solid #247f53;
						    background-color:#fff;
							margin:10px auto 15px auto;
							padding:10px 10px;}
							
input.submit_button-rr {width:100%;
				  height:44px;
				  color:#fff;
				  font-weight:bold;
				  background-color:#247f53;
				  margin-bottom:38px;
				  margin-top:5px;
				  padding:0px 10px;
				  border:none;
				  cursor:pointer;}

				  #form_reflect-area-rr p {font-size:15 !important;
										   color:#0f9fb2;}

/*---------------------------------------- Header Tags - Responsive________ JUMP-HEADER -------------------------------------*/

#project_page-header {width:100%;
					 height:115px;
					 background-color:#27435e;}

@media only screen and (max-width: 1000px) {
#logo-container {left:3vw; display:inline-block; vertical-align:middle; position:relative; top:0vh;}
#logo-container img {max-height:50px;}
#navigation-container {right:3vw; display:inline-block; vertical-align:middle; position:relative; top:0vh;}
#exit_button-container {right:3.5vw; top:3.5vh;}
#scroll_up-container {bottom:2.5vh}
#respond_navigation-contaienr {width:100%; background-color:#27435e; position:fixed; z-index:9; display:block; padding:20px 0px; height:50px;}
#project_page-header {height:90px;}
p.survey-project {color:#000;}
}

@media only screen and (max-width: 600px) {
#logo-container img {height:30px; width:auto;}
#respond_navigation-contaienr {height:30px;}
#navigation-container img {height:40px; width:auto; margin-top:-5px;}
#project_page-header {height:60px;}
}
			
/*---------------------------------------- HP Tags - Responsive ___________ JUMP-HP-R ----------------------------------------*/
@media only screen and (max-height: 1800px) {
#print_picture-container, #experiment_picture-container, #video_picture-container, #contact_picture-container, #website_picture-container, #app_picture-container, #about_picture-container, #resume_picture-container {background-size: cover;}
}
	
@media only screen and (max-width: 1300px) {
#resume_picture-container {display:none;}
}
	
@media only screen and (max-width: 1000px) {
body.hp {overflow:visible;}
	
#intro {width:100%;}
#intro_content-container {width:90%;}
span.two-parts {font-size:6vmin;}

#next_button-container  {display:none;}
#prev_button-container {display:none;}

#website, #print, #experiment, #contact, #about, #app {width:100%;}
#app_picture-container {width:100%; display:block; height:50%; background-position: 50% 25%; background-size: cover;}
#website_picture-container {width:100%; display:block; height:50%; background-position: 50% 25%; background-size: cover;}
#contact_picture-container {width:100%; display:block; height:50%; background-position: 50% 88%; background-size: cover;}
#print_picture-container, #experiment_picture-container, #video_picture-container {width:100%; display:block; height:50%; background-position: 50% 50%; background-size: cover;}
#about_picture-container {width:100%; display:block; height:50%; background-position: 50% 5%; background-size: cover;}
#picture_container-description {margin-left:5%; padding-bottom:30px;}
#website-ss, #print-ss, #experiment-ss, #contact-ss, #about-ss, #video-ss, #app-ss {width:100%; display:block; height:50%;}
#ss-content {width:85%;}
#ss-content.about {width:85%;}

#contact-ss {height:auto; padding:30px 0px;}
#about-ss {height:auto; padding:7% 0px;}

#about_picture-container {margin-top:90px;}

#more-button {padding:15px 20px;}
#more-button p {font-size:3.5vmin;}

#resume_picture-container {display:none;}
/*#resume_sections-rows {display:block; width:100%; height:auto;}
#resume-sections {display:block; width:100%; height:200px;}
#resume-sections.education {margin-top:90px;}*/
#resume-ss {display:block; overflow:visible; margin-top:90px;}
#close-out {float:none; display:block; position:static; margin-top:13; text-align:left;}
.title {display:block;}
.green-title {display:block;}
.blue-title {display:block;}
br.dt {display:none;}
}

@media only screen and (max-width: 500px) {
#intro_content-container {width:90%;}
#intro-container {font-size: 16px;
				 line-height: 21px;}
}

@media only screen and (max-width: 600px) {

#hp_content-container {background-image: url("../images/mobile-video-background.png"); background-position: 40% -5%; background-size:cover;}
#more-button {padding:10px 15px;}
#picture_container-description {text-align:center; padding-bottom:20px;}
#about_picture-container {margin-top:70px;}

/*#resume-sections.education {margin-top:70px;}*/
#resume-ss {margin-top:70px;}

#ss-content p {font-size:16px; line-height:21px;}
#project_indicator-desciption p {font-size:16px; line-height:21px !Important;}
#ind-description p {font-size:16px; line-height:21px !Important;}
}

@media only screen and (max-width: 400px) {
#hp_content {width:98.5%; margin-top:10%;}
h1.i-am {font-size:8vmin;}
h1.i-am strong {line-height: 40px;}
span.two-parts {font-size:5.5vmin;}
#ss-content.about {width:85%;}
}


/*---------------------------------------- Project Tags - Main ___________ JUMP-PT ----------------------------------------*/

/*---------------------------------------- Project Tags - Default ___________ JUMP-PT-D ----------------------------------------*/
				 
#project-banner {width:100%;
				background-size:cover;
				background-position:50% 50%;
				height:50%;}

#project_indicator {width:80%;
				   padding:1.25% 10% 2% 10%;}

#project_indicator-title {display:block;
						 vertical-align:middle;
						 width:100%;
						 text-align:left;
						 padding:10px 0px;}

#project_indicator-title h1 {font-family:'helvetica', arial, sans-serif;
						     color:#fff;
						     letter-spacing:1pt;
						     display:inline-block;
						     margin:0px;}

#project_indicator-desciption {height:auto;
						      display:block;
						      vertical-align:middle;
						      width:100%;
							  text-align:right;}
						 
#project_indicator-desciption p {font-size:19px; 
								 line-height:26px;
							     font-family:'open_sanslight';
							     color:#fff;
							     text-align:left;
							     letter-spacing:.25px;
							     margin:0px;}
							   
#project_rows-container {width:100%;
						display:table;}
					
#ind_projects-container {display:table-cell;
						background-position: 50% 25%; 
						background-size: cover;
						text-align:center;
						position:relative;}
						
#project-overlay {width:100%;
				 height:100%;
				 display:inline-block;
				 background-image: url("../images/project_overlay.png");
				 top:0;
				 left:0;
				 z-index:9;
				 overflow: hidden;}
				 
#project-overlay:hover {background-image: none;
					   background-image: url("../images/project_overlay-hover.png");}
					   
#project-overlay.na:hover {background-image: url("../images/project_overlay.png");
						  cursor:auto;}
					   
#project-overlay {padding: 3vmin 0vmin;}

#project-overlay img {width:60%;}

#project-overlay p {margin-top: -14px;
				    font-family: 'helvetica', arial, sans-serif;
				    color:#fff;}

.project_logo {display:inline-block; cursor:pointer;}
.project_logo-hover {display:none; cursor:pointer;}
#ind_projects-container:hover .project_logo {display:none;}
#ind_projects-container:hover .project_logo-hover {display:inline-block;}

/*---------------------------------------- Project Tags - Websites ___________ JUMP-PT-W ----------------------------------------*/
#project-banner.website {background-image:url("../images/project_header-website.png");}

#project_indicator.websites{background-color:#cb522e; padding:0% 10% 0% 10%; width:80%;}

#ind_projects-container.epcomarine_website {background-image: url("../images/projects/web/epcomarine_website.png"); background-position: 50% 0%;}
#ind_projects-container.zeroleak_website {background-image: url("../images/projects/web/zeroleak_website.png"); background-position: 50% 0%;}
#ind_projects-container.motormate_ecom {background-image: url("../images/projects/web/motormate_ecom.png"); background-position: 50% 0%;}
#ind_projects-container.epco_email {background-image: url("../images/projects/web/epco_email.png"); background-position: 50% 0%;}
#ind_projects-container.mediasect_website {background-image: url("../images/projects/web/mediasect_website.png"); background-position: 50% 0%;}
#ind_projects-container.cyclepoint_display {background-image: url("../images/projects/web/cyclepoint_display.png"); background-position: 50% 0%;}
#ind_projects-container.fwas_display {background-image: url("../images/projects/web/fwas_display.png"); background-position: 50% 0%;}
#ind_projects-container.modernarch_display {background-image: url("../images/projects/web/modernarch_display.png"); background-position: 50% 0%;}

@media only screen and (max-width: 800px) {
#project-banner {padding-top:90px; height:50%; background-position:50% 5%; display:none;}
#project_indicator {padding: 3.5% 7.5% 5.5% 7.5%; width:85%;}
#project_indicator.print {padding: 2% 5% 2% 5%; width:90%;}
#project_indicator-title  {display:block; width:100%;}
#project_indicator-desciption  {display:block; width:100%;}
#ind_projects-container {display:block;}
#project-overlay {padding: 10vmin 0vmin;}
#project-overlay {background-image: url("../images/project_overlay-hover.png");}
.project_logo {display:none;}
.project_logo-hover {display:inline-block;}
#project-overlay.na {display:none;}
}

@media only screen and (max-width: 600px) {
#project_page-header {height:70px;}
}

/*---------------------------------------- Project Tags - Print ___________ JUMP-PT-P ----------------------------------------*/
#project-banner.print {background-image:url("../images/project_header-print.png");}

#project_indicator.print {background-color:#1c99aa;
						 padding:0% 10% 0% 10%;
						 width:80%;}
/*Booklets*/						 
#ind_projects-container.fwahsh_one {background-image: url("../images/projects/print/hockey_one.png"); background-position: 50% 0%;}
#ind_projects-container.fwahsh_two {background-image: url("../images/projects/print/hockey_two.png"); background-position: 50% 0%;}
#ind_projects-container.fwahsh_three {background-image: url("../images/projects/print/hockey_three.png"); background-position: 50% 0%;}
#ind_projects-container.towerbanks {background-image: url("../images/projects/print/towerbanks.png"); background-position: 50% 0%;}
#ind_projects-container.do_it_best {background-image: url("../images/projects/print/do_it_best.png"); background-position: 50% 0%;}

/*Single*/						 
#ind_projects-container.ps-booth {background-image: url("../images/projects/print/ps-booth.png"); background-position: 50% 50%;}
#ind_projects-container.win-flyer {background-image: url("../images/projects/print/win-flyer.png"); background-position: 50% 20%;}
#ind_projects-container.airshow {background-image: url("../images/projects/print/airshow.png"); background-position: 50% 0%;}
#ind_projects-container.angels_america {background-image: url("../images/projects/print/angels_america.png"); background-position: 50% 0%;}
#ind_projects-container.black_stag {background-image: url("../images/projects/print/black_stag.png"); background-position: 50% 0%;}
#ind_projects-container.stillaction {background-image: url("../images/projects/print/sna.png"); background-position: 50% 0%;}

/*Logos*/						 
#ind_projects-container.zorya {background-image: url("../images/projects/print/zorya.png"); background-position: 50% 0%;}
#ind_projects-container.eyetoeye {background-image: url("../images/projects/print/eyetoeye.png"); background-position: 50% 0%;}

/*Package*/						 
#ind_projects-container.silly_putty {background-image: url("../images/projects/print/silly_putty.png"); background-position: 50% 0%;}

/*---------------------------------------- Project Tags - Experiment ___________ JUMP-PT-E ----------------------------------------*/
#project-banner.experiment {background-image:url("../images/project_header-experiment.png");}

#project_indicator.experiment {background-color:#3c948b;}

#ind_projects-container.mario_strikers {background-image: url("../images/projects/experiment/mario_strikers.png"); background-position: 50% 0%;}
#ind_projects-container.generation_why {background-image: url("../images/projects/experiment/generation_why.png"); background-position: 50% 0%;}
#ind_projects-container.willow_creek {background-image: url("../images/projects/experiment/willow_creek.png"); background-position: 50% 0%;}
#ind_projects-container.bio {background-image: url("../images/projects/experiment/bio.png"); background-position: 50% 0%;}

/*---------------------------------------- Project Tags - Videos ___________ JUMP-PT-E ----------------------------------------*/
#project-banner.video {background-image:url("../images/project_header-video.png");}

#project_indicator.video {background-color:#516E9C; padding:0% 10% 0% 10%; width:80%;}

#ind_projects-container.recruitment_video-ps {background-image: url("../images/projects/video/recruitment_video-ps.png"); background-position: 50% 0%;}

/*---------------------------------------- Indvidual Project Tags - Print ___________ JUMP-PT-P ----------------------------------------*/
#ind-project {width:100%;
	         height:100%;
			 text-align:center;}
			 
#ind-container {width: 80%;
			   margin: 70px auto 0px auto;
			   display:inline-block;
			   vertical-align: middle;}
			   
#ind-image {}
		   
#ind-image img.left{float:left;
				    margin-right:20px;}
					
.left-ana {float:left; margin-right:20px; width:25%;}
				   
#ind-image img.right{float:right;
				     margin-left:20px;}

#ind-image iframe {float:left;
				   margin-right:20px;
				   width:60%;
				   height:60%;}				 
				 
.mult-images {width:35%; float:left; margin-right:20px;}
.mult-images-sp {width:25%; float:left; margin-right:20px;}
.mult-images-booklet {width:40%; margin:0px 10px 15px 10px;}
.mult-images-psl {width:40%; margin:0px 10px 15px 10px; vertical-align:top;}
.mult-images-psr {width:29.5%; margin:0px 10px 15px 10px; vertical-align:top;}

#ind-description {}
	   
#ind-container h3 {font-size: 26px;
				   line-height:32px;
				   font-family: 'open_sansbold';
				   color: #fff;
				   letter-spacing: .25pt;
				   text-align:left !important;
				   margin-bottom:15px;}

#ind-description p {font-size: 19px;
					line-height: 21px;
				    font-family: 'open_sanslight';
				    color: #fff;
				    text-align:left;
					margin-top:-2px;}
				   
#ind-description ul {font-size: 2.25vmin;
				    font-family: 'open_sanslight';
				    color: #fff;
				    line-height: 2.75vmin;
				    text-align:left !important;
					margin-left:50%;}

@media only screen and (max-width: 1250px) {
#ind-container {width:95%;}
}
	
@media only screen and (max-width: 1000px) {
#ind-container.h3 {margin-top:110px;}
#ind-image img {width:70%; margin-bottom:15px;}
#ind-image img.left {width:70%; margin-bottom:15px;}
#ind-image img.right {width:70%; margin-bottom:15px;}
img.silly-putty {width:50% !important;}
#ind-image img.left, #ind-image img.right {float:none;}
#ind-project {width:auto; height:auto;}
#ind-container {width:85%; border-bottom:1px solid #fff; margin-bottom:30px;}
#ind-project #align-helper {height:70%;}
#ind-project h3 {text-align:center; margin-top:0px; margin-bottom:18px;}
span.projects {margin-top:-118px; padding-top:118px; display:block;}
#top_projects {height:110px; width:100%;}
#ind-image iframe {width:100%; height:40%; margin-bottom:15px;}
}

@media only screen and (max-width: 700px) {
#ind-image img {width:100%; margin-bottom:15px;}
#ind-image img.left {width:100%; margin-bottom:15px;}
#ind-image img.right {width:100%; margin-bottom:15px;}
img.silly-putty {width:100% !important;}
}	
	
@media only screen and (max-width: 600px) {
#ind-project h3 {text-align:center;}
span.projects {margin-top:-90px; padding-top:90px; display:block;}
#top_projects {height:90px; width:100%;}
#ind-image img.left, #ind-image img.right {float:none; margin-bottom:20px;}
}			 
/*--------------------------------- Temporary Code ----------------------------------------*/
#hockey {width:100%;
		height:100%;}
		
#hockey-ss {height:100%;
			background-color:#9ba9be;
			display:table-cell;
			vertical-align:top;
			text-align:center;}
			
#hockey_picture-container {height:100%;
						 vertical-align:top;
						 background-color:#3e3e3e;
						 display:table-cell;
						 background-image: url("../images/hockey-display.png");
						 background-size:cover;}
						 
@media only screen and (max-width: 1100px) {
#hockey {width:100%;}
#hockey_picture-container {width:100%; display:block; height:50%; background-position: 50% 25%; background-size: cover; margin-top:90px;}
#hockey-ss {width:100%; display:block; height:50%;}
}

@media only screen and (max-width: 600px) {
#hockey_picture-container {margin-top:70px;}
}