/* ============================================================================

	Version: 1.0
	Author: Ariamedia
	Author URI: http://ariamedia.com
	
	(c) 2010 Ariamedia & City of Carrollton
	
	This site was designed, produced and coded by Ariamedia
	Feel free to use anything you see here, but please do not
	use our design or design elements without contacting us first.
	
	Thanks,
	
	Jordan Wollman, Ariamedia

	Global Colors:
	Green =	7A993B
	Blue =	1D4D69
	
=========================================accordion
=================================== */

/* [ CSS IMPORTS ] --------------------------------------------------------- */

@import url('reset.css');
@import url('text.css');
@import url('coda-slider-2.0.css');
@import url('jquery.fancybox-1.3.1.css');

/* [ GLOBALS / BLOCK LEVEL ] ----------------------------------------------- */
html, body									{ width: 100%; height: 100%; }
body											{ color: #333; background: url(/sitecontent/79/images/ui-files/stripes-bg.gif) 50% 0 repeat-y; }
a											{ color: #005D98; text-decoration: none; }
a:hover										{ color: #000; text-decoration: underline; }
a img											{ border: none; }
h1											{ font: 36px Georgia, Times New Roman, Times, Serif; font-weight: 100; color: #1D4D69; letter-spacing: -.03em; line-height: .9em; }
h2											{ font: 20px Georgia, Times New Roman, Times, Serif; font-weight: 100; color: #817C00; letter-spacing: -.03em; line-height: .9em; }
h4											{ font-weight: 100; font-size: 16px; color: #1D4D69; }
table											{ width: 100%; }

/* [ CORE: WRAPPER ] ------------------------------------------------------- */
#wrapper									{ width: 1050px; margin: 0 auto; position: relative; }

/* [ CORE: MASTHEAD ] ------------------------------------------------------ */
#masthead									{ width: 1050px; height: 192px; background: #FFF url(/sitecontent/79/images/ui-files/nav-core-bg.gif) 100% 136px no-repeat; }

	#cfas-logo								{ float: left; margin-right: 30px; }
	#cfas-logo a								{ display: block; width: 212px; height: 0; padding-top: 156px; margin: 14px 0 0 0; background: url(/sitecontent/79/images/ui-files/cfas-logo.png) 0 0 no-repeat; overflow: hidden; }

	#tagline								{ width: 635px; float: left; padding-top: 34px; }
	#tagline h2								{ width: 472px; height: 0; margin: 0; padding: 93px 0 0 0; background: url(/sitecontent/79/images/ui-files/family-fun-5.gif) 0 0 no-repeat; overflow: hidden; float: left; }
	#tagline p								{ float: right; font-size: 42px; line-height: 42px; padding: 10px 0 0 0; margin: 0; color: #9C9C9C; letter-spacing: -.03em; height: 85px; overflow: hidden; margin: 0; }

	#carrollton-logo						{ float: right; }
	#carrollton-logo a						{ display: block; width: 129px; height: 0; margin: 52px 0 0 0; padding: 38px 0 0 0; background: url(/sitecontent/79/images/ui-files/carrollton-logo.gif) 0 0 no-repeat; overflow: hidden; }

	#nav-core								{ float: left; width: 808px; }
	#nav-core ul								{ margin: 13px 0 0 0; list-style: none; padding: 0; }
	#nav-core li								{ display: block; margin: 0 1em 0 0; padding: 0; float: left; font-size: 11px; line-height: normal; }
	#nav-core li a								{ display: block; color: #493326; padding: 0 1em 0 0; border-right: 1px solid #493326; }
	#nav-core #nc-contact					{ margin: 0; }
	#nav-core #nc-contact a					{ padding: 0; border: none; }
	#nav-core #nc-tickets					{ font-weight: normal; }
	#nav-core .active						{ font-weight: bold; }

/* [ CORE: COLUMNS ] ------------------------------------------------------- */
.c1											{ float: left; width: 210px; margin: 0 30px 0 0; text-align: center; }
.c2											{ float: left; width: 639px; }
.c3											{ float: right; width: 110px; padding: 0 0 0 20px; }

	/* [ Column 1 ] -------------------------------------------------------- */
	.c1 h3,
	.c1 p									{ font-size: 18px; color: #9C9C9C; font-weight: normal; margin:0; }
	.c1 h3									{ margin: 0 0 .5em 0; padding: 0 0 .5em 0; background: url(/sitecontent/79/images/ui-files/h3-hr.gif) 50% 100% no-repeat; }

	.c1 .c1-buttons							{ list-style: none; padding: 0; margin: 0 0 0 58px; }
	.c1 .c1-buttons li							{ display: block; line-height: normal; margin: 0 0 4px; padding: 0; }
	.c1 .c1-buttons a						{ display: block; width: 84px; height: 0; padding: 84px 0 0 0; background: url(/sitecontent/79/images/ui-files/c1-buttons-sprite.gif) 0 0 no-repeat; overflow: hidden; }
	.c1 .c1-buttons .c1-b-1 a:hover			{ background-position: 100% 0; }
	.c1 .c1-buttons .c1-b-2 a					{ background-position: 0 -86px; }
	.c1 .c1-buttons .c1-b-2 a:hover			{ background-position: 100% -86px; }
	
	.c1 p.atmservices							{ font-size:12px; margin-top:15px; }

	/* [ Column 2 ] -------------------------------------------------------- */
	.home-features ul						{ margin: 0; padding: 0; list-style: none; }
	.home-features li							{ display: block; float: left; margin: 0 13px 0 0; padding: 0; font: 19px Georgia, Times New Roman, Times, Serif; letter-spacing: -.03em; line-height: .9em; text-align: center; }
	.home-features li a						{ display: block; width: 128px; height: 128px; padding: 10px; border: 1px solid #CCC; color: #999; background: url(/sitecontent/79/images/ui-files/home-features.jpg) 0 0 no-repeat; }
	.home-features li a:hover					{ text-decoration: none; color: #005D98; }
	.home-features .hf-4						{ margin: 0; }
	.home-features .hf-1 a					{ background-position: -852px 56px; }
	.home-features .hf-2 a					{ background-position: -560px 56px; }
	.home-features .hf-3 a					{ background-position: -265px 56px; }
	.home-features .hf-4 a					{ background-position: 29px 56px; }
	
	#fb-likebox								{ height:25px; margin:0 0 -15px 0; overflow:hidden;}
	
	.c2a									{ width: 434px; float: left; }
	.c2b									{ width: 185px; float: right; }
	
	.c2a-alt								{ width:434px; float:left; }
	.c2b-alt								{ width:185px; float:left; }
	
	.capgreen								{ color:#7b9a3c; }
	
	.vimeo img								{ margin-right:25px; }

	/* [ Accordion ] ------------------------------------------------------- */
	.accordion								{ margin-bottom: 20px; }
	.accordion h3							{ background: #1D4D68; border-top:solid 1px #fff; color:#fff; padding: 10px; clear: both; margin: 0; font: 18px Georgia, Times New Roman, Times, Serif; }
	.accordion h3.ui-state-active			{ border: none; background: #1D4D68; border-top:solid 1px #fff; color: #FFF; }
	.accordion h3.ui-state-active a 			{ color: #FFF; }
	.accordion h3.ui-state-hover				{ color: #1D4D68; }
	.accordion h3 a							{ color: #fff; display: block; }
	.accordion .accordion-content			{ padding: 20px 20px 0 20px; border: none; }
	.accordion .accordion-content a			{ color: #1D4D68; }
	
	.accordion-2							{ margin-bottom: 20px; }
	.accordion-2 h3							{ background: #1D4D68; border-top:solid 1px #fff; color:#fff; padding: 5px 10px; clear: both; margin: 0; font: 12px Georgia, Times New Roman, Times, Serif; }
	.accordion-2 h3.ui-state-active			{ border: none; background: #1D4D68; border-top:solid 1px #fff; color: #FFF; }
	.accordion-2 h3.ui-state-active a			{ color: #FFF; }
	.accordion-2 h3.ui-state-hover			{ color: #eee; cursor:pointer; }
	.accordion-2 h3 a							{ color: #fff; display: block; }
	.accordion-2 h3 table						{ margin: 0 0 5px; }
	.accordion-2 .accordion-content			{ padding: 20px 20px 0 20px; border: none; background:#eee; }
	.accordion-2 .accordion-content a		{ color: #1D4D68; }

	/* [ Rotator ] --------------------------------------------------------- */
    div#rotator								{ position: relative; width: 700px; height: 130px; margin: 0px -30px 20px; float: left; }
	div#rotator p								{ font-size: 10px; margin: 0 0 5px 30px; color: #b6b6b8; }
	div#rotator ul								{ margin: 0; padding: 0; list-style: none; }
	div#rotator ul li 							{ float: left; margin: 0; padding: 0; position: absolute; list-style: none; }
    div#rotator ul li.show						{ z-index: 500; }
	div#rotator a								{ cursor: default; }
	
	.footer									{ width: 100%; float: left; margin: 0 0 20px 0; font-size: 10px; color: #493326; }

	/* [ Column 3 ] -------------------------------------------------------- */
	.c3 .social-do							{ margin: 0 0 26px 0; padding: 0; list-style: none; }
	.c3 .social-do li							{ font: 12px Georgia, Times New Roman, Times, Serif; font-weight: 100; letter-spacing: -.03em; line-height: 1em; display: block; margin: 0 0 10px; padding: 0; }
	.c3 .social-do a							{ display: block; color: #493326; padding: 0 0 0 30px; background: url(/sitecontent/79/images/ui-files/social-sprite.gif) 0 0 no-repeat; }
	.c3 .social-do a:hover					{ color: #005D98; text-decoration: none; }
	.c3 .social-do .twitter a					{ background-position: 0 -73px; }
	.c3 .social-do .email a					{ background-position: 0 -145px; }
	
	.call2a-showcase p						{ font: 11px Georgia, Times New Roman, Times, Serif; line-height: normal; text-align:center; margin:0 0 24px 0; }
	.call2a-showcase a						{ color: #000; }
	.call2a-showcase a:hover					{ color: #005D98; text-decoration: none; }

	.call2a-traxx p							{ font: 14px Georgia, Times New Roman, Times, Serif; line-height: normal; padding:4px 0px; display:block; text-align: center; }
	.call2a-traxx a							{ color: #000; }
	.call2a-traxx a:hover					{ color: #005D98; text-decoration: none; }
	
/* [ CLASSES ] ------------------------------------------------------------- */
.list-50									{ width: 195px; list-style: none; margin: 0 0 20px; }
.list-50 li									{ margin: 0 0 .25em 0; font-size: 14px; padding: 0 0 0 20px; background: url(/sitecontent/79/images/ui-files/mdash.gif) 0 8px no-repeat; }
.img-left									{ float: left; margin: 0 1em 1em 0; }
.img-right									{ float: right; margin: 0 0 1em 1em; }
.left										{ float: left; }
.right										{ float: right; }
.clear										{ clear: both; }