/********************************************************************/
/*													 Basics                                                                       */
/*******************************************************************/

h2						{ font-size: 2em; }

h3						{ font-size: 1.10em; }

.gallery .image		{ height: 215px; }



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

#wrapper
{
	height: 750px;
	position: relative;
	margin-top: 30px;
	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;
	cursor: default;
}
	
#header nav
{
	display: inline-block;
	top: -0.15em;
	font-size: 1.2em;
}

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

#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; }

	
	
/**********************************************************************/
/*														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: 2em;
}
		
.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: 1.25em;
}

.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;
}