/* Stylesheet - New Pixelsilk Site */
html, body, div, span, applet, object, iframe,
p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; outline:0; vertical-align:baseline; background:transparent;}

:focus {outline:none;}


html {height:100%; background-color:#1f1f1e;}
body {font:16px Garamond, Arial, Helvetica, sans-serif; color:#000;}
body.pixelsilk {text-align:center; min-width:1028px; border:0; background:#f5f1ee;}

p {margin:0 0 0.75em 0;}
a img {border:0;}
hr {height:1px; color:#000; background-color:#000; border:0;}
object {outline:none;}
sub {font-size:10px; vertical-align:sub;}
sup {font-size:10px; vertical-align:super;}

.spriteTheme {background-image:url('/bendfilm-sprite-theme.png'); background-repeat:no-repeat;}
.spriteHorz {background-image:url('/bendfilm-sprite-horz.png'); background-repeat:repeat-x;}

a:link, a:visited {color:#ee6b22; text-decoration:underline; outline:none;}
a:active, a:hover, a:focus {color:#000; text-decoration:underline; outline:none;}
a[name] {color:#000; text-decoration:none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0 0 5px 0; font-weight:bold; color:#000;}
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h5 {font-size:14px;}

header, footer, section, nav, article {display:block;}

/* Image alignment/spacing classes */
img.alignleft {margin:5px 20px 20px 0; float:left;}
img.alignright {margin:5px 0 20px 20px; float:right;}

.inner {position:relative; z-index:1; width:1028px; margin:0 auto; text-align:left;}

/* Header styles */
#header {position:relative; z-index:100; height:145px; background:#1f1e1c url(/nav-filmstrip-bg.png) repeat-x center bottom;}
.logo {position:absolute; left:30px; top:20px; z-index:10;}
.headTexture {position:absolute; top:0; left:177px; z-index:5; width:284px; height:145px; background-position:0 -110px;}

ul.headLinks {position:absolute; top:10px; right:20px; z-index:1; margin:0; padding:0; list-style:none; line-height:12px;}
ul.headLinks li {margin:0; padding:0; display:inline-block; border-right:solid 1px #fff;}
ul.headLinks li.last {border-right:0;}
ul.headLinks li:last-child {border-right:0;}
ul.headLinks a, ul.headLinks a:link, ul.headLinks a:visited {color:#e57325; font-size:12px; padding:0 5px;}
ul.headLinks li:last-child a {color:#01b2f8;}
ul.headLinks li.last a, ul.headLinks li.last a:link, ul.headLinks li.last a:visited {color:#01b2f8;}

/* Search box/form */
#search {position:absolute; right:30px; top:60px; z-index:1; width:213px; height:19px;}
.txtSearch {position:absolute; left:0; top:0; z-index:1; width:181px; margin:0; padding:0 5px; height:19px; font-size:9px; color:#000; line-height:19px; border:0; background-color:#fff;}
.btnSearch {position:absolute; left:194px; top:0; z-index:1; width:19px; height:19px; border:solid 0px #fff; background-color:transparent; background-position:-80px 0;}
.submit input{}

/* Menu Styles */
#nav {
  position:absolute;
  bottom:0;
  left:0;
  z-index:1000;
  margin:0;
  padding:0;
  text-align:center;
  list-style:none;
  width:100%;
  line-height:45px;
  height:45px;
}

#nav ul {position:relative; z-index:1000; width:1028px; height:45px; margin:0 auto; padding:0; list-style:none; text-align:right;}
#nav li {/*position:relative; z-index:1000; */color:#fff;}
#nav > ul > li {display:inline-block; margin:0; position:relative; z-index:1000;}

#nav li a, #nav li a:link, #nav li a:visited {display:block; color:#fff; font-size:16px; text-decoration:none; padding:0 10px; text-transform:uppercase;}
#nav>ul>li.over>a, #nav>ul>li.over>a:link, #nav>ul>li.over>a:visited, #nav>ul>li.current>a, #nav>ul>li>a:active, #nav>ul>li>a:hover, #nav>ul>li>a:focus {}

/* Sub Navigation */
#nav ul ul {text-align:left; display:none; list-style:none; padding:0; line-height:18px; position:absolute; top:45px; left:0; z-index:1000; width:250px; height:auto; border:0; background-color:#231F20; opacity:0.95;}
#nav ul ul li {z-index:1050; border-bottom:solid 1px #fff;}
#nav ul ul li:last-child {border-bottom:0px;}
#nav ul ul li a, #nav ul ul li a:link, #nav ul ul li a:visited {padding:5px 15px; display:block;}
#nav ul ul li a:active, #nav ul ul li a:hover, #nav ul ul li a:focus {background-color:#000;}
#nav ul ul ul {margin:0; top:0; left:250px;}
#nav ul ul ul ul {z-index:1100;}
#nav ul ul ul ul ul {z-index:1200;}

span.menu-sub-indicator {float:right; display:block; line-height:20px; width:9px; height:100%; margin:0 2px 0 10px;}

/* Main content area styles */
#contentArea {position:relative; z-index:1; margin:0 auto; padding:0; width:1026px; min-height:100px; text-align:left; border-left:solid 1px #fff; border-right:solid 1px #fff; background-color:#fff;}
.columnShadow {position:absolute; top:0; left:0; z-index:1; width:100%; height:46px;}

#mainContent {position:relative; z-index:5; float:left; display:block; width:745px; min-height:100px; margin:0 0 0 15px; padding:15px 0;}
body.home #mainContent {width:490px; margin:0 15px;}
#column1 {position:relative; z-index:5; float:left; display:block; width:200px; min-height:100px; margin:0 25px; padding:15px 0;}
#column3 {position:relative; z-index:5; float:left; display:block; width:250px; min-height:100px; padding:15px 0;}
body.home #column1, body.home #column3 {padding:0;}

/* Gallery styles */
#galleryMainImg{width:490px;}
#galleryMainImg img {width:490px;}
.galleryImgBox{width:130px; height:200px; margin:20px 0 0px 0; float:left;}
.galleryImgSml img {width:100px;}
.galleryTxt{font-size:11px; width:100px;}

/* Slideshow Styles */
#slides {position:relative; z-index:1; width:1028px; height:247px; margin:0 auto; padding:3px 0 7px; background-color:#fff;}

/* Homepage-specific styles */
#slideShow {position:absolute; top:0; left:0; z-index:1; width:644px; height:247px; margin:3px 2px; padding:0;}
#slideShow ul {position:relative; z-index:1; margin:0; padding:0; list-style:none; width:644px; height:247px; overflow:hidden;}
#slideShow ul li {}
#pager {position:absolute; bottom:15px; right:20px; z-index:30; height:17px; line-height:15px; padding:3px 25px; background-color:rgba(0,0,0,0.5); border-radius:5px;}
#pager a, #pager a:link, #pager a:visited {color:#fff; font-size:14px; margin:0 2px; padding:0 5px; display:inline-block; text-decoration:none; border:solid 1px transparent;}
#pager a.activeSlide {border:solid 1px #96a2a2;}
#pager .pagerItem {position:absolute; top:6px; z-index:1; display:block; width:6px; height:11px; margin:0 5px; cursor:pointer;}
#pager .slidePrev {left:5px; z-index:1; background-position:-100px 0;}
#pager .slideNext {right:5px; z-index:1; background-position:-107px 0;}

#homeCTA1 {position:absolute; top:3px; left:652px; width:373px; height:74px; background-color:#e57426;}
#homeCTA2 {position:absolute; top:83px; left:652px; width:373px; height:167px; background-color:#00adef;}
#homeCTA1 img, #homeCTA2 img {margin:0 !important;}

#eventReels {}
#eventReels h2 {position:relative; z-index:1; width:205px; height:59px; margin:20px 0 30px -25px; padding:0 0 0 20px; color:#231f20; font-size:48px; text-align:left; text-transform:uppercase; letter-spacing:-1px; background-position:-78px -27px;}
#eventReels h2 span {position:absolute; bottom:-20px; right:70px; z-index:1; font-size:25px; display:block; text-align:right;}
#eventReels h2 span.icon {position:absolute; top:-16px; right:-20px; z-index:1; width:78px; height:106px; display:block; background-position:0 0;}
#eventReels ul {margin:0; padding:0; list-style:none;}
#eventReels li {font-size:14px;}
#eventReels h3 {font-size:14px; font-weight:normal; margin:0 0 15px;}
#eventReels a, #eventReels a:link, #eventReels a:visited {}

#getConnected {}
#getConnected h2 {position:relative; z-index:1; width:195px; height:59px; margin:20px 0 30px; padding:0 0 0 55px; color:#231f20; font-size:48px; text-align:left; text-transform:uppercase; letter-spacing:-1px; background-position:-78px -27px;}
#getConnected h2 span {position:absolute; bottom:-20px; left:15px; z-index:1; font-size:25px; display:block; text-align:right;}
#getConnected .social {position:absolute; top:20px !important; right:0; z-index:1; display:block;}
#getConnected .socialLink {display:inline-block; width:26px; height:27px; margin:0 0 0 4px;}
#getConnected .socialLink.facebook {background-position:-136px 0;}
#getConnected .socialLink.twitter {background-position:-163px 0;}
#getConnected .socialLink.blog {background-position:-191px 0;}

.homeNewsFeed {margin:0; padding:0; list-style:none;}
.homeNewsFeed li {margin:0 0 10px;}

/* Subpage styles */
#breadcrumbs {margin:5px 0 0 19px; font-size:10px;}
#breadcrumbs a {font-size:10px; color:#000;}
#breadcrumbs .separator {padding:0 3px; font-size:12px;}

/* Generic List Section Styles */
.listItems {margin:0; padding:0; list-style:none;}
.listItems .item {display:block; clear:both; padding:10px 0; border-bottom:solid 1px #ddd;}
.listItems .item:last-child {border-bottom:0px;}
.listItems .listItemImage {float:left; display:inline; margin:0 10px 10px 0;}

/* Footer styles */
#footer {min-height:115px; background-color:#010101; background-position:0 -46px;}

#sponsorsList {margin:0 40px 0 80px; padding:10px 0;}
#sponsorsList h3 {color:#b4b4ae; margin:0 0 0 -80px; displa:block; text-align:left;}
#sponsorsList a, #sponsorsList a:link, #sponsorsList a:visited {display:inline-block;}
#sponsorsList a img {vertical-align:middle; margin:5px 10px;}
#sponsorsList a img[width='135'], #sponsorsList a img[width='100'] {margin:0;}

#smartzLink, #smartzLink:link, #smartzLink:visited {float:right; font-size:10px; text-decoration:none; color:#f0ead9; line-height:40px; display:block; text-decoration:none;}
#smartzLink img {vertical-align:middle;}

#postFooter {height:40px; line-height:40px; background-color:#1f1f1e;}
#postFooter p {margin:0 0 0 5px; padding:0; color:#f0ead9; font-size:12px;}
#postFooter ul {float:right; margin:13px 60px 0 0; padding:0; list-style:none; line-height:10px;}
#postFooter li {color:#fff; font-size:10px; display:inline-block; border-right:solid 1px #fff;}
#postFooter li:last-child {border-right:0;}
#postFooter li.last {border-right:0;}
#postFooter li a {color:#b86c04; font-size:10px; text-transform:uppercase; padding:0 3px;}

/* Newsletter form styles */
#newsletter{margin:15px 0;}
#newsletter h3{margin:0 0 5px; 0; font-size:14px;}

/* General form styles */
.slideShowForm label, .aform label {
  display:block;
  margin-top:10px;
}
.slideShowForm input, .slideShowForm select{
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  width:189px;
}
.aform input, .aform select{
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  width:217px;
  margin:0px;
}
.emailField input{
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  width:150px;
}
.emailField{
  width:164px;
  float:left;
  margin-top:1px;
  * margin-top:0px;
}
.slideShowForm .submit{width:100px; margin-top:20px;}
.aform input.submit{width:68px; padding:4px; height:32px;}
.homeSlidesSize input{width:100px;}
.editForm div {clear:both; margin:0 0 10px 0;}
.editForm label {display:inline-block; margin:0 10px 0 0; width:33%;}
.editForm span {display:inline-block; width:60%; vertical-align:top;}
.editForm span input[type=text] {width:60%;}
.required {font-weight:bold;}
.editForm span > p {display:block; width:49%; float:left; line-height:normal; margin:0 0 7px 0; padding:0; white-space:nowrap;}
.editForm textarea {width:100%; height:150px;}
.editForm fieldset {clear:both; float:left; margin:0 0 10px 0; width:100%; height:300px; border:1px #ccc solid;}
.editForm fieldset .inner {padding:5px 10px 0 10px; height:273px; overflow:auto;}
.editForm legend {margin:0 0 0 10px;}
.editForm .radioGroup span {display:block; width:60px; float:left; line-height:normal; margin:0; padding:0;}
.ImageBtn input{width:100px;}

/* Misc form field styles */
.width100 > input {width:100px;}
.width150 > input {width:150px;}
.width200 > input {width:200px;}
.width300 > input {width:300px;}

/* General List Item styles */
.listItem {clear:both; margin:0 0 20px 0;}
.listItemImage {float:left; margin:0 15px 15px 0;}
#listItemImage {float:left; margin:0 20px 15px 0;}

/* Article styles */
.articleItem {clear:both; margin:0 0 20px 0;}
.articleItemTitle {margin:0 0 5px 0;}
.articleItemDate {font-style:italic;}
.articleItemImage {float:left; margin:0 15px 15px 0;}
.articleItemBody {}
#articleDate {margin:0 0 15px 0; font-style:italic;}
#articleImage {float:left; margin:0 20px 15px 0;}

/* Staff styles */
.staffItem {float:left; margin:0 40px 30px 0; width:40%;}
.staffImage {float:left; margin:0 20px 20px 0;}
.staffItemName {font-weight:bold;}
.staffItemTitle {font-style:italic;}
#staffDetailImage {float:left; margin:0 20px 20px 0;}
#staffDetailBody {}
#staffName {}
#staffJobTitle {}

/* Slideshow styles */
#sectionImage{
  height:215px;
  overflow-x:hidden;
  overflow-y:hidden;
  width:935px;
}
#sectionImage img{margin:0px !important;} 

/* Photo gallery styles */
#photoLargeImage {position:relative; width:665px; height:500px; text-align:center;}
#photoLargeImage img {margin:0 auto;}
#photoItems {margin:20px 0 10px 0;}
.photoItem {float:left; margin:0 15px 15px 0; width:110px; cursor:pointer; position:relative; text-align:center;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}

#photoImageTitle {position:relative; height:24px;}
#photoImageDescription {position:relative; height:35px;}
.photoItemTitle {display:none;}
.photoItemDescription {display:none;}

.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position:center 33%;}

/* Basic events styles */
.eventList {}
.eventListItems {}
.eventListItems h2 a {}
.eventItemDate {}
.eventItemLocation {}
#eventDetail {}
#eventDetail h1 {}
#eventDetailDate {}
#eventDuration {}

/* Event calendar styles */
.calendarList {}
.calendarListItems {float:left; width:231px;}
.calendarListItems h2 a {font-size:16px;}
#caledarDetail {}
#caledarDetail h1 {}
#calendarDetailDate {}
#calendarImage {float:right; margin:0 0 10px 20px;}
.calendarPicker {float:left; display:inline; margin:0 0 0 20px; width:285px} /* Flash calendar */

/* Pagination */
.pagination {display:block; margin:0; text-align:right;}
.pagination ul {list-style:none; margin:0; padding:0;}
.pagination ul li {margin:0; padding:0; font-size:10px; display:inline;}
.pagination ul li a, .pagination ul li a:link, .pagination ul li a:visited {font-size:10px; padding:0 3px; line-height:18px; text-decoration:none;}
.pagination ul li a:hover, .pagination ul li a:active {font-size:10px; padding:0 3px; line-height:18px; text-decoration:none; font-weight:bold;}
.pagination ul li.current {margin:0; padding:0 3px; font-size:10px; display:inline; line-height:18px; font-weight:bold;}

.pagination ul li.previous a, .pagination ul li.previous a:link, .pagination ul li.previous a:visited {font-family:Tahoma, Geneva, sans-serif; font-size:16px; padding:0 5px 0 0; line-height:18px; text-decoration:none;}
.pagination ul li.previous a:hover, .pagination ul li.previous a:active {font-family:Tahoma, Geneva, sans-serif; font-size:16px; padding:0 5px 0 0; line-height:18px; text-decoration:none; font-weight:bold;}

.pagination ul li.next a, .pagination ul li.next a:link, .pagination ul li.next a:visited {font-family:Tahoma, Geneva, sans-serif; font-size:16px; padding:0 0 0 5px; line-height:18px; text-decoration:none;}
.pagination ul li.next a:hover, .pagination ul li.next a:active {font-family:Tahoma, Geneva, sans-serif; font-size:16px; padding:0 0 0 5px; line-height:18px; text-decoration:none; font-weight:bold;}
#homePaginator{position:absolute; right:15px; bottom:15px; z-index:999; color:#fff;}
#homePaginatorUl{margin:0px; padding:0px; float:left;}
#homePaginatorUl a{margin:0px 4px; text-decoration:none; padding:0 4px; float:left; font-size:14px; color:#fff;}
.homePaginatorArrows{float:left; width:6px; height:11px; display:block;}
.homePaginatorArrows img{margin-top:3px;}
.activeSlide{border:1px solid #fff;}

/* Misc styles */
.clear {clear:both; float:none !important; }
.hidden {display:none;}
.divAddControl {margin:25px 0 0 0;}
.divEditDeleteControls {margin:25px 0 0 0;}
.errorMsg, .error {color:#cc0000;}
.alignRight {text-align:right;}

/* Film Listing Styles */

#filmListing {width:100%;}
#filmListing td {padding:5px;}


label.error {margin:0 0 0 5px; color:#cc0000;}
#cse-search-results iframe {width:600px;}??
