/* ############################# */ /* CONTENT-TOP */ /* ############################# */ #content-top { width: 100%; min-width: 960px; height: 349px; background-image: url("../images/background.jpg"); } #content-top-inner { padding-top: 1px; background-image: url("../images/content_background.png"); background-repeat: repeat-y; background-position: center; } #block-quicktabs-spotlight { background-image: url("../images/spotlight_bg1.png"); background-repeat: no-repeat; background-position: center; } #quicktabs-spotlight { height: 349px; width: 100%; min-width: 960px; background-image: url("../images/spotlight_menu_bg.png"); background-repeat: repeat-x; background-position: bottom; display: block; } #quicktabs-spotlight .qt-progress-bar { margin: -209px auto 0 auto; width: 600px; color: #FFF; } #quicktabs-spotlight .quicktabs_tabs { width: 960px; height: 40px; padding-top: 309px; margin: 0 auto; } #quicktabs-spotlight .quicktabs_tabpage { margin: -309px auto 0 auto; width: 900px; } #quicktabs-spotlight .quicktabs_tabpage h3 { display: none; } #quicktabs-spotlight .item-list ul { list-style: none; margin: 0; padding: 0; } /*##### Festival Overview */ #quicktabs-spotlight .festival-overview .item-list ul li { float: left; list-style: none; width: 180px; height: auto; background: rgba(255,255,255,0.5); background-image: url("../images/spotlight_text.png"); background-repeat: repeat-x; border-radius: 12px; margin: 20px 12px 0 12px; padding: 10px; vertical-align: bottom; display: block; text-align: center; } /*##### Community Impact */ #quicktabs-spotlight .community-impact .item-list ul li { float: left; list-style: none; width: 260px; height: auto; background: rgba(255,255,255,0.5); background-image: url("../images/spotlight_text.png"); background-repeat: repeat-x; border-radius: 12px; margin: 20px 10px; padding: 10px; vertical-align: bottom; display: block; text-align: center; } /*##### Land & Conservation */ #quicktabs-spotlight .land-conservation .item-list ul li { float: left; list-style: none; width: 400px; height: auto; background: rgba(255,255,255,0.5); background-image: url("../images/spotlight_text.png"); background-repeat: repeat-x; border-radius: 12px; margin: 20px 15px; padding: 10px; vertical-align: bottom; display: block; text-align: center; } /*##### History & Background */ #quicktabs-spotlight .history-background .item-list ul li { float: left; list-style: none; width: 400px; height: auto; background: rgba(255,255,255,0.5); background-image: url("../images/spotlight_text.png"); background-repeat: repeat-x; border-radius: 12px; margin: 20px 15px; padding: 10px; vertical-align: bottom; display: block; text-align: center; } /*###### Spotlight Menu */ #quicktabs-spotlight ul.quicktabs_tabs { list-style: none; width: 880px; height: 50px; display: block; overflow: hidden; } #quicktabs-spotlight ul.quicktabs_tabs li { list-style: none; float: left; margin: 0 10px 0 -10px; padding: 0; } #quicktabs-spotlight ul.quicktabs_tabs li a:link { display: block; height: 25px; background-image: url("../images/spotlight-menu.png"); margin-top: 8px; } #quicktabs-spotlight ul.quicktabs_tabs li a span { display: none; } /* RESTING STATE, VISITED */ #quicktabs-spotlight ul.quicktabs_tabs li.qtab-0 a:link, #quicktabs-spotlight ul.quicktabs_tabs li.qtab-0 a:visited { width: 195px; background-position: 0px 0px; } #quicktabs-spotlight ul.quicktabs_tabs li.qtab-1 a:link, #quicktabs-spotlight ul.quicktabs_tabs li.qtab-1 a:visited { width: 215px; background-position: -195px 0px; } #quicktabs-spotlight ul.quicktabs_tabs li.qtab-2 a:link, #quicktabs-spotlight ul.quicktabs_tabs li.qtab-2 a:visited { width: 237px; background-position: -410px 0px; } #quicktabs-spotlight ul.quicktabs_tabs li.qtab-3 a:link, #quicktabs-spotlight ul.quicktabs_tabs li.qtab-3 a:visited { width: 233px; background-position: -647px 0px; } /* HOVER */ #quicktabs-spotlight ul.quicktabs_tabs li.qtab-0 a:hover { width: 195px; background-position: 0px 25px; } #quicktabs-spotlight ul.quicktabs_tabs li.qtab-1 a:hover { width: 215px; background-position: -195px 25px; } #quicktabs-spotlight ul.quicktabs_tabs li.qtab-2 a:hover { width: 237px; background-position: -410px 25px; } #quicktabs-spotlight ul.quicktabs_tabs li.qtab-3 a:hover { width: 233px; background-position: -647px 25px; } /* ACTIVE */ #quicktabs-spotlight ul.quicktabs_tabs li.active a:link { width: 195px; background-position: 0px 50px; } #quicktabs-spotlight ul.quicktabs_tabs li.active a#quicktabs-tab-spotlight-1:link { width: 215px; background-position: -195px 50px; } #quicktabs-spotlight ul.quicktabs_tabs li.active a#quicktabs-tab-spotlight-2:link { width: 237px; background-position: -410px 50px; } #quicktabs-spotlight ul.quicktabs_tabs li.active a#quicktabs-tab-spotlight-3:link { width: 233px; background-position: -647px 50px; }