/* ------------------------------------------------------------------------------ */
/* Browser Reset                                                                  */
/* ------------------------------------------------------------------------------
            html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
            blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
            small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
            tbody, tfoot, thead, tr, th, td
                                {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;	}
            :focus {outline: 0;}
            body {line-height: 1;color: black;background: white;}
            ol, ul {list-style: none;}

            table {border-collapse: separate;border-spacing: 0;}
            caption, th, td {text-align: left;font-weight: normal;}
            blockquote:before, blockquote:after, q:before, q:after {content: "";}
            blockquote, q {quotes: "" "";}

*/

/* ------------------------------------------------------------------------------ */
/* Basic Style Definitions                                                      */
/* ------------------------------------------------------------------------------
            body {font-size: 62.5%;}
            em {font-style: italic; font-size: inherit;}
            strong {font-weight: normal; color: #fcfc00;}
            del {text-decoration: line-through; font-size: inherit;}
            ins {text-decoration: underline; font-style: italic; font-size: inherit;}
            pre {white-space: pre; font-family: "courier new", monospace;}
            address, li, td, th, caption {margin-bottom: 0;}
            dt:after {content: '';}
            dt {margin-bottom: 0; font-weight: bold;}
            dd {margin-left: 5ex;}
            blockquote {font-style: italic; margin: 0 10ex 1.6em 10ex;}
            kbd {border: 1px solid black; border-width: 1px 2px 2px 1px; padding: 0 3px; margin: -5px 0; white-space: pre; font-family: "courier new", monospace;}
            code, samp, tt, var {white-space: pre; font-family: "courier new", monospace;}
            abbr, acronym {border-bottom: 1px dotted black;}
            dfn {font-style: italic;}
            sub {vertical-align: sub; font-size: .5em;}
            sup {vertical-align: super; font-size: .5em;}

            p, address, del, ins, pre, dt, dd, blockquote, li, td, th, caption, label, h4, h5, h6 {
                    font-family: arial, sans-serif;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: normal;
                    letter-spacing: normal;
                    text-align: left;
                    text-indent: 0;
                    text-transform: none;
                    white-space: normal;
                    word-spacing: normal;
                    text-decoration: none;
                    font-size: 12px;
                    line-height: 24px;
                    margin-bottom: 24px;
                    color: #191919;
                }

*/

            a {text-decoration: none; color: #e8761b;}
            a:hover {text-decoration: underline;}

            h1, h2, h3, h4, h5, h6 {font-family: arial, sans-serif;}

            h1 {
                    font-weight: bold;
                    font-size: 18px;
                    line-height: 24px;
                    color: #e8761b;
                }

            h2 {
                    font-weight: bold;
                    font-size: 14px;
                    line-height: 24px;
                    color: #191919;
                }

            h3 {
                    font-weight: bold;
                    font-size: 14px;
                    line-height: 24px;
                    color: #e8761b;
				margin-bottom: -1em;
                }
            h4 {
            		font-size: 12px;
            	 }

	td h3, td h4, td p { margin: 0; }
	a img { border: 0; }

/* ------------------------------------------------------------------------------ */
/*    Page Layout Definitions and Backgrounds                                     */
/* ------------------------------------------------------------------------------ */
/* html, body {height: 100%;} */

body {
	margin: 0;
	font-family: Helvetica, arial, sans-serif;
	color: black;
	font-size: 62.5%;
}

body {
	background: #ffffff url(../img/tmp/bg.png) repeat-x top;
}

#wrapper {
        background: transparent url(../img/tmp/header-bg.png) no-repeat top center;
        width: 100%;
        margin: 0;
    }
    #content {
            width: 937px;
            margin: 0 auto;
/*            height: 300px;*/
        }
        #header {

            }
            #auxiliary_navigation {
                    width: 911px;
                    margin: 0 auto;
                    height: 37px;
                }
            #navigation {
                    width: 100%;
                    height: 48px;
                    margin: 42px 0 0;
                }
    #body {
            width: 911px;
            margin: 0 auto;
        }
        #titleholder {
                background-color: transparent;
                background-image: url(../img/tmp/white.png);
                background-repeat: repeat-x;
                background-position: 0 36px;
                margin: 21px 0 0 0;
                height: 62px;
            }
        #main {

                min-height: 853px;
                background-color: white;
                background-image: url(../img/tmp/content-bg.png);
                background-repeat: repeat-x;
                background-position: left bottom;
                border-bottom: 1px solid #d9d9d9;
/*                clear: both;
                overflow: hidden; */
            }

	#main #inner {
		background: url(../img/tmp/local-nav-bg.gif) repeat-y left top;
	}

            #page {
                    float: left;
                    width: 586px;
  /*                  margin-bottom: -1000px;
                    padding-bottom: 1000px; */
                }
                #dCMS-content {
                        margin: 12px 0px 18px 20px;
                        min-height: 800px;
                        height: auto !important;
                        height:  800px;
			font-size: 1.2em;
			line-height: 1.5em;
                    }
            #local-navigation {
                    float: left;
                    width: 310px;
/*                    margin-bottom: -1000px;
                    padding-bottom: 1000px; */
                    background: transparent url(../img/tmp/local-nav-bg.png) repeat-y 30px 0px;
                }
                #local-navigation-menu {
                        min-height: 507px;
                        height: auto !important;
                        height:  507px;
                    }
                #tickets {
                        margin-left: 30px;
                    }
                    #catco-is-theatre {
			position: absolute;
			top: -281px;
			right: 15px;
                    }

			#push-down {
				height: 260px;
			}
            #footer {
                height: 145px;
		position: relative;
            }
		#footer #catco_hearts {
			position: absolute;
			left: 10px;
			top: -30px;
		}

	#clearfix {
		height: 42px;
		font-size: 1px;
		clear: left;
	}

            #friends {
                    height: 80px;
                    border-bottom: 1px solid #d9d9d9;
                    padding: 10px 3px 0;
                }
            #colophon {
                    height: 55px;
                }
                #socialnetworks {
                        width: 349px;
                        height: 35px;
                        float: right;
                        border-left: 1px solid #d9d9d9;
                        padding: 20px 0 0;
                    }

/* ------------------------------------------------------------------------------ */
/*    Header Styles                                                               */
/* ------------------------------------------------------------------------------ */
#auxiliary_navigation a {
        display: block;
        height: 37px;
        float: right;
        margin-left: 5px;
    }
    a#home {
            width: 66px;
            background: transparent url(../img/tmp/sprites/home.png) no-repeat top left;
        }
    a#contact_directions{
            width: 164px;
            background: transparent url(../img/tmp/sprites/contact_directions.png) no-repeat top left;
        }
    a#partner_section {
            width: 132px;
            background: transparent url(../img/tmp/sprites/partner_section.png) no-repeat top left;
        }
    a#showtimes {
            width: 132px;
            background: transparent url(../img/tmp/sprites/showtimes.png) no-repeat top left;
        }
    #auxiliary_navigation a:hover {background-position: bottom left;}
    #auxiliary_navigation a#email {
            height: 29px;
            width: 103px;
            margin-top: 5px;
            background: transparent url(../img/tmp/sprites/email.png) no-repeat top left;
        }
        #auxiliary_navigation a#email:hover {background-position: bottom left;}

/*
Navigation menu is a single sprite.
*/
#navigation a {
        display: block;
        height: 31px;
        float: right;
        margin: 8px 0 0;
        background: transparent url(../img/tmp/sprites/mainnav_sprite.png) no-repeat;
    }
    #navigation a#seasons {width: 77px;background-position: 0px 0px;}
    #navigation a#support {width: 170px;background-position: -78px 0px;}
    #navigation a#about {width: 103px;background-position: -248px 0px;}
    #navigation a#blog {width: 57px;background-position: -351px 0px;}
    #navigation a#involved {width: 106px;background-position: -409px 0px;}
    #navigation a#plan {width: 129px;background-position: -516px 0px;}
    #navigation a#seasons:hover {background-position: 0px -31px;}
    #navigation a#support:hover {background-position: -78px -31px;}
    #navigation a#about:hover {background-position: -248px -31px;}
    #navigation a#blog:hover {background-position: -351px -31px;}
    #navigation a#involved:hover {background-position: -409px -31px;}
    #navigation a#plan:hover {background-position: -516px -31px;}



/* ------------------------------------------------------------------------------ */
/*    Footer             Styles                                                   */
/* ------------------------------------------------------------------------------ */
#friends img {
        margin-left: 12px;
        vertical-align: middle;
        margin: 8px 5px;
    }
#socialnetworks img {
        margin-left: 12px;
        float: right;
    }
    #socialnetworks img#facebook {
            margin-top: 3px;
        }
    #socialnetworks img#twitter {
            margin-top: 0px !important;
        }
    #socialnetworks img#flickr {
            margin-top: 2px;
        }
    #socialnetworks img#youtube {
            margin-top: 0px !important;
        }


/* ------------------------------------------------------------------------------ */
/*    Common  Styles                                                              */
/* ------------------------------------------------------------------------------ */
h1.pagetitle {
        font-size: 15px;
        font-family: arial, sans-serif;
        font-weight: bold;
        background-color: black;
        color: white;
        padding: 8px 18px 10px;
        margin: 14px 0 0 9px;
        float: left;
    }
#tickets-top {
        float: right;
    }


#local-navigation ul, #local-navigation ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#local-navigation ul#subnav {
	margin: 0 0 0 24px;
}

#local-navigation-menu {
    padding: 4px 0 0 0;
}

#local-navigation-menu  h1{
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
        color: #c96617;
        margin-bottom: 0;
        margin-left: 63px;
    }
#local-navigation-menu  ul {
        margin-bottom: 0;
    }
#local-navigation-menu  ul li a {
        color: white;
    }
#local-navigation-menu  ul li a:hover {
        text-decoration: none;
        background-image: url(img/tmp/local-nav-divider.gif);
    }
#local-navigation-menu  ul li {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}

#local-navigation-menu ul#subnav ul {
	display:none;
}

#blog #local-navigation-menu ul#subnav ul {
	display: block;
}


#local-navigation-menu ul#subnav li a {
	display: block;
	padding: 8px 0 0 39px;
}

#local-navigation-menu ul#subnav li h2 {
	display: block;
	padding: 8px 0 0 39px;
	color: white;
	margin-bottom: 0;
}

#local-navigation-menu ul#subnav li.on,
#local-navigation-menu ul#subnav li.here,
#local-navigation-menu ul#subnav li.current-cat {
	background: #E8761B url(/img/tmp/local-nav-3d.gif) no-repeat left bottom;
}



#local-navigation-menu ul.children li.on,
#local-navigation-menu ul.children li.here,
#local-navigation-menu ul.children li.current-cat {
        background: none !important;
}

#local-navigation-menu  ul ul li {
	font-weight: regular;
	font-size: 12px;
	line-height: 18px;
	padding: 0 24px 6px 74px;
}

#local-navigation-menu  ul ul li li {
	padding-left: 34px;
}

#local-navigation-menu ul#subnav ul li a {
	padding: 0;
}

#local-navigation-menu li ul {margin-top: 4px;}
#local-navigation-menu li li {margin-top: 0;}

/* ------------------------------------------------------------------------------ */
/*    Content Styles                                                              */
/* ------------------------------------------------------------------------------ */
#colophon p {
        padding-top: 21px;
        font-size: 11px;
        color: #191919;
        line-height: 14px;
    }
p.abstract {
        color: #454545;
        line-height: 20px;
}

div.innerpane {
	background: white;
	padding: 14px;
}


.label {
        font-weight: bold;
        font-size: 14px;
        line-height: 24px;
        color: #e8761b;
}

.bigger {

         font-weight: bold;
         font-size: 14px;
         line-height: 24px;
         color: #191919;
}



/* ------------------------------------------------------------------------------ */
/*    Play Tabs                                                                   */
/* ------------------------------------------------------------------------------ */


ul.playtab, ul.playtab-content {
	list-style-type: none;
	margin: 14px 0 0 0;
	padding: 0;
}

ul.playtab {
	background: url(../img/tmp/play-tab-bg.png) left top;
}

ul.playtab li {
	float: left;
	height: 44px;
	padding: 0 16px;
	margin: 0;

	font-family: Arial, sans-serif;
	text-align: center;
	line-height: 44px;
	font-size: 12px;
	font-weight:bold;
}


ul.playtab li.button {
	float: right;
	width: 107px;
	padding: 0 13px;
	background: url(../img/tmp/btn.gif);
	margin-right: 5px;
}


ul.playtab li.on, ul.playtab li.here { background: url(../img/tmp/play-tab-on.png); }
ul.playtab li.button.on, ul.playtab li.button.here { background: url(../img/tmp/btn.gif); }

ul.playtab li a, ul.playtab li a:link, ul.playtab li a:visited {
	color: #ffffff;
	text-decoration: none;
}
ul.playtab li.on a, ul.playtab li.here a, ul.playtab li a:hover, ul.playtab li a:active {
	color: #0e0e0e;
	text-decoration: none;
}

ul.playtab li.button.on a, ul.playtab li.button.here a,
ul.playtab li.button a:hover, ul.playtab li.button a:active {
	color: #ffffff;
	text-decoration: none;
}

ul.playtab li.clean {
	float: none;
	height: 1px;
	font-size: 1px;
	clear: left;
	background-color: white;
}

/* ------------------------------------------------------------------------------ */
/*    Homepage Layout Styles                                                      */
/* ------------------------------------------------------------------------------ */

body#home {
	background: #ffffff url(../img/tmp/bg-home.png) repeat-x top;
}

#home #wrapper {
        background: transparent url(../img/tmp/header-bg-home.png) no-repeat top center;
        width: 100%;
        margin: 0;
}

#home #content {
	width: 937px;
	margin: 0 auto;
	height: auto;
}

#home #header {
	height: 518px;
}

#home #footer {
	position: relative;
	top: -48px;
}

#home #main {
	min-height: 0;
	height: 446px;
	background: #e9e9e9 url(../img/tmp/content-bg-home.png) repeat-x left bottom;
	border-bottom: 1px solid #d9d9d9;
	overflow: visible;
}

#home #mainfix {
	padding: 10px;
}

#home .column {
	float: left;
	width: 272px;
	margin: 10px 14px;

	position: relative;
	top: -68px;
}

#promoslab {
	height: 267px;
	background: url(../img/tmp/footer-home.png) no-repeat center top;
}

#promoslab .content {
	padding: 94px 460px 66px 28px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: white;
}

/* ------------------------------------------------------------------------------ */
/*    Homepage Slider Styles                                                      */
/* ------------------------------------------------------------------------------ */


#slider {
	width: 873px;
	height: 340px;
	margin: 22px auto 0 auto;
	background: url(../img/tmp/slider-bg.png) repeat-x center top;
	position: relative;
}

	#slider a.arrow, #slider a.arrow:link, #slider a.arrow:visited {
		position: absolute;
		top: 94px;
		width: 25px;
		height: 68px;
		background-image: url(../img/tmp/arrow-sprite.gif);
	}

	a#goleft, a#goleft:link, a#goleft:visited { left: -45px; background-position: -25px -68px; }
	a#goleft.on, a#goleft:hover, a#goleft:active { left: -45px; background-position: 0px -68px; }
	a#goright, a#goright:link, a#goright:visited { right: -45px; background-position: -25px 0px; }
	a#goright.on, a#goright:hover, a#goright:active { right: -45px; background-position: 0px 0px; }

	#now-playing {
		position: absolute;
		left: 0pt;
		bottom: -8px;
	}

div#slidercontain {
	width: 873px;
	height: 340px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

ul#sliderview {
	list-style-type: none;
	margin: 0;
	padding: 0;

	width: 100000px;
	position: absolute;
	top: 0px; left: 0px;
}

ul#sliderview li {
	width: 873px;
	height: 340px;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}

ul#sliderview li img.banner {
	display: block;
	width: 536px;
	float: right;
	margin: 0;
}

ul#sliderview li div {
	margin-right: 536px;
	padding: 20px;
}

ul#sliderview li h4 {
	font-size: 16px;
	color: #f68428;
	font-weight: bold;
	margin: 0;
}


ul#sliderview li span {
	display: block;
	color: white;
	font-size: 12px;
	margin-bottom: 1em;
	font-weight: bold;
}

ul#sliderview li span.nav {
	display block;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	margin: 0;
}


ul#sliderview li p {
	font-size: 12px;
	line-height: 1.4em;
	color: white;
}


/* ------------------------------------------------------------------------------ */
/*    Homepage Content/Event Lists                                                */
/* ------------------------------------------------------------------------------ */

div.controls {
	text-align: right;
	margin-top: 1em;
}

div.clear {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	clear: left;
}


dl.upcoming {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

dl.upcoming dt {
	margin-bottom: 2px;
	position: relative;
	height: 60px;
	text-align: right;
}

dl.upcoming dt .date {
	position: absolute;
	top: 0px; left: 0px;
	width: 60px;
	height: 50px;
	background-color: #191919;
	color: white;
	text-align:center;
	font-size: 30px;
	font-weight: bold;
	padding: 5px 0;
}

dl.upcoming dt .date.odd {
	background-color: #fe8e35;
}

dl.upcoming dt .date span.month {
	display: block;
	font-size: 11px;
}

dl.upcoming dd {
	border-style: solid;
	border-color: #919191;
	border-width: 4px 0;
	background: white url(../img/home/star-bg.gif) no-repeat center center;
	padding: 0 16px;
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: 1.2em;
}


#news-top {
	width: 272px;	height: 22px;
	background: url(../img/home/news-top.png);
}


#news-body {
	width: 272px;
	background: url(../img/home/news-bg.png);
}

#news-bot {
	width: 272px;	height: 22px;
	background: url(../img/home/news-bot.png);
}

ul.news {
	list-style-type: none;
	margin: 0;
	padding: 1px 30px;
}

ul.news li {
	color: white;
	margin: 0;
	font-size: 1.2em;
}

ul.news li h4 {
	color: white;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

ul.news li small {
	display: block;
	color: #e7761b;
	font-style: italic;
	margin: 0.5em 0 0 0;
}

ul.news li p {
	color: white;
	line-height: 1.3em;
	margin: 0.5em 0 1em 0;
}



ul.blog {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 1em;
}

ul.blog li {
	border-bottom: 1px dotted black;
	margin-bottom: 1em;
	position: relative;
	font-size: 1.2em;
}

ul.blog li div {
	margin: 0;
	margin-left: 60px;
}

ul.blog li h4 {
	color: #e8761b;
	margin: 0;
	margin-bottom: -0.5em;
	font-size: 15px;
	font-weight: bold;
}

ul.blog li span.date {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 48px;
	height: 56px;
	background: url(../img/home/blog-date.gif);
	color: white;
	font-size: 12px;
	text-align: center;
}

ul.blog li span.date b {
	display: block;
	font-size: 30px;
	font-weight: normal;
	padding-top: 2px;
}

ul.blog li p {
	color: black;
	line-height: 1.3em;
}


#ajax-title  { display: none; }


#cal-holder {
	width: 731px;
}

#cal-top {
	width: 731px;	height: 21px;
	background: url(../img/home/cal-top.png);
}


#cal-body {
	padding: 0 21px;
	background: url(../img/home/cal-bg.png);
}

#cal-bot {
	width: 731px;	height: 21px;
	background: url(../img/home/cal-bot.png);
}

.ajax-title { display: none; }

#main {margin-bottom: 15px;}