@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200italic,400,600,700,900');
@import url('font-awesome.min.css');

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

	body,input,textarea,select
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		background: #ffffff;
		color: #8f8477;
	}

	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	h2
	{
		font-weight: 600;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}
	
	p
	{
		line-height: 1.75em;
	}
	
	a
	{
		color: #FF785C;
	}
	
		a:hover
		{
			text-decoration: none;
		}
		
	strong
	{
		font-weight: 700;
		color: #3d2220;
	}

	section,
	article
	{
		margin-bottom: 3em;
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}
	
	footer
	{
		padding-top: 1em;
	}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
		}

		.image.fit
		{
			display: block;
			width: 100%;
		}
		
		.image.featured
		{
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}
		
		.image.left
		{
			float: left;
			margin: 0 2em 2em 0;
		}
		
		.image.centered
		{
			display: block;
			margin: 0 0 2em 0;
			padding-top: 1em
		}

			.image.centered img
			{
				margin: 0 auto;
				width: auto;
			}

	.button
	{
		display: inline-block;
		padding: 0.75em 1.5em 0.75em 1.5em;
		background: #ff785c;
		text-decoration: none;
		font-size: 1.10em;
		font-weight: 700;
		color: #FFFFFF !important;

		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-o-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
	}
	
		.button:hover
		{
			background-color: #ff8d71;
		}
		
		.button:active
		{
			background-color: #ef684c;
		}

		.button.alt
		{
			background: #361d1b;
			color: #FFFFFF;
		}

			.button.alt:hover
			{
				background-color: #492C2A;
			}
			
			.button.alt:active
			{
				background-color: #260d0b;
			}

	.bullet
	{
		padding: 0em 1em 0 1em;
		color: #ff785c;
	}

	ul.style1
	{
	}
	
		ul.style1 li
		{
			padding: 0.80em 0em;
			border-top: 1px solid #F3F0DB;
		}
		
		ul.style1 a
		{
			color: #968d80;
		}
		
		ul.style1 .first
		{
			padding-top: 0em;
			border: none;
		}
	
	ul.style2
	{
		overflow: hidden;
	}
	
		ul.style2 li
		{
			display: inline-block;
			margin-left: 0.5em;
		}
		
			ul.style2 li:first-child
			{
				margin-left: 0;
			}
		
			ul.style2 li a
			{
				text-decoration: none;
				background: #E8E8E8;
				display: block;
				width: 42px;
				height: 42px;
				line-height: 42px;
				text-align: center;
				
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
			}

				ul.style2 li a .label
				{
					display: none;
				}

				ul.style2 li a:before
				{
					display: inline-block;
					font-family: FontAwesome;
					text-decoration: none;
					font-style: normal;
					font-weight: normal;
					-webkit-font-smoothing:antialiased;
					-moz-osx-font-smoothing:grayscale;
					
					font-size: 24px;
					color: #FF785C;

					-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;
				}
				
				ul.style2 li a:hover
				{
					background: #FF785C;
				}
				
					ul.style2 li a:hover:before
					{
						color: #F3F0DB;
					}

	ul.style3
	{
		padding-top: 2em;
	}
	
		ul.style3 li
		{
			padding: 0.80em 0em;
			border-top: 1px solid #F3F0DB;
		}
		
		ul.style3 a
		{
			color: #968d80;
		}
		
		ul.style3 .first
		{
			padding-top: 0em;
			border: none;
		}

	.box
	{
		border-top: 10px solid #ff785c;
	}
	
	.byline
	{
		display: block;
		font-weight: 200;
		font-style: italic;
	}

	.thumbnail
	{
		outline: 0;
	}
	
		.thumbnail .image-full
		{
			margin-bottom: 0;
		}

		.thumbnail .titlebar
		{
			display: block;
			background: #3d2220;
			border-bottom: 1px solid #0c0606;
			text-align: center;
			font-weight: 600;
			color: #FFFFFF;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
			padding: 1em 0 1em 0;
		}
		
			.thumbnail a
			{
				text-decoration: none;
			}

	.thumbnail:hover
	{
	}

		.thumbnail:hover .titlebar
		{
			background: #4d2725;
		}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon
	{
		text-decoration: none;
	}

		.icon:before
		{
			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;
		}
		
		.icon > .label
		{
			display: none;
		}

/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/

	.poptrox-popup
	{
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-o-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
	}
	
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		position: relative;
		overflow: hidden;
		background: url('../images/pic01.jpg');
		background-size: cover;
		background-position: top center;
		z-index: 1;
	}
	
		#header-wrapper:before
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('images/bg01.png');
			z-index: -1;
			opacity: 0.5;
		}
		
	#banner-wrapper
	{
		background: #361d1b;
		background: rgba(54,29,27,0.8);
	}
	
	#main-wrapper
	{
		overflow: hidden;
	}
	
	.wrapper
	{
	}
	
		.wrapper.featured
		{
			text-align: center;
		}
		
		.wrapper.style1
		{
			overflow: hidden;
		}

			.wrapper.style1 h2
			{
				color: #3d2220;
			}
			
			.wrapper.style1 .byline
			{
				color: #ff9966;
			}
			
			.wrapper.style1 p.main
			{
				font-size: 1.25em;
				margin-bottom: 1em;			}

		.wrapper.style2
		{
			overflow: hidden;
			background: #311917;
		}

			.wrapper.style2 header
			{
				background: #3d2220;
			}
		
			.wrapper.style2 h2
			{
				color: #FFFFFF;
			}
		
			.wrapper.style2 .byline
			{
				color: #ff9966;
			}

		.wrapper.style3
		{
			overflow: hidden;
			background: #ff785c;
			color: #68362b;
		}

			.wrapper.style3 h2
			{
				color: #FFFFFF;
			}
			
			.wrapper.style3 .byline
			{
				color: #361d1b;
			}

			.wrapper.style3 a
			{
				color: inherit;
			}

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

	#header
	{
		margin: 0;
	}

		#header h1
		{
			text-align: center;
			font-weight: 400;
		}

			#header h1 a
			{
				display: inline-block;
				background: #ff785c;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: 900;
				color: #FFFFFF;
			}
			
			#header h1 span
			{
			letter-spacing: -1px;
			font-size: 75%;
			color: #fff;
			font-weight: 500;
			font-style: oblique;
			}
		
		#header span
		{
			font-weight: 200;
			color: #727272;
		}

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

	#banner
	{
		text-align: center;
	}
	
		#banner h2, #banner p
		{
			color: #FFFFFF;
		}
		
		#banner h2
		{
			font-weight: 900;
		}

		#banner p
		{
			font-weight: 200;
			font-style: italic;
			color: #aaa;
			margin-bottom: 0;
		}

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

	#main
	{
		overflow: hidden;
	}
	
		#main h2, #main h3
		{
			font-weight: 600;
			color: #3d2220;
		}
		
		#main .byline
		{
			color: #ff9966;
		}

/*********************************************************************************/
/* Portfolio                                                                     */
/*********************************************************************************/

	#portfolio
	{
		overflow: hidden;
	}
	
		#portfolio .titles
		{
			text-align: center;
		}

			#portfolio .titles li
			{
				cursor: pointer;
				outline: 0;
				background: #311917;
				text-decoration: none;
				color: #FFFFFF;
				font-weight: 600;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
			}

			#portfolio .titles li:hover
			{
				background: #492C2A;
			}
			
			#portfolio .titles li.active
			{
				background: #ff785c;
			}

		#portfolio .slides
		{
		}
		
			#portfolio .slides li
			{
				display: none;
			}

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

	#footer
	{
	}

		#footer h2
		{
			color: #3d2220;
			font-weight: 600;
		}
		
		#footer a
		{
			color: #8f8477;
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright 
	{
		text-align: center;
		color: #8f8477;
	}
	
		#copyright span
		{
			display: inline-block;
			background: #E8E8E8;
		}