@charset "utf-8";
/* CSS Document */

html { height: 100%; }

html, body { width: 100%; margin: 0; padding: 0; outline: none; border: none; }

body { background: #fffce4; height: 100%; }

a:link { text-decoration: none; color: #01bbb4; }
a:hover { text-decoration: none; color: #e97a6d; }
a:visited { text-decoration: none; color: #01bbb4; }
a:visited:hover { text-decoration: none; color: #e97a6d; }

div, span { margin: 0; padding: 0; outline: none; vertical-align: baseline; border: 0; background: none; }

#container { position: relative; width: 900px; min-height: 100%; margin: 0 auto 0 auto; background: url(../images/bground.jpg); }

#home-container { width: 100%; height: 100%; }
#home-header { width: 100%; height: 145px; }
#home-title { width: 100%; height: 145px; background: url(../images/home-title.jpg) center bottom no-repeat; }
#home-middle { width: 100%; height: 530px; background: #0f688d; border-top: 2px solid #004967; border-bottom: 2px solid #004967; }
#movie { margin: 0 auto 0 auto; width: 1014px; height: 530px; }

.home-middot { font-weight: bold; color: #ea6554; }
#text-menu { width: 436px; margin: 6px auto 10px; auto; font-family: Hei, Helvetica, Arial, Verdana; font-size: 11px; text-align: center; color: #656565; }
#text-menu a:link { text-decoration: none; color: #51ccbc; }
#text-menu a:hover { text-decoration: none; color: #ea6554; }
#text-menu a:visited { text-decoration: none; color: #51ccbc; }
#text-menu a:visited:hover { text-decoration: none; color: #ea6554; }

#border-left { width: 100%; min-height: 100%; background: url(../images/border-left.jpg) left top repeat-y; }
#border-right { width: 100%; min-height: 100%; background: url(../images/border-right.jpg) right top repeat-y; }

#middle { width: 882px; min-height: 100%; margin-left: 9px; padding-bottom: 23px; }

#header { width: 100%; height: 194px; }
#header-title { display: inline-block; float: left; width: 625px; height: 182px; margin: 6px 4px 6px 6px; background: url(../images/burton-theatre-logo.jpg); }
#film-man { float: right; width: 241px; height: 182px; margin: 6px 6px 2px 0; background: url(../images/little-film-man.jpg); }

#menu { width: 870px; height: 30px; background: #FA8072; margin: 0 auto 0 auto; border-bottom: 1px solid #666; }

.content { width: 870px; min-height: 100%; margin: 8px; clear: both; font-family: Hei, Helvetica, Arial, Verdana; font-size: 12px; color: #000; }

.paragraph { width: 860px; margin-left: 8px; }
.paragraph img { margin: 14px; margin-top: 0; border: 3px solid #CCC; }
.paragraph ul { list-style-type: square; padding-left: 24px; }

#program-title { width: 834px; height: 22px; margin: 22px 0 10px 19px; font-family: Hei, Helvetica, Arial, Verdana; font-size: 18px; color: #000; background: #EFEFEF; padding: 3px; }
#program-title-left { display: inline-block; float: left; }
#program-title-right { display: inline-block; float: right; font-size: 14px; font-weight: bold; margin-top: 5px; }
.program-row { width: 842px; height: auto; margin-left: 12px; }
.program-screen { margin-top: 40px; display: inline-block; float: left; width: 215px; height: 142px; }
.program-screen img { width: 200px; height: 130px; border: none; border: 1px solid #999; }
.program-info { display: inline-block; float: left; width: 115px; height: 102px; padding-top: 40px; font-weight: bold; }
.program-synopsis { display: inline-block; float: left; width: 355px; }
.program-synopsis img { margin-bottom: 4px; display: block; }

.film-title { font-size: 30px; line-height: 30px; text-transform:uppercase;}

.program-times { display: inline-block; float: right; width: 130px; }
.program-times img { margin-bottom: 4px; display: block; border: none; }

.program-spacer { clear: both; width: 100%; height: 14px; }

.membership-row { width: 100%; clear: both; }
.membership-left { float: left; width: 225px; padding-right: 35px; text-align: right; }
.membership-right { float: left; width: 400px; padding: 17px 0 20px 0; }

.businesses { float: left; width: 205px; padding: 0 10px 10px 0; text-align: center;  }
.businesses img { border: none; vertical-align: middle; }

#footer { position: absolute; bottom:0; width: 862px; height: 23px; padding: 7px 10px 0 10px; margin-left: 9px; background: #FA8072; font-family: Hei, Helvetica, Arial, Verdana; font-size: 12px; color: #FFF; font-weight: bold; border-top: 1px solid #666; }
#footer a { text-decoration: none; color: #c0fff4; }
#footer a:hover { text-decoration: none; color: #FFF; }

/*------MENU-------*/

#menu-wrap { }

.menu-button {
	height: 30px;
	display: inline-block;
	float: left;
	margin-left: 44px;
}
div.menu-now-playing {
	float: left;
	width: 114px; 
	height: 30px;
	background: url(http://www.burtontheatre.com/lib/images/menu-now-playing.jpg) 0 -30px no-repeat;
}
div.menu-calendar {
	float: left;
	width: 101px; 
	height: 30px;
	background: url(http://www.burtontheatre.com/lib/images/menu-calendar.jpg) 0 -30px no-repeat;
}
div.menu-membership {
	float: left;
	width: 113px; 
	height: 30px;
	background: url(http://www.burtontheatre.com/lib/images/menu-membership.jpg) 0 -30px no-repeat;
}
div.menu-about {
	float: left;
	width: 90px; 
	height: 30px;
	background: url(http://www.burtontheatre.com/lib/images/menu-about.jpg) 0 -30px no-repeat;
}
div.menu-contact {
	float: left;
	width: 79px; 
	height: 30px;
	background: url(http://www.burtontheatre.com/lib/images/menu-contact.jpg) 0 -30px no-repeat;
}
div.menu-buy-tickets {
	position: absolute;
	right: 15px;
	width: 110px; 
	height: 30px;
	background: url(http://www.burtontheatre.com/lib/images/menu-buy-tickets.jpg) 0 -30px no-repeat;
}
div.menu-now-playing a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.burtontheatre.com/lib/images/menu-now-playing.jpg) top left no-repeat;
}
div.menu-calendar a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.burtontheatre.com/lib/images/menu-calendar.jpg) top left no-repeat;
}
div.menu-membership a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.burtontheatre.com/lib/images/menu-membership.jpg) top left no-repeat;
}
div.menu-about a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.burtontheatre.com/lib/images/menu-about.jpg) top left no-repeat;
}
div.menu-contact a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.burtontheatre.com/lib/images/menu-contact.jpg) top left no-repeat;
}
div.menu-buy-tickets a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url(http://www.burtontheatre.com/lib/images/menu-buy-tickets.jpg) top left no-repeat;
}
div.menu-now-playing a:hover, div.menu-membership a:hover, div.menu-calendar a:hover, div.menu-about a:hover, div.menu-contact a:hover, div.menu-buy-tickets a:hover {
	background-image: none;
}

/*-----END MENU----*/