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

	h2
	{
		font-size: 2em;
	}

	.gallery
	{
	}
	
		.gallery .image
		{
			height: 215px;
		}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

	#wrapper
	{
		height: 750px;
		position: relative;
		margin-top: 50px;
		display: none;
	}

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

	#main
	{
		position: relative;
		text-shadow: 1px 1px 0px rgba(255,255,255,0.75);
	}
	
		#main .previous, #main .next
		{
			content: '';
			display: block;
			position: absolute;
			width: 70px;
			height: 840px;
			top: -100px;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			z-index: 10;
			cursor: pointer;
		}

		#main .previous
		{
			background-image: url('images/bg5.png');
			left: 0;
		}
	
		#main .next
		{
			background-image: url('images/bg6.png');
			right: 0;
		}
	
		#main .viewer
		{
			height: 640px;
			width: 1200px;
		}
	
			#main .viewer .reel
			{
				display: none;
			}
			
				#main .viewer .reel .slide
				{
					width: 1048px;
					padding: 20px 0 20px 0;
				}
				
					#main .viewer .reel .slide article
					{
						position: relative;
						width: 996px;
						height: 600px;
						overflow: hidden;
						background: #fff url('images/bg2.jpg');
						box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
					}

						#main .viewer .reel .slide article:after
						{
							content: '';
							display: block;
							width: 100%;
							height: 100%;
							background: url('images/bg7.png') no-repeat;
							background-size: 100% 100%;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
						}

						#main .viewer .reel .slide article .inner
						{
							position: relative;
							z-index: 2;
							height: 500px;
						}
			
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		width: 100%;
		height: 30px;
		line-height: 30px;
	}
	
		#header nav
		{
			display: inline-block;
			top: -0.15em;
			font-size: 1.2em;
		}

			#header nav a
			{
				margin: 0 1.25em 0 1.25em;
			}

		#header h1
		{	
			font-size: 2em;
			margin: 0 1em 0 1em;
		}
		
			#header h1 span
			{
				font-weight: 300;
				color: #a4b0bb;
			}
	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		top: -20px;
		width: 100%;
		height: 30px;
		line-height: 30px;
	}	

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	.content
	{
		padding-right: 25px;
	}
	
/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	.sidebar
	{
	}
	
/*********************************************************************************/
/* Pages                                                                         */
/*********************************************************************************/

	.page-home
	{
		text-align: center;
	}

		.page-home .inner
		{
			height: 600px !important;
		}
	
		.page-home .banner
		{
			position: relative;
			display: block;
			margin: 0 0 2em 0;
			height: 286px;
			overflow: hidden;
		}
		
			.page-home .banner img
			{
				position: absolute;
				top: 0;
				
				/* On 1000px and mobile, the settings below determine how to horizontally position the banner image */
				/* By default, the image is right-aligned (since that's where the detail is in our demo banner). To */
				/* change this, use ONE of the lines below. */
				
				/* Right-align */
					right: 0;
					
				/* Left align */
				/*	left: 0; */
				
				/* Center align */
				/*	left: 50%;
					margin-left: -498px; */
			}
	
		.page-home h2
		{
			background: url('images/bg2.jpg');
			display: inline-block;
			padding: 0 0.75em 0 0.75em;
			margin: 0 0 0.75em 0;
			position: relative;
			z-index: 1;
			font-size: 2.5em;
		}
		
		.page-home p
		{
			font-size: 1.5em;
			line-height: 1.5em;
			font-family: 'Open Sans Condensed', sans-serif;
			margin: 0 0 1em 0;
		}

		.page-home hr.top
		{
			position: relative;
			margin: 0;
			top: 1em;
		}

		.page-home hr.bottom
		{
			margin: 2em 0 0 0;
		}
		
		.page-home .button
		{
			font-size: 1.25em;
		}
	
	.page-default
	{
		width: 100%;
	}
	
		.page-default .inner
		{
			padding: 50px;
		}
		
			.page-default .inner:after
			{
				content: '';
				position: relative;
				display: block;
				padding: 50px 0 0 0;
			}