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

	body
	{
		min-width: 1200px;
	}

	header
	{
		margin-bottom: 1.75em;
	}

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

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

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

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

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

	.wrapper-style1, 
	.wrapper-style2, 
	.wrapper-style3
	{
		padding: 5em 0 5em 0;
	}
	
	.wrapper-style1
	{
	}

		.wrapper-style1 h2
		{
			letter-spacing: -1px;
			font-size: 2em;
		}
		
		.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: 5em 0 5em 0;
	}

		.homepage #header
		{
			padding: 10em 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;
			}
		
/*********************************************************************************/
/* 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: 10.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;
		font-size: 10.25pt;
		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;
		}
		
		.dropotron-level-0:after
		{
			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.75em;
			letter-spacing: -2px;
		}

	#content
	{
	}
	
	#sidebar
	{
	}

		body.right-sidebar #sidebar
		{
			padding-left: 3em;
		}

		body.left-sidebar #sidebar
		{
			padding-right: 3em;
		}

/*********************************************************************************/
/* 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;
			}