/*
	##     ArsenalFilms
	##     based on the mYm screensheet 4.25
	##     Updated: June 30, 2008
  	##     www.mimoymima.com
  
	- - - Color References - - -
	background color: #222;
	Headings: #F00;
*/

/* - - - Tags on this site - - - */

	/*remove the font family from here for a sans serif site*/
	html, body { background: #222; color: #BBB; }
	
	/* Links */
	a { color: #CC0; }
	a:link { color: #CC0; }
	a:visited { color: #CC0; }
	a:hover, a:focus { color: #F93; text-decoration: none; }
	a:active { color: #F63;	text-decoration: none; }
	
	/* Content Headings */
    #Content h1 { font-size: 1.8em; margin: 1.5em 0 .3em 0; color: #F00; text-transform: uppercase; }
    #Content h2 { font-size: 1.6em; margin: 1.5em 0 .5em 0; color: #F00; text-transform: uppercase; border-bottom: 2px dotted #C00; }
    #Content h3 { font-size: 1.4em; margin: 1.5em 0 .3em 0; color: #F00; }
    #Content h4 { font-size: 1.2em; margin: 1.5em 0 .3em 0; color: #F00; }
    #Content h5 { font-size: 1.0em; margin: 1.5em 0 .3em 0; color: #F00; }
    #Content h6 { font-size: 0.8em; margin: 1.5em 0 .3em 0; color: #F00; }
	#Content h1+h2, #Content h2+h3, #Content h3+h4, #Content h4+h5, #Content h5+h6 { padding-top: 0 !important; }
	
	/* Forms */
	.Button { border: 2px outset #3CF; cursor: pointer; text-transform: uppercase; padding: .2em .5em; background: #6CF; color: #FFF; font-weight: bold; }
	.Button:hover, .Button:focus { background: #FC3; border: 2px outset #F90; }
	label { color: #333; font-weight: normal; display: block; }
	label:hover { color: #F93; }
	.InputList li { padding: 5px; float: left; clear: none; }
	.TextInput, textarea, select { padding: 3px; border: none; font-size: 1.2em; color: #360; background: #E0F2FC; }
	input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover { background: #FFC; }
	fieldset { margin-bottom: 1.5em; }
		/* specific fields */
		form .TextInput { width: 180px; }
		form #ItemName { float: none; }
		form #ItemHomePhone, form #ItemEmail { clear: left; }
		form #City { width: 120px; }
		form #State { width: 40px; }
		form #Zip { width: 100px; }
	
	/* Tables */
	.DataTable td, .DataTable th { padding: 1em 10px; }
	.DataTable thead th { background: #87E6F0 url(/images/bkg_datatable_thead_th.png) no-repeat top left; font-size: 1.4em; text-align: center; }
	.DataTable tbody th { background: #C2EC7C url(/images/bkg_datatable_tbody_th.png) no-repeat top left; text-align: right; vertical-align: top; color: #333; }
	.DataTable tbody td { border: 2px solid #FFF; background-color: #EEE; }

	/* Other */
	.Rounded { -moz-border-radius: 15px; -webkit-border-radius: 15px; }
	
	/* Lists */
	/*.LinkList li a { padding-left: 12px; margin-left: -12px; } put this in if you want the bullets for link lists to be links - only works if you don't want to mix linklists with regular text */
	.NoBullet li { margin-bottom: .5em; }

	/* Text */
	#Content p { line-height: 1.7em; }
	.Heavy { font-family: "Agency FB", "Abadi MT Condensed Extra Bold", impact, helvetica, sans-serif; }
	.Condensed { font-family: "Arial Narrow"; }
	.Serif { font-family: cambria, 'lucida bright', georgia, palatino, bookman, 'Bookman Old Style', 'Book Antiqua', serif; }

/* - - - Page Divisions on this site - - - */

	/* PageWrapper */
	#PageWrapper { }
	
	/* Accessibility Links ~ hidden by placement off screen */
	#Accessibility { position: absolute; left: -999em; }
	
	/* Masthead */
	#Masthead { clear: both; }

	/* Image Replacement Technique
	#Content h1 {
	width:344px; height:49px;
	position:relative; overflow:hidden;
	margin-bottom: 20px;
	}
	#Content h1 span {
	width:344px; height:49px;
	background:url("/images/logo_arsenal-films.png") top left no-repeat;
	display:block; position:absolute; left:0; top:0; z-index:1;
	}
	*/
	
	/* MainNav */
	#MainNav { font-size: 1.3em; overflow: hidden; } /* don't remove overflow hidden */
	#MainNav ul { width: 100%; }
	#MainNav a { padding: 0px 16px 0px 16px; line-height: 2.5em; text-transform: uppercase; text-decoration: none; letter-spacing: .08em; }
	#MainNav a:hover, #MainNav a:focus, #MainNav a:active { background: #E9FFF9; }
	#MainNav .Active a { color: #FFF; background: #CCC; }
	#MainNav .Active a:hover, #MainNav .Active a:focus  { color: #333; background: #EFEFEF; }
	
	/* Content */
	#Content { width: 1000px; margin: 0 auto; padding: 0 20px 50px 20px; font-size: 1.3em; position: relative; }

	/* FlashMain */
	#FlashMain { display: block; }

	/* Page Nav */
	.PageNav { margin-bottom: 3.5em; float: left; width: 100%; }
	.PageNav a { font-weight: bold; color: #F00; text-decoration: none; background: #600; display: block; float: left; width: auto; margin: 0 1px; padding: .3em 1em !important; }
	.PageNav a:hover { font-weight: bold; color: #FFF; background: #C10; }
	.PageNav .PageNavHead { margin-left: .8em; background: none; font-weight: bold; }
	.PageNav .PageNavHead:hover { color: #FC0; background: none; }
	
	/* Footer with a left and right message */
	#Footer { position: relative; height: auto; clear: both; }
	#Footer #FooterLinks { position: absolute; left: 0; margin-left: 10px; color: #999; }
	#Footer #FooterLinks a { margin-right: 10px; }
	#Footer #Copyright { float: right; margin-right: 10px; color: #999; }

/* - - - Classes - - - */

	/* vCards */
	.vcard { display: none; }
	.street-address { display: block; }
	
	/* Credits */
	#Credits { text-align: right; font-size: 90%; margin-top: 50px; }
	
	/* Tiny mYm Credit */
	#CreditsMYM { position: absolute; right: 50px; padding: 20px 0; }
	#CreditsMYM h2 { color: #09F; position: absolute; left: 0; z-index: 4; font-size: .9em; font-weight: normal; width: 38px; height: 39px; overflow: hidden; }
	#CreditsMYM h2:hover { color: #F90; }
	#CreditsMYM h2 a { position: absolute; left: 0; z-index: 5; margin-bottom: -48px; display: block; width: 38px; height: 39px; background: url(/images/logo_mym-credit.png) no-repeat; }
	#CreditsMYM h2 a:hover { background-position: 0 -39px; cursor: pointer; }
	
	/* Social Bookmarking */
	#SocialBookmarks { position: absolute; bottom: 100px; right: 50px; }
	#SocialBookmarks h4 { font-size: 1.1em; font-weight: bold; color: #AF826B; margin-bottom: .5em; }
	#SocialBookmarks a { overflow: hidden; display: block; width: 18px; height: 18px; float: left; margin-right: 6px; }
	#SocialBookmarks a#SocialDigg { background: url(/images/icon_social.png) 0 0 no-repeat; }
	#SocialBookmarks a#SocialDelicious { background: url(/images/icon_social.png) -18px 0 no-repeat; }
	#SocialBookmarks a#SocialGoogle { background: url(/images/icon_social.png) -36px 0 no-repeat; }
	#SocialBookmarks a#SocialStumble { background: url(/images/icon_social.png) -54px 0 no-repeat; }
	#SocialBookmarks a#SocialFacebook { background: url(/images/icon_social.png) -72px 0 no-repeat; }
	
	/* Javascript Indicator */
	#JSIndicator { position: absolute; top: 9em; right: 0px; }
	#JSIndicator a:link, #JSIndicator a:visited { font-weight: bold; font-size: .9em; text-transform: uppercase; background-color: #FF0; color: #09C; text-decoration: underline; padding: .5em 1em; }
	#JSIndicator a:hover, #JSIndicator a:active, #JSIndicator a:focus { text-decoration: none; }	

/* - - - Specific Pages on this site - - - */

/* Home */

#Home #Logo { position: absolute; top: 50px; right: 25px; }
#Home #LogoArsenal { position: absolute; right: 0; }
/* Clients */
#Clients #LoginForm { width: 13.3em; }
#Clients #LoginForm input { display: block; margin-bottom: 1em; }
#Clients #LoginForm .SubmitButton { margin-left: 9.7em; }