/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body,input,textarea,select
	{
		font-size: 11.50pt;
	}

	header
	{
		margin-bottom: 1.75em;
	}

	.box
	{
		padding: 4em 0em 2em 0em;
	}

/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/
		
	.poptrox-popup
	{
		background: #fff;
		border: solid 0.35em #fff;
		box-shadow: 0 0.5em 3em 0 rgba(0,0,0,0.25);
	}
	
		.poptrox-popup .caption
		{
			text-align: center;
			position: absolute;
			bottom: 0;
			left: 0;
			height: 3em;
			line-height: 3em;
			width: 100%;
			color: #fff;
			background: #361d1b;
			background: rgba(54,29,27,0.8);
		}
	
		.poptrox-popup .closer,
		.poptrox-popup .nav-next,
		.poptrox-popup .nav-previous
		{
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
			
			color: #fff;			
		}
	
		.poptrox-popup .closer
		{
			width: 2em;
			height: 2em;
			line-height: 1.85em;
			font-size: 24px;
			text-align: center;
			
			position: absolute;
			top: -2em;
			right: -2em;
		}
		
			.poptrox-popup .closer:before
			{
				content: '\f00d';
			}

		.poptrox-popup .nav-next,
		.poptrox-popup .nav-previous
		{
			position: absolute;
			top: 0;
			height: 100%;
			width: 50%;
			cursor: pointer;
			opacity: 0;
			font-size: 2em;

			-moz-transition: opacity 0.25s ease-in-out;
			-webkit-transition: opacity 0.25s ease-in-out;
			-o-transition: opacity 0.25s ease-in-out;
			-ms-transition: opacity 0.25s ease-in-out;
			transition: opacity 0.25s ease-in-out;
		}

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before
			{
				position: absolute;
				top: 50%;
				width: 3em;
				height: 3em;
				line-height: 3em;
				margin-top: -1.5em;
				text-align: center
			}

			.poptrox-popup:hover .nav-next,
			.poptrox-popup:hover .nav-previous
			{
				opacity: 0.25;
			}
			
			.poptrox-popup .nav-next:hover,
			.poptrox-popup .nav-previous:hover
			{
				opacity: 1.0;
			}

		.poptrox-popup .nav-next
		{
			right: 0;
		}

			.poptrox-popup .nav-next:before
			{
				content: '\f054';
				right: 0;
			}

		.poptrox-popup .nav-previous
		{
			left: 0;
		}

			.poptrox-popup .nav-previous:before
			{
				content: '\f053';
				left: 0;
			}
			
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		background-position: center center !important;
	}

		#header-wrapper:after
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 8em;
			background: url('images/shadow.svg');
			background: -moz-linear-gradient(top, rgba(0,0,0,0.15), rgba(0,0,0,0));
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.15), rgba(0,0,0,0));
			background: -o-linear-gradient(top, rgba(0,0,0,0.15), rgba(0,0,0,0));
			background: -ms-linear-gradient(top, rgba(0,0,0,0.15), rgba(0,0,0,0));
			background: linear-gradient(top, rgba(0,0,0,0.15), rgba(0,0,0,0));
			z-index: -2;
		}

	#banner-wrapper
	{
	}
	
	#footer-wrapper
	{
		padding: 5em 0 5em 0;
		background: #eee
	}

	.wrapper
	{
		padding: 5em 0 5em 0;
	}
		
		.wrapper.style1
		{
		}

			.wrapper.style1 h2
			{
				letter-spacing: -1px;
				font-size: 1.50em;
				font-weight: 400;
				line-height: 1.5em;
				margin-bottom: 1.3em;
			}
			.wrapper.style1 p.main
			{
				letter-spacing: -1px;
				font-size: 1.50em;
				font-weight: 400;
				color: #000;
				line-height: 1.5em;
			}
			
			.wrapper.style1 .byline
			{
				padding: 0.50em 0em 0em 0em; 
				letter-spacing: -1px;
				font-size: 1.50em;
			}
				
		.wrapper.style2
		{
		}

		.wrapper.style3
		{
		}

			.wrapper.style3 h2
			{
				letter-spacing: -1px;
				font-size: 2em;
			}
			
			.wrapper.style3 .byline
			{
				padding: 0.50em 0em 0em 0em; 
				font-size: 1.50em;
			}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		padding: 7em 0 5em 0;
	}

		.homepage #header
		{
			padding: 12em 0 10em 0;
		}
	
		#header h1
		{
			letter-spacing: -1px;
			font-size: 2.50em;
		}

			#header h1 a
			{
				padding: 0.35em 0.85em 0.35em 0.85em;
				font-size: 1.30em;
			}
			
			#header h1 span
			{
			letter-spacing: -1px;
			font-size: 75%;
			color: #fff;
			font-weight: 500;
			font-style: oblique;
			}
		
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		padding: 1em 0em 1em 0em;
		width: 100%;
	}
	
		#nav ul
		{
			margin: 0em 0em 0em 0em;
			padding: 0;
			text-align: center;
		}
		
			#nav > ul > li > ul
			{
				display: none;
			}

		#nav li
		{
			display: inline-block;
			margin: 0em 0.50em;
		}
		
		#nav a,
		#nav span
		{
			outline: 0;
			display: inline-block;
			padding: 0.75em 1em;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 14.25pt;
			font-weight: 900;
			color: #fff;
			color: rgba(255,255,255,0.75);
			-moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			transition: background-color .25s ease-in-out, color .25s ease-in-out;
		}
		
		#nav li.active a,
		#nav li.active span
		{
			color: #fff;
			background: #ff785c;
		}

		#nav li:hover a.submenu
		{
			-moz-transition: none;
			-webkit-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none;
		}
		
		#nav li:hover a
		{
			color: #fff;
		}
		
		#nav .first
		{
			border-left: none;
		}
		
	.dropotron
	{
		background: #222;
		background: rgba(24,24,24,0.9);
		padding: 1.25em 1.5em 1.25em 1.5em;
		border-bottom: solid 1px #000;
		min-width: 16em;
	}
	
		.dropotron a,
		.dropotron span
		{
			line-height: 2.75em;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 900;
			color: #aaa;
			color: rgba(255,255,255,0.6);
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-o-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
		}

		.dropotron li:hover > a,
		.dropotron li:hover > span
		{
			color: #fff;
		}

		.dropotron.level-0
		{
			margin-top: 2em;
			font-size: 0.9em;
		}
		
		.dropotron.level-0:before
		{
			position: absolute;
			top: -10px;
			left: 15px;
			content: '';
			border-bottom: solid 10px #222;
			border-bottom-color: rgba(24,24,24,0.9);
			border-left: solid 10px transparent;
			border-right: solid 10px transparent;
		}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		padding: 5em 0 5em 0;
	}
	
		#banner h2
		{
			letter-spacing: -1px;
			font-size: 3.50em;
		}

		#banner p
		{
			letter-spacing: -1px;
			font-size: 2em;
			margin: 0.5em 0 0 0;
		}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		overflow: hidden;
		padding: 5em 0em 3em 0;
	}
	
	#main header
	{
		margin-bottom: 3em;
	}

		#main h2, #main h3
		{
			letter-spacing: -1px;
			font-size: 2em;
		}
		
		#main .byline
		{
			padding: 0.50em 0em 0em 0em; 
			letter-spacing: -1px;
			font-size: 1.50em;
		}

		#main .main-title
		{
			font-size: 3.25em;
			letter-spacing: -2px;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		overflow: hidden;
	}

		#footer h2
		{
			letter-spacing: -1px;
			font-size: 2em;
		}
		
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright 
	{
		margin-top: 5em;
	}
	
		#copyright span
		{
			padding: 1.20em 2em;
		}
	
/*********************************************************************************/
/* Portfolio                                                                     */
/*********************************************************************************/

	#portfolio
	{
		overflow: hidden;
		margin-top: -5em;
	}
	
		#portfolio header
		{
			margin: 0 0 4.5em 0;
			padding: 6em 0 0 0;
		}

		#portfolio h2
		{
			letter-spacing: -1px;
			font-size: 2em;
		}
		
		#portfolio .byline
		{
			margin: 1em 0 0 0;
			letter-spacing: -1px;
			font-size: 1.50em;
		}

		#portfolio .titles
		{
			margin-top: 2.5em;
		}

			#portfolio .titles li
			{
				display: inline-block;
				margin: 0em .50em;
				padding: 0.90em 1.30em;
				text-decoration: none;
				font-size: 1.10em;
			}