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

	h2
	{
		font-size: 1.8em;
		letter-spacing: -1px;
		margin-bottom: 1em;
	}

	h3
	{
		font-size: 1em;
		margin-bottom: 0.25em;
	}

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

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

	.box-cta
	{
	}
	
		.box-cta p
		{
		}
		
		.box-cta .button
		{
			position: absolute;
			right: 1.25em;
			top: 1.5em;
		}

	.bg-highlight
	{
		background: url('images/highlight.png');
		background-size: 100% 100%;
	}

	.inner-left
	{
		padding-right: 0.75em;
	}
	
	.inner-right
	{
		padding-left: 0.75em;
	}

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

	#header-wrapper
	{
		background: rgba(0,0,0,0.15);
		padding: 15px 0 0 0;
		border-bottom: solid 1px rgba(255,255,255,0.15);
		box-shadow: inset 0px -1px 5px 0px rgba(0,0,0,0.2);
		overflow: hidden;
	}

	#main-wrapper
	{
		overflow: hidden;
		padding: 2em 0 6em 0;
	}
	
		body.homepage #main-wrapper
		{
			padding-top: 2.25em;
		}

	#footer-wrapper
	{
		background: rgba(0,0,0,0.15);
		padding: 6em 0 6em 0;
		border-top: solid 1px rgba(255,255,255,0.15);
		box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.2);
		overflow: hidden;
	}

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

	#page-header
	{
		position: relative;
	/*	background: url('images/bg1.jpg') 0 0% repeat-x;*/
		border-radius: 5px;
	/*	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9), inset 0px 2px 0px 0px rgba(255,255,255,0.8), inset 0px 0px 0px 2px rgba(255,255,255,0.6), 0px 2px 3px 0px rgba(0,0,0,0.35);*/
		text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.25em;
		height: 119px;
		line-height: 119px;
	}

		#page-header h1
		{
		/*	font-size: 1.75em;*/
			position: absolute;
		/*	left: 1em;*/
			letter-spacing: -1px;
		}

			#page-header h1 a
			{
				color: #31424b;
				text-decoration: none;
			}

		#page-header a
		{
		}
		
		#page-header nav
		{
			position: absolute;
			right: 0.5em;
			top: 2em;
		}
		
			#page-header nav ul
			{		
			}
		
				#page-header nav ul li
				{
					float: left;
					margin-left: 0.0em;
					font-size: 1.2em;
					letter-spacing: 0;
				
					border-radius: 5px;
				}
				
					#page-header nav ul li:first-child a
					{
						border-top-left-radius:5px;
						border-bottom-left-radius:5px;
						box-shadow: inset 1px 1px rgba(255,255,255,0.125),0px 2px 0px rgba(0,0,0,0.3);
					}

					#page-header nav ul li:last-child a
					{
						border-top-right-radius:5px;
						border-bottom-right-radius:5px;
						box-shadow: inset 0px 1px rgba(255,255,255,0.125), 2px 2px 0px rgba(0,0,0,0.3);

					}

					#page-header nav ul li a
					{
						background: rgba(250,250,250,0.02);
						vertical-align:bottom;
						box-shadow: inset 0px 1px rgba(255,255,255,0.125), 0px 2px 0px rgba(0,0,0,0.3);
					
/*						box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 0px 5px 0px rgba(0,0,0,0.4), 0px 1px 0px 0px rgba(255,255,255,0.75);
*/
						
						color:#DFDFDB;
						text-shadow: -1px -1px 0px rgba(0,0,0,1.0);
						text-decoration: none;
						padding: 0.4em 1em 0.4em 1em;
						outline: 0;
					}

					#page-header nav ul li.active a
					{
						background: rgba(0,0,0,0.45);
						border-radius: 5px;
						color: #fff;
						text-shadow: -1px -1px 0px rgba(0,0,0,1.0);
						box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 0px 5px 0px rgba(0,0,0,0.4), 0px 1px 0px 0px rgba(255,255,255,0.75);
					}
					
			#page-header nav > ul > li > ul
			{
				display: none;
			}
	
	.dropotron
	{
		background: url('images/bg4.jpg');
		border-radius: 5px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9), inset 0px 2px 0px 0px rgba(255,255,255,0.8), inset 0px 0px 0px 2px rgba(255,255,255,0.6), 0px 2px 3px 0px rgba(0,0,0,0.35);
		text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		min-width: 15em;
		padding: 2px;
	}

		.dropotron li
		{
			border-bottom: solid 1px rgba(0,0,0,0.2);
			border-top: solid 1px rgba(255,255,255,0.5);
			position: relative;
		}
		
		.dropotron li:hover
		{
			background: url('images/bg3.jpg') 0 70% repeat-x;
		}

		.dropotron li:first-child
		{
			border-top: 0;
		}
		
		.dropotron li:last-child
		{
			border-bottom: 0;
		}

		.dropotron a, .dropotron span
		{
			display: block;
			color: #31424b;
			text-decoration: none;
			padding: 0.75em 1em 0.75em 1em;
			outline: 0;
		}
	
		.dropotron .arrow:before
		{
			content: '';
			display: block;
			position: absolute;
			right: 0.75em;
			top: 50%;
			margin-top: -5px;
			width: 12px;
			height: 14px;
			background: url('images/sprites.png') -192px 0px no-repeat;
		}
	
	.dropotron-level-0
	{
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.9), inset 0px 0px 0px 2px rgba(255,255,255,0.6), 0px 2px 3px 0px rgba(0,0,0,0.35);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-top: -1px;
	}
	
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		background: rgba(0,0,0,0.15);
		border: solid 1px rgba(0,0,0,0.5);
		border-radius: 5px;
		box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3), 0px 1px 0px 0px rgba(255,255,255,0.125);
		padding: 15px 15px 0 15px;
	}
	
		#banner .viewer
		{
			position: relative;
			display: block;
			z-index: 1;
			height: 304px;
			overflow: hidden;
			background: rgba(0,0,0,0.25);
		}
		
			#banner .viewer .reel
			{
			}
			
				#banner .viewer .reel .slide
				{
					position: relative;
				}

					#banner .viewer .reel .slide img
					{
						width: 1168px;
					}

					#banner .viewer .reel .slide .caption-1, 
					#banner .viewer .reel .slide .caption-2,
					#banner .viewer .reel .slide .link
					{
						display: none;
					}
	
		#banner .nav-next,
		#banner .nav-previous
		{
			display: block;
			position: absolute;
			width: 6em;
			height: 100%;
			text-indent: -9999em;
			z-index: 2;
			cursor: pointer;
			opacity: 0.15;
			top: 0;
			transition: opacity .2s ease-in-out;
			-moz-transition: opacity .2s ease-in-out;
			-webkit-transition: opacity .2s ease-in-out;
		}

		#banner .nav-next:after,
		#banner .nav-previous:after
		{
			content: '';
			display: block;
			width: 54px;
			height: 54px;
			background: url('images/sprites.png');
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -27px 0 0 -27px;
		}

		#banner .viewer:hover .nav-next,
		#banner .viewer:hover .nav-previous
		{
			opacity: 0.3;
		}

		#banner .nav-next:hover,
		#banner .nav-previous:hover
		{
			opacity: 0.75 !important;
		}

		#banner .nav-next
		{
			right: 0;
		}

		#banner .nav-next:after
		{
			background-position: -64px 0;
		}
		
		#banner .nav-previous
		{
			left: 0;
		}

		#banner .nav-previous:after
		{
			background-position: 0 0;
		}
	
		#banner .captions
		{
			height: 3.5em;
			line-height: 3.5em;
			text-align: center;
			font-family: 'Open Sans Condensed', sans-serif;
			text-transform: uppercase;
			font-size: 1.5em;
		}
		
			#banner .caption-line-1
			{
				font-weight: 700;
				color: #fff;
			}
		
			#banner .caption-line-2
			{
				font-weight: 400;
				color: #9296A1;
			}

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

	#content
	{
	}

		body.right-sidebar #content
		{
			padding-right: 1.5em;
		}
		
		body.left-sidebar #content
		{
			padding-left: 1.5em;
		}
		
		#content header
		{
			margin: 0 0 2.5em 0;
		}

			#content header h2
			{
				margin: 0 0 0.5em 0;
				font-size: 2.0em;
				color:#C4CB96
			}

			#content header h4
			{
				margin: 0 0 0.5em 0;
				font-weight: 500;
				color: rgba(255,255,255,200);
				font-size: 1.6em;
				margin: 0;
			}

			#content header .byline
			{
				font-family: 'Open Sans Condensed', sans-serif;
				font-weight: 500;
				color: #9296A1;
				text-transform: uppercase;
				font-size: 1.6em;
				margin: 0;
			}
			
			#content li
			{
				font-size: 1.1em;
			}
	
	
	section.kb
	{
	}
	
		section.kb p
		{
		}
	
		section.kb h1
		{
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight: 500;
			color: #9296A1;
			text-transform: uppercase;
			font-size: 1.6em;
			margin: 0;
		}
		
		section.kb ol
		{
			counter-reset: li;
/*			margin-left: 1.5em;*/
		}
		section.kb ol li
		{
			list-style: none;
		/*	padding-left: 1.5em;
			padding: 1px;*/
		}
		section.kb ol li:before
		{
			content: counter(li) ")";
			counter-increment: li;
			font-weight:bold;
			margin-right:1em;
			display: block;
			float:left;
/*			border-radius:10px;
			margin-left: -1.5em;
			background: rgba(255,255,255,0.25);
			width: 20px;
			height: 20px;
			text-align:center;
			vertical-align:middle;
			
			box-shadow: 1px 1px 2px rgba(0,0,0,0.5), inset 1px 5px 5px rgba(255,255,255,0.25);
*/			
		}
		section.kb a
		{
			font-weight:bold;
			text-decoration:none;
		}


/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
	}

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

	#page-footer
	{
		color: #aaa;
		padding: 0 0 2em 0;
	}
	
		#page-footer a
		{
			color: #ccc;
		}
		
		#page-footer h2
		{
			color: rgba(220,220,220,1);
			font-size: 1.4em;
		}


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

	#copyright
	{
		text-align: center;
		color: #52565c;
	}