/*
Theme Name: AC Template 1.2
Theme URI: http://www.WeAreAlways.com
Description: This is a flexible web template.
Author: Travis Ward
Author URI: http://www.WeAreAlways.com

/*-----------Block Level Elements--------------

@charset "UTF-8";
/* CSS Document */
/**********************************************************************************
*	Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta ) 
*
*	version:	1.1
*	author:		ken hanson
*	email:		ken@markupninjas.com
*	website:	www.markupninjas.com
**********************************************************************************/

/***********************************************************************
*							Table of =Contents
* ----------------------------------------------------------------------
* =Normalization (CSS Reset)..................................(Line  16)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
* =SAMPLE SAMPLE..............................................(Line  ##)
*************************************************************************/

/*	When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly  */

/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Removes border styles from tables */
table { border-spacing: 0; border-collapse: collapse;}

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; color: white;}
	a:hover { text-decoration: underline; }
	
.ir { position: relative; overflow: hidden; display: block;}
	.ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}
	
	a em { cursor: pointer; }

/***********************************
		=Home Styling
***********************************/
body
{
	background: #1a1a1a url(images/bg_body.png) no-repeat top left;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: white;
	font-size: 14px;
}

	#wrapper 
	{ 
		width: 821px; 
		margin: 124px auto -74px auto;
		padding: 56px 37px 88px 96px;
		position: relative;
		border: solid 3px #464646;
		border-bottom: solid 74px #464646;
		background: #000000;
	}
	
	.content { overflow: hidden; }
	
		.navigation { position: absolute; top: -127px; right: -45px;}
			.navigation li { float: left; }
				
				/* SPLAT REPLACEMENTS */
				.home, .home a { width: 152px; height: 140px; display: block; text-indent: -9999px;}
					.home a em { background: url(images/trans_ir_menuHome.png) no-repeat top left; }
						.home a:hover em,
						.home a.selected em { background: url(images/trans_ir_menuHomeOver.png) no-repeat top left; }
						
				.films, .films a { width: 123px; height: 140px; display: block; text-indent: -9999px;}
					.films a em { background: url(images/trans_ir_menuFilms.png) no-repeat top left; }
						.films a:hover em,
						.films a.selected em { background: url(images/trans_ir_menuFilmsOver.png) no-repeat top left; }

				.about, .about a { width: 100px; height: 140px; display: block; text-indent: -9999px;}
					.about a em { background: url(images/trans_ir_menuAbout.png) no-repeat top left; }
						.about a:hover em,
						.about a.selected em { background: url(images/trans_ir_menuAboutOver.png) no-repeat top left; }

				.contact, .contact a { width: 177px; height: 140px; display: block; text-indent: -9999px;}
					.contact a em { background: url(images/trans_ir_menuContact.png) no-repeat top left; }	
						.contact a:hover em,
						.contact a.selected em { background: url(images/trans_ir_menuContactOver.png) no-repeat top left; }

		.logo, .logo a { width: 271px; height: 100px; display: block; text-indent: -9999px;}				
			.logo { position: absolute; top: -80px; left: 18px; } /* Positioning */
				.logo a em { background: url(images/trans_ir_logo.png) no-repeat top left; }
		
		.mainContent 
		{
			width: 480px;
			padding: 0 100px 0 0;
			float: left;
			border-right: solid 1px #383838;
		}
		
		.subContent { margin: 0 0 0 580px; padding: 0 0 0 40px; border-left: solid 1px #383838; font-size: 12px;}
			.innerSubContent { overflow: hidden; width: 198px; float: left;}
			
			.subpage .innerSubContent { width: 237px; }
		.mainContent h2,
		.subContent h3 
		{ 
			text-transform: uppercase; 
			font-style: italic; 
			font-weight: bold; 
			color: #cdca4b; 
			font-size: 16px;
			line-height: 20px;
		}
		
		.subContent h3 { margin: 0 0 18px 0; }
		.subContent h4 { font-size: 14px; }
		.subContent img { margin: 0 0 5px 0; }
		
		.mainContent h3 { line-height: 20px; margin: 0 0 14px 0;}
		
		.flashWrapper { margin: 0 0 16px 0; }
		#comment { width: 480px;}
		p { margin: 0 0 23px 0; }
		strong {font-weight: bold;}
		.hr 
		{ 
			border-top: solid 2px #fff;
			height: 11px;
			background: url(images/bg_hr.png) no-repeat top right;
			margin: 0 0 47px 0;
		}
			.hr hr { display: none; }
			
		.callout1, .callout2 { width: 215px; float: left; margin: 0 50px 0 0;}
		.callout2 { margin-right: 0px; }
			.callout1 h4, .callout2 h4 { font-size: 21px; margin: 0 0 21px 0; color: #cdca4b;}
	
	#footer 
	{ 
		width: 854px;
		height: 54px; 
		margin: 0 auto;
		padding: 20px 0 0 100px; 
		position: relative;
		color: #858585;
		font-size: 12px;
	}
	
		.footerLogo, .footerLogo a { width: 42px; height: 42px;}
			.footerLogo { position: absolute; left: 30px; top: 20px;}
				.footerLogo em { background: url(images/ir_footerLogo.png) no-repeat top left; }
				
		.copyright { display: block; width: 350px;}
		
		
		.footerNav { float: left; margin: 8px 0 0 0;}
			.footerNav li { float: left; }
				.footerNav li a 
				{ 
					text-transform: uppercase; 
					float: left; 
					padding: 0 16px 0 0; 
					margin: 0 16px 0 0;
					border-right: solid 1px #202020;
					color: #202020;
					font-weight: bold;
				}
				
				.footerNav li.last a { border: none; }
				
		.alwaysFooter, .alwaysFooter a { width: 170px; height: 13px; }
		.alwaysFooter { position: absolute; right: 30px; top: 30px;}
			.alwaysFooter em { background: url(images/ir_footerACLogo.png); }
		
		.social { position: absolute; left:470px; top: 10px; bgcolor:#666666; height: 54px; width: 260px; }
		.social a em { width: 76px; height: 28px; }
		#footer h5 { margin-bottom: 8px;}
		.youtube em {background: url(images/footer_youtube.gif); }
		.facebook em {background: url(images/footer_facebook.gif); }
		.myspace em {background: url(images/footer_myspace.gif); }
		.youtube, .youtube a, .facebook , .facebook a, .myspace, .myspace a  { width: 76px; height: 28px; display: inline; margin-right: 14px;}
		
		.logi { position: absolute; left: 755px; top: 10px; width: 200px; }

/***********************************
		=subpage Styling
***********************************/
.subpage .subContent { padding: 0 0 0 12px; }	
	.filmsBody .subNav li a { background: #69bc3d; }
	.aboutBody .subNav li a { background: #689dab; }

	.subpage h2 { text-transform: none; font-style: normal; font-weight: bold; color: white; font-size: 21px; line-height: 24px;}

	.subNav li a 
	{ 
		font-size: 14px; 
		font-weight: bold;
		color: black;
		display: block;
		height: 21px;
		line-height: 21px;
		border-bottom: solid 1px black;
		padding-left: 12px;
	}
		.subNav li.selected a { color: white; background: #383838;}
	/*		.subNav li.selected div a { background: none; padding: 0px; height: auto;}
			
			.subNav .scroller { padding: 12px 0 0 12px; height: 416px; overflow: auto;}
*/

/***********************************
		=Films Styling
***********************************/
.filmsBody h3 a, .filmsBody h3 { font-style: italic; font-weight: normal; color: #69bc3d;}
.filmsBody .subContent h3 { text-transform: none; font-weight: bold; padding: 0 0 0 12px;}				

/***********************************
		=About Styling
***********************************/		
.aboutBody h3 a, .aboutBody h3 { text-transform: none; font-weight: bold; padding: 0 0 0 12px; color: #689dab; }

.teamList { margin: 18px 0 0 0; }
	.member { clear: left; overflow: hidden; margin: 0 0 15px 0;}
		.member h3 { text-transform: uppercase; font-style: italic; font-size: 16px; margin-bottom: 0px;}
		.member .position { font-weight: bold; font-size: 12px; margin: 0 0 22px 0; display: block;}
		.member p { font-size: 12px; }
		.member img { border: solid 2px #689dab; float: left; margin: 0 15px 0 0;}
		.aboutSide p {width: 220px;}

/***********************************
		=Contact Styling
***********************************/	

/***********************************
		=Accordion Styling
***********************************/
/* Made Change To accordion.js Line 196 to accomodate unique height. */
	
.accordion_toggle {
	color: white; 
	background: #383838;
	font-size: 14px; 
	font-weight: bold;
	display: block;
	height: 21px;
	line-height: 21px;
	border-bottom: solid 1px black;
	padding-left: 12px;
	cursor: pointer;

}

.accordion_toggle_active {
	background: #69bc3d;
	color: black;
}

.accordion_toggle_active a {color: #FFFFFF; background: #383838;}
.accordion_toggle_active div a {
background: none; padding: 0px; 
}

.scroller {
padding: 12px 0 0 7px; height: 416px; overflow: auto;
width: 220px;
}