/* Table of Contents 

    - Base: The default styles, usually single element selectors that will cascade through the whole document.
    - Page Layout: The styles of the page sections.
    - Content: Callouts, sidebar sections, product, media, slideshows, lists, and so on.

*/



/* ---------------------------------------------------------- */
/* WebFonts */

	/* @license
 * MyFonts Webfont Build ID 2549074, 2013-05-06T16:11:28-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: Avenir 65 Medium by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/65-medium/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * Webfont: Avenir 55 Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/55-roman/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * Webfont: Avenir 65 Medium Oblique by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/65-mediumoblique/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2005 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * Webfont: Avenir 85 Heavy by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * Webfont: Avenir 85 Heavy Oblique by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy-oblique/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2549074
 * 
 * © 2013 MyFonts Inc
*/


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

  
@font-face {font-family: 'AvenirLT-Medium';src: url('../webfonts/26E552_0_0.eot');src: url('../webfonts/26E552_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/26E552_0_0.woff') format('woff'),url('../webfonts/26E552_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLT-Roman';src: url('../webfonts/26E552_1_0.eot');src: url('../webfonts/26E552_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/26E552_1_0.woff') format('woff'),url('../webfonts/26E552_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLTCom-MediumOblique';src: url('../webfonts/26E552_2_0.eot');src: url('../webfonts/26E552_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/26E552_2_0.woff') format('woff'),url('../webfonts/26E552_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLT-Heavy';src: url('../webfonts/26E552_3_0.eot');src: url('../webfonts/26E552_3_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/26E552_3_0.woff') format('woff'),url('../webfonts/26E552_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'AvenirLT-HeavyOblique';src: url('../webfonts/26E552_4_0.eot');src: url('../webfonts/26E552_4_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/26E552_4_0.woff') format('woff'),url('../webfonts/26E552_4_0.ttf') format('truetype');}
	
	

/* ---------------------------------------------------------- */
/* Base */

	body {
		line-height: 1;
		font-family: 'AvenirLT-Roman', Arial, Helvetica, sans-serif;
		font-weight: 400;
		background-color: #444;
	}
	
	
	/* Global Links */
	
	
		a, a:visited {
			color: rgba(255,105,47,1.00);
			text-decoration: none;
		}
		
		a:hover, a:visited:hover {
			color: rgba(47,194,255,1);
			text-decoration: none;
		}
		
		
		
		
/* Page Structure */
	
	body {
		background-color: #000;
		font-family: 'AvenirLT-Roman', Arial, Helvetica, sans-serif;
	}
	
	.clear {
		clear: both;	
	}
	
	#TopRule {
		display: none;
	}
	
	#BannerTop {
		display: none;
	}
	
	#Banner {
		display: none;
	}
	
		#Masthead {
		}
		
			#Logo {
				width: 164px;
				padding: 20px 0 10px 4%;
			}
			
			#Logo a {
				display: block;
				background-image: url(../images/logo2x.png);
				background-position: top left;
				background-size: contain;
				width: 164px;
				height: 64px;
			}
		





	/* ---------------------------------------------------------- */
	/* Utility Navigation */

		#UtilityNav {
			display: none;
		}
		
			#UtilityNav ul li.contact {
			}
			
			#UtilityNav ul li.developer {
			}
		
		
			#UtilityNav li a {
			}
				
				#UtilityNav li.contact a {
				}
				
				#UtilityNav li.developer a {
				}
			
				#UtilityNav li a:hover {
				}
		



/* ---------------------------------------------------------- */
/* Navigation */

	
		#Navigation {
			display: none;	
			padding: 0;
		}
		
		#Navigation ul {
			width: 100%;
			margin: 0 auto;
			padding: 0 0 0 0;
		}
		
		#Navigation li {
			float: none;
			padding: 10px 17px 10px 17px;
			background: none;
			background-color: #444;
			border-bottom: 1px solid #999999;
		}
		
		#Navigation li a {
			font-size: 14px;
			color: #ffffff;
			font-weight: 400;
			display: block;
			width: 100%;
		}
		
		#Navigation li a:hover {
			color: #ffffff;
		}
		
		#Navigation li:first-child {
			background: none;
			background-color: #444;
		}
		
		#hamburger {
			display: none;
		}
		
		#hamburger:hover {
			cursor: pointer;
		}
		
			#hamburger span {
				display: block;
				font-size: 14px;
				font-weight: 400;
				padding: 12px 0 0 15px;
				color: #999999;
				text-transform: uppercase;
			}



		#BannerBottom {
			display: none;
		}
			



	



/* ---------------------------------------------------------- */
/* Content */

	#Mask {
		display: none;
	}	

	#Content {
		display: none;
	}
		
		#PanelOne {
			width: 100%;
			background-color: #cd6418;
		}
		
		#PanelTwo {
			width: 100%;
			background-color: #689ea6;
		}
		
		#PanelThree {
			width: 100%;
			background-color: #44848d;
		}
		
		#PanelFour {
			width: 100%;
			background-color: #1e5e68;
		}
		
		#PanelSpacer {
			width: 100%;
			background-color: #5e7775;
		}
	
		
			.panel-content {
				padding: 4%;		
			}
			
			#PanelOne .panel-content, #PanelTwo .panel-content, #PanelFour .panel-content {
				color: #fff;	
			}
			
			#PanelThree .panel-content, #PanelFive .panel-content {
				color: #404041;	
			}
			
			#Content h1 {
				font-size: 35px;
				line-height: 42px;
				margin-bottom: 15px;
				font-family: 'AvenirLT-Heavy', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-style: normal;
			}
			
			#Content h2 {
				font-size: 18px;
				line-height: 24px;
				margin-bottom: 15px;
				font-family: 'AvenirLT-Medium', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-style: normal;
			}
			
			.panel-content ul {
				float: left;
				padding: 0 45px 0 0;
				margin-bottom: 15px;
				font-family: 'AvenirLT-Roman', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-style: normal;
			}
			
			.panel-content ul li {
				font-size: 18px;
				line-height: 24px;
				font-family: 'AvenirLT-Roman', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-style: normal;
				list-style-type: none;
			}
			
			a.more {
				clear: left;
				width: 120px;		
				display: block;
				background-color: #d85e00;
				color: #fff;
				font-size: 16px;
				text-align: right;
				padding: 10px 15px 9px 0;
				font-family: 'AvenirLT-Roman', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-style: normal;
			}
			
				a.more:hover {
					background-color: #3f3f41;
					color: #fff;
				}
				
			
	
	
	#NextTopRule {
		display: none;
	}
	
	#NextShell {
		display: none;
	}
	
		#Next {
		}
		
		#Next a {
		}
		
		#Next .what a {
		}
		
		#next-panelone, #next-panelthree, #next-panelfour, .what {
			display: none;
		}
	
	
	
	#FooterShell {
		display: none;
	}
	
		#Footer {
		}
		
		#Footer a {
		}
		
		
	#Rotate {
		padding: 20%;
		height: 60%;
		width: 60%;
		margin: 0 auto;
		background-image: url(../images/rotate.png);
		background-position: top center;
		background-size: contain;
		background-repeat: no-repeat;
	}