html {
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body {
	background-position:center 0px;
	background-attachment:fixed;
	background-repeat: no-repeat;
  margin:0 0;
	font-weight:normal;
  font-family:arial, helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
	color:#000;
  /* -moz-font-smoothing: antialiased; - No longer available in FF */
  font-smoothing: antialiased;	
}

/*font-family: 'PT Sans Narrow', sans-serif;
font-family: 'PT Sans Caption', sans-serif;
*/

h1 {margin-top:5px; font-weight:normal}
h2 {margin-top:5px; margin-bottom:10px;font-size:26px; font-weight:normal}

img{border:none;}
a, a:visited{text-decoration:none;  color:#000}

.clear{clear:both;}

#page {width:990px; margin: 0 auto;}
#pageContent{width:100%; min-height:100px; display:block;}
@media screen {#pageContentColumn {margin-left:20px; width:299px; float:left;}}
@media print {#pageContentColumn {visibility:hidden; display: none !important;}}

@media screen {#pageContentBody {width:620px; float:left; min-height:600px; height:100%}}
@media print {#pageContentBody {width:940px; float:left; min-height:600px; height:100%}}

#pageContentBody h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #554741; color:#554741; padding-top:1px; margin-top:0px;}

@media screen {
	#header {
		height:140px;
		background-image:url('/sites/JCA/images/hdr-bg.png');
		background-repeat:no-repeat;
		background-position:0px 0px;
	}

	#header .logo {
		position:absolute;
		margin-top:25px;
		margin-left:20px;
		height:60px;
		width:389px;
	}
	
	#header .links{
		height:30px;
		width:50px;
		position:absolute;
		margin-top:14px;
		margin-left:930px;
	}
	
	#header .links a img:hover {
		background: rgba(255,0,204, 0.5);
		-moz-transition: background .2s linear;
		-webkit-transition: background .2s linear;
		-o-transition: background .2s linear;
		transition: background .2s linear;
	}
	
	#header .telephone{min-width:100px; float:left; color:#ffa401; font-size:1.7em; font-weight:bold;}
	#header .socialLink{margin-left:2px; float:left;}
}

@media print {
	#header {visibility:hidden; display: none !important;}
	#header .links{visibility:hidden; display: none !important;}
	#header .links a img:hover {visibility:hidden; display: none !important;}
	#header .telephone{visibility:hidden; display: none !important;}
	#header .socialLink{visibility:hidden; display: none !important;}
}

#contentWrapper {
	background:#fff;
	padding:25px;
}

/*--- FOOTER ---*/
#footer {
	height:60px;
	width:990px;
	margin-top:20px;
	margin-bottom:20px;
}

#footer .footer-links {
  width:990px;
  max-width: 990px;
  margin: 15px auto;
  display: table;
  color: #fff;
  font-family: arial, helvetica, sans-serif;
}

#footer .footer-links a {
  color: #fff;
  text-decoration: none;
  font: inherit;
}

#footer .footer-links a:hover {
  color: #fff;
  text-decoration: none;
}

#footer .footer-links .footer-legal {
  display: table-cell;
  text-align: left;
}

#footer .footer-links .footer-legal ul {
  margin: 0 30px;
  padding: 0;
}

#footer .footer-links .footer-legal ul a {
  margin-right: 10px;
}

#footer .footer-links .footer-admit {
  display: table-cell;
  text-align: right;
  padding-right: 30px;
}

/*     Social     */
	#footer .links{
		height:30px;
		width:90px;
		position:absolute;
		margin-top:-5px;
		margin-left:840px;
	}
	
	#footer .links a img:hover {
		background: rgba(225,194,110, 0.5);
		-moz-transition: background .2s linear;
		-webkit-transition: background .2s linear;
		-o-transition: background .2s linear;
		transition: background .2s linear;
	}
	
	#footer .socialLink{margin-left:2px; float:left;}
	#footer .socialLink img{height:22px;}

/*     AdmitOne     */
	#footer .a1Links{
		height:30px;
		width:80px;
		position:absolute;
		margin-top:41px;
		margin-left:482px;
	}
	
	#footer .a1Links a img:hover {
		background: rgba(225,194,110, 0.5);
		-moz-transition: background .2s linear;
		-webkit-transition: background .2s linear;
		-o-transition: background .2s linear;
		transition: background .2s linear;
	}
	
	#footer .admitoneLink{margin-left:2px; float:left;}

/*     CoeCreative     */
	#footer .ccLinks{
		height:30px;
		width:80px;
		position:absolute;
		margin-top:41px;
		margin-left:642px;
	}
	
	#footer .ccLinks a img:hover {
		background: rgba(225,194,110, 0.5);
		-moz-transition: background .2s linear;
		-webkit-transition: background .2s linear;
		-o-transition: background .2s linear;
		transition: background .2s linear;
	}
	
	#footer .coecreativeLink{margin-left:2px; float:left;}

/*=======================================================
Header Section Navigation
=======================================================*/
@media screen {
	#nav {
	position:absolute;
	margin-top:-36px;
	height:36px;
	width:990px;
	background-image:url('/sites/JCA/images/menu-bg.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
	
	#nav .home {
		padding-right:10px;
		margin-left:10px;
		float:left;
		margin-top:-7px;
	}
	#nav .home a:hover {background-color:none}
	
	#nav .menuSeperator {height:28px; width:15px; float:left;}
	
	#nav a:first-child {
		margin-left:20px;
		border-left:1px solid #cccccc;
	}
	#nav a{
		width:159px;
		color:#000;
		text-align:center;
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;
		height:26px;
		float:left;
		font-size:14px;
		letter-spacing:1px;
		text-transform:uppercase;
		border-right:1px solid #cccccc;
	}
	
	#nav .selected {background-color:#ff00cc;}
	#nav a:hover {background-color:#ff00cc; color:#fff;}	
}

@media print {
	#nav {visibility:hidden; display: none !important;}
	#nav .home {visibility:hidden; display: none !important;}
	#nav .home a:hover {visibility:hidden; display: none !important;}
	#nav .menuSeperator {visibility:hidden; display: none !important;}
	#nav a{visibility:hidden; display: none !important;}
	#nav .selected {visibility:hidden; display: none !important;}
	#nav a:hover {visibility:hidden; display: none !important;}	
}

/*=======================================================
SHOW CASE IMAGES and TRAILERS
=======================================================*/

@media screen {
	#showCaseContainer {height:410px; width:100%; position:relative;}
	
	#showCaseColumn {width:620px; float:left}
	#showCaseColumn .banner {height:53px; width:100%; z-index:1000; position:relative; background:url(/sites/JCA/images/nowshowing.jpg) no-repeat;}
	
	#showCaseColumn h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #554741; color:#554741; padding-top:1px; margin-top:0px; margin-bottom:10px;}
	
	#showCaseImage {height:252px; margin-top:-2px; z-index:-1; width:100%; background-size: 100% 100%}
	
	#showCaseNavigation{height:100px; position:relative; z-index:1001; padding-top:5px; width:100%}
	
	#showCaseLink{font-weight:bold; width:400px; padding-top:12px; float:left}
	#showCaseLinkTitle {font-size:27px; color:#d0ac49; height:35px; width:100%; overflow:hidden}
	#showCaseLink .readMore{color:#000;font-size:18px; width:auto; float:left}
	#showCaseLink img {margin-left:10px; float:left}
	
	#showCaseThumbnails {width:215px; height:93px;	float:right; padding-top:4px; overflow:hidden;}
	#showCaseThumbnails	img{margin-left:8px; width:63px; height:93px; float:left; cursor:hand; cursor:pointer;}
	
	#homeBannerPreviewStill {cursor:hand; cursor:pointer;}
	
	#trailerColumn {width:299px; margin-left:20px; float:left; position:relative;}
	#trailerColumn h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #554741; color:#554741; padding-top:1px; margin-top:0px; margin-bottom:5px;}
	#trailerBox {width:100%; margin-top:53px; height:207px; background:#554741;}
	#trailerImage{z-index:100; width:299px; height:200px; position:absolute; left:0px; top:51px }
	#trailerImageUrl {width:299px; height:200px}
	#trailerImagePlay{margin-top:-180px; margin-left:6px; position:relative; z-index:1000; cursor:pointer}
	
	#trailerLeft{width:24px; height:24px; position:absolute; left:18px; top:268px; cursor:pointer; background:url(/sites/JCA/images/trailerleft.png) no-repeat;}
	#trailerRight{width:24px; height:24px; position:absolute; left:265px; top:268px; cursor:pointer; background:url(/sites/JCA/images/trailerRight.png) no-repeat;}
	#trailerTitle{
		width:228px; height:24px; 
		text-transform:uppercase; 
		text-align:center;
		position:absolute;
		overflow:hidden;
		left:35px; top:265px; 
		font-size:18px;
		color:#fff;
	}
	
	#popcornSection{width:100%; margin-top:10px; height:93px; background:#f6eedb;}
	#popcornSection .facebook{height:38px; width:299px; font-weight:bold; color:#554741; float:left; padding-top:15px;}
	#popcornSection .email{height:38px; width:299px; font-weight:bold; color:#554741; float:left;}
	#popcornSection .icon{margin-top:-2px; float:left; padding-left:15px; padding-right:10px;}
}

@media print {
	#showCaseContainer {visibility:hidden; display: none !important;}
	
	#showCaseColumn {visibility:hidden; display: none !important;}
	#showCaseColumn .banner {visibility:hidden; display: none !important;}
	
	#showCaseImage {visibility:hidden; display: none !important;}
	
	#showCaseNavigation{visibility:hidden; display: none !important;}
	
	#showCaseLink{visibility:hidden; display: none !important;}
	#showCaseLinkTitle {visibility:hidden; display: none !important;}
	#showCaseLink .readMore{visibility:hidden; display: none !important;}
	#showCaseLink img {visibility:hidden; display: none !important;}
	#showCaseThumbnails {visibility:hidden; display: none !important;}
	#showCaseThumbnails	img{visibility:hidden; display: none !important;}
	
	#trailerColumn {visibility:hidden; display: none !important;}
	#trailerBox {visibility:hidden; display: none !important;}
	#trailerImage{visibility:hidden; display: none !important;}
	#trailerImageUrl {visibility:hidden; display: none !important;}
	#trailerImagePlay{visibility:hidden; display: none !important;}
	
	#trailerLeft{visibility:hidden; display: none !important;}
	#trailerRight{visibility:hidden; display: none !important;}
	#trailerTitle{visibility:hidden; display: none !important;}
	
	#popcornSection{visibility:hidden; display: none !important;}
	#popcornSection .facebook{visibility:hidden; display: none !important;}
	#popcornSection .email{visibility:hidden; display: none !important;}
	#popcornSection .icon{visibility:hidden; display: none !important;}
}

/*=======================================================
Home Page Movies
=======================================================*/

@media screen {
	#dateNav {
	margin-top:15px;
	height:125px;
	width:620px;
	}
	
	#dateNavTitle {width:620px; float:left; height:48px}
	#dateNavTitle h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #554741; color:#554741; padding-top:1px; margin-top:0px; margin-bottom:5px;}
	#dateNavTitle .clapper{margin-top:5px; width:50px; height:55px; background:url(/sites/JCA/images/clapper.png) no-repeat; float:left}
	#dateNavTitle .showtimes{height:40px; float:left; font-weight:bold;}
	
	#dateNavDates {width:625px; float:left; background-image:url(/sites/JCA/images/filmtimes.jpg); background-repeat:no-repeat; background-size:620px;}
	#dateNavDates a {
		margin-top:4px;
		padding-top:10px;
		height:51px;
		width:78px;
		float:left;
	}
	#dateNavDates a {color: #5b9bd5;
}
	#dateNavDates a.selected {color: #ff00cc}	
	#dateNavDates a:hover{color: #ff00cc; cursor:pointer; font-weight:bold;}
	#dateNavDates .title {width:100%; font-size:22px;	line-height:20px; font-weight:bold; text-align:center;}
	#dateNavDates .date  {font-family:arial; width:100%; font-size:17px; text-align:center;}
}

@media print {
	#dateNav {
	margin-top:5px;
	height:85px;
	width:940px;
	}
	
	#dateNavTitle {}
	#dateNavTitle .clapper{}
	#dateNavTitle .showtimes{}
	
	#dateNavDates {width:940px; float:left; padding-left:35px;}
	#dateNavDates a {
		margin-top:4px;
		padding-top:10px;
		height:70px;
		width:110px;
		float:left;
	}
	#dateNavDates a {color: #76655d}
	#dateNavDates a.selected {color: #554741; font-size:22px; border-top:2px solid #554741;}	
	#dateNavDates a:hover{color: #554741; cursor:pointer}
	#dateNavDates .title {width:100%; font-size:30px;	line-height:28px; font-weight:bold; text-align:center;}
	#dateNavDates .date  {font-family:arial; width:100%; font-size:20px; text-align:center;}
}

/*=======================================================
Movie Item
=======================================================*/

.movieItem {width:100%; margin-top:5px; margin-bottom:5px; padding-top:17px; border-top:1px solid #554741;}
.movieItem img{width:133px; float:left; margin-top:5px; border:1px solid #554741;}

.movieItem .movieItemDetails .movieItemSynopsisScreen a{
	background-image:url('/sites/JCA/images/rightclick-small.png');
	background-repeat:no-repeat;
	background-position:62px;
	padding-left:4px;
	padding-right:18px;
}
.movieItem .movieItemDetails .movieItemSynopsisScreen a:hover{
	background-image:url('/sites/JCA/images/rightclick-small.png');
	background-repeat:no-repeat;
	background-position:62px;
	padding-left:4px;
	padding-right:18px;
	background-color: rgba(225,194,110, 0.5);
	-moz-transition: background .2s linear;
	-webkit-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}

@media screen {.movieItemDetails {width:475px; max-height:250px; margin-left:10px; float:left; overflow:hidden}}
@media print {.movieItemDetails {width:790px; margin-left:10px; float:left; overflow:hidden}}

@media screen {.movieItemTitle {font-size:25px; width:470px; margin:0px; height:32px; font-weight:normal; float:left; overflow:hidden}}
@media print {.movieItemTitle {font-size:25px; width:550px; margin:0px; font-weight:normal; float:left; overflow:hidden}}

.movieItemRunTime {width:470px; height:22px; font-size:16px; padding-top:3px; margin-top:0px; font-weight:normal;float:left; overflow:hidden}

@media screen {.movieItemSynopsisScreen {font-size:14px; padding-top:8px; height:60px; overflow:hidden;}}
@media print { .movieItemSynopsisScreen {visibility:hidden; display: none !important;}}

@media screen {.movieItemSynopsisPrint {visibility:hidden; display: none !important;}}
@media print { .movieItemSynopsisPrint {font-size:14px; overflow:hidden;}}

.movieItemSeperator{height:4px; width:600px; background-position:center; background:url(/sites/JCA/images/movieseperator.png) no-repeat}

.bookNowBlock{margin-left:145px; margin-top:-70px; Width:475px;}
.bookNowLink{height:64px; width:108px; margin-right:10px; margin-bottom:10px; color:#fff; background:#5b9bd5; float:left; text-align:center; padding-top:6px;}
.bookNowLink:hover{color:#333; background:#ff00cc;}
.bookNowLinkTime{font-size:24px; font-weight:bold; line-height:30px; letter-spacing:1px;}
.bookNowLinkText{font-size:16px;}

.bookNowLinkDate{font-size:16px; letter-spacing:1px;}
.bookNowLinkTime_allShowings{font-size:16px; letter-spacing:1px;}
.bookNowLinkText_allShowings{font-size:16px;}

/*=======================================================
Left Hand Buttons
=======================================================*/
.test {
position:absolute;
margin-top:-11px;
margin-left:-40px;
width: 0px;
height: 0px;
border-top: 26px solid #fff;
border-bottom: 26px solid #fff;
border-left: 0px solid transparent;
border-right: 26px solid transparent
}

@media screen {
	a.redButton {letter-spacing:1px; color:#fff; width:284px; height:41px; font-size:22px; margin-bottom:10px; 
		padding-left:15px; padding-top:11px; display:block; background:#554741;}
		
	a:hover.redButton {background:#931111;}

	a#selected.redButton {background-repeat:no-repeat; background-position:0px 20px; padding-left:40px; width:259px; background-color:#510404;}
		
	a.compButton {width:250px; height:69px; font-size:25px; font-weight:bold; margin-bottom:10px; 
		display:block; padding-top:15px; padding-left:40px; text-transform:uppercase; background:url(/sites/JCA/images/compbutton.png) no-repeat}
	
	.specialEvents {height:295px; margin-top:20px;}
	.specialEvents h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #554741; color:#554741; padding-top:1px; margin-top:0px; margin-bottom:5px;}
	.specialEvents a:first-of-type img{margin-right:8px;}
	.moviePick {width:145px; height:205px; margin-bottom:10px; display:block; float:left;}
	
	.readMore{color:#000; font-size:18px; width:auto; float:left}
	
	.sideBannersContainer {padding-top:10px;}
	.sideBannersContainer a{padding-bottom:10px;}
	.sideBannersContainer a img{max-width:299px;}
}

@media print {
	a.redButton {visibility:hidden; display: none !important;}
	a.compButton {visibility:hidden; display: none !important;}
	.specialEvents {visibility:hidden; display: none !important;}
	.specialEvents a:first-of-type img{visibility:hidden; display: none !important;}
	.moviePick {visibility:hidden; display: none !important;}
	.readMore{visibility:hidden; display: none !important;}
}

/*=======================================================
Article
=======================================================*/
#article {width:100%; font-size:20px; font-weight:normal}
#article .content {margin-top:10px; font-weight:normal}

/*=======================================================
Contact Us
=======================================================*/
.formItem {clear:both; margin-bottom:5px}
.formItem input, textarea {width:530px;}

.comingSoonDates {}
.comingSoonDates a:link {color:#000; padding:5px;}
.comingSoonDates a:hover {color:#333; background-color:#ffc064;}

.kidsClub {
width:620px;
padding-top:15px;
}

.kidsClub img {
	float: left;
	margin-right: 15px;
}

#kids-club {
margin:0px;
padding:0px;
}

#kids-club li {
	border:1px solid #000;
	background:#f3e7e7;
	padding:10px;
	width:598px;
	overflow: hidden;
	list-style:none;
	margin-bottom:10px;
}

#kids-club li h3 {
margin:0px;
padding:0px;
}

#kids-club p {
margin:0px;
padding:0px;
padding-top:5px;
}

input, textarea, select, option {
	font-family:Arial;
	font-size:16px;
	resize: none;
	padding:4px;
	background: #FAFAFA;
	outline:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid rgba(0,0,0, 0.2);
}

input:focus, textarea:focus, select:focus, option:focus {
	background: #FFFFFF;
	box-shadow: 0 0 5px rgba(118,6,6, 1);
	-webkit-box-shadow: 0 0 5px rgba(118,6,6, 1); 
	-webkit-box-shadow: 0 0 5px rgba(118,6,6, 1); 
	-moz-box-shadow: 0 0 5px rgba(118,6,6, 1);
	border:1px solid rgba(118,6,6, 0.8); 
}

.giftCardFormPage {padding: 10px; margin-bottom: 10px;}
.giftCardFormItem {clear:both; padding-left:20px; padding-bottom:5px}
.giftCardFormItem label{float:left; width:150px; padding-top:4px; text-align:left}

.fullField {width:866px}
.halfField {width:423px}

@media screen {
	.formButton {
		letter-spacing:1px;
		text-align:center;
		margin-top:20px;
		color:#fff;
		width:284px;
		height:41px;
		font-size:22px;
		display:block;
		background:#5b9bd5;
		cursor:hand;
		cursor:pointer;
	}

	.formButton:hover {
		background:#ff00cc;
	}
	
	.arrowImg {}
}

@media print {
 	.formButton {visibility:hidden; display: none !important;}
	.arrowImg {visibility:hidden; display: none !important;}
}

#map_canvas { height: 100% }