/*
Theme Name: Clark Planetarium
Theme URI: http://clark
Author: Riester
Author URI: http://riester.com
Description: Clark Planetarium WordPress
Version: 1.0
License: 
License URI: 
Tags:
Template: twentyeleven
*/

.todo {background-color: rgba(254,87,161,0.5) !important; background-image: none !important;}


html {font-family:Verdana; font-size:10px; color:#ffffff; text-align:center; background:#000 url(assets/images/bgStar.jpg) center 0 repeat;}
body {text-align:left; background: url(assets/images/ie6/bgGalaxy.gif) center 0 no-repeat; }
.outerWrapper {margin:0 auto; width:956px;}
.wrapper {position:relative;}
a {color:#f49f38; text-decoration:none;}
h2 {color:#f49f38; font-weight:bold; font-size:17px;}

/* ==================== LUNAR PHASE ===================== */
.lunarPhase {position:absolute; right:0; width:420px; height:220px; z-index:1;}
.lunarPhase .content {position:relative; padding:70px 0 0 0; font-size:12px; line-height:20px;}
.lunarPhase .content .date {font-weight:bold;}
.lunarPhase .content .copy {letter-spacing:2px;}
.lunarPhase .content img {position:absolute; right:0px; top:30px;}

/* ========================================================= */
/* ========================================================= */
/*                     GLOBAL HEADER CSS					 */
/* ========================================================= */
/* ========================================================= */

/* ==================== HEADER ========================== */
.header {padding:30px 0 0 0;}
.header h1 {width:249px;}
.header h1 a{display:block; width:249px; height:71px; text-indent:-9999px; background-image:url(assets/images/ie6/branding.gif);}

/* ==================== HEADER .gNav ==================== */
.header .gNav {padding:20px 0 0 80px; width:175px;}
.header .gNav ul li {display:inline; float:left; padding:0 10px 7px 0;}
.header .gNav ul li.middle {background-image:url(assets/images/gNav.gif); background-repeat:no-repeat; width:62px; text-align:center;}

/* ========================================================= */
/* ========================================================= */
/*                     INDEX PAGE CSS						 */
/* ========================================================= */
/* ========================================================= */

/* ==================== TOP WRAPPER ===================== */
.topWrapper {padding:4px 0 4px 0;}

/* ===================== TOP WRAPPER .mainColumn ==================== */
.topWrapper .mainColumn {width:675px; padding:0 4px 0 0; float:left;}
.topWrapper .mainColumn .flashWrapper {width:675px; height:259px; margin-bottom: 4px; padding:0; position:relative; z-index:2;}
.topWrapper .mainColumn .showsWrapper {background:url(assets/images/bg1pxGray.png) repeat; width:675px; height:236px;}

/* ===================== TOP WRAPPER .theaters ======================= */
.topWrapper .mainColumn .showsWrapper .theaters {height:59px; background:url(assets/images/bg1pxBtmBdr.png) no-repeat bottom;}
.topWrapper .mainColumn .showsWrapper .theaters a {float:left; text-indent:-9999px; display:block;}
.topWrapper .mainColumn .showsWrapper .theaters a.btnPricing {display:block; width:166px; height:36px; background:url(assets/images/btnPricing.png) no-repeat; margin:15px 0 0 100px;}
.topWrapper .mainColumn .showsWrapper .theaters a:hover.btnPricing {background-position:0 -37px;}

/* ===================== TOP WRAPPER .showsWrapper .movies ================ */
.topWrapper .mainColumn .showsWrapper .showsCarousel {position:relative; height:165px; background:url(assets/images/bgCarousel.png) no-repeat 10px 0; margin:5px 0 0 0; overflow: hidden;}

/* Theatre Buttons */
.mainColumn a.btn-atk-imax-theatre, .mainColumn a.btn-hansen-dome-theatre, .mainColumn a.btn-cosmic-light-shows 
{background:url(assets/images/btnTheatre.png) no-repeat 0 4px; height:53px; width:80px;}
.mainColumn a.btn-atk-imax-theatre {margin:0 0 0 40px;}
.mainColumn a:hover.btn-atk-imax-theatre {background-position:0 -48px}
.mainColumn a.btn-hansen-dome-theatre {margin:0 0 0 40px; background-position:-123px 4px;}
.mainColumn a:hover.btn-hansen-dome-theatre {background-position:-123px -48px;}
.mainColumn a.btn-cosmic-light-shows {margin:0 0 0 50px; background-position:-253px 4px;}
.mainColumn a:hover.btn-cosmic-light-shows {background-position:-253px -48px;}

/* Movies */
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies {margin:10px 0 0 15px; float:left;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li {position:relative; height:155px; float:left}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.movieImage 
{display:block; width:98px; height:145px; margin:0 0 0 0;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.venue-link {z-index: 6;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li img {padding:0 0 0 8px; z-index:1; float:left;}

/* Buy Tickets Hover States */
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btn-atk-imax-theatre-trailers, .topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btn-hansen-dome-theatre-trailers, .topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btn-cosmic-light-shows-trailers
{text-indent:-9999px; display:block; width:98px; height:136px; position:absolute; top:0; left:0; margin:0 0 0 8px;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btn-atk-imax-theatre-trailers 
{background:url(assets/images/btnImaxHover.png) no-repeat 0 -136px; float:left; position:abssolute; z-index:9999;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btn-atk-imax-theatre-trailers:hover 
{background:url(assets/images/btnImaxHover.png) no-repeat;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btn-hansen-dome-theatre-trailers 
{background:url(assets/images/btnHansenHover.png) no-repeat 0 -136px;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btn-hansen-dome-theatre-trailers:hover 
{background:url(assets/images/btnHansenHover.png) no-repeat;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btn-cosmic-light-shows-trailers 
{background:url(assets/images/btnCosmicHover.png) no-repeat 0 -136px;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btn-cosmic-light-shows-trailers:hover 
{background:url(assets/images/btnCosmicHover.png) no-repeat; }

.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btnBuyTickets {background:url(assets/images/btnBuyTickets.png) no-repeat; width:74px; height:17px; text-indent:-9999px; display:block; position:absolute; bottom:2px; left:21px;}
.topWrapper .mainColumn .showsWrapper .showsCarousel .movies ul li a.btnBuyTickets:hover {background-position:0 -18px;}

/* Next - Prev Buttons */
.topWrapper .mainColumn .showsWrapper .showsCarousel a.prev, .topWrapper .mainColumn .showsWrapper .showsCarousel a.next
{background:url(assets/images/btnArrows.png) no-repeat; height:17px; width:17px; text-indent:-9999px; display:block; position:absolute; z-index:3; top:75px;}
.topWrapper .mainColumn .showsWrapper .showsCarousel a.prev {left:2px;}
.topWrapper .mainColumn .showsWrapper .showsCarousel a:hover.prev {background-position:0 -17px;}
.topWrapper .mainColumn .showsWrapper .showsCarousel a.next {background-position:-17px 0; left:653px;}
.topWrapper .mainColumn .showsWrapper .showsCarousel a:hover.next {background-position:-17px -17px;}


/* ===================== TOP WRAPPER .subColumn ===================== */
.topWrapper .subColumn {width:276px; float:left; z-index:2; position:relative;}
.topWrapper .subColumn .clarkBlog, .topWrapper .subColumn .featuredExhibit, .topWrapper .subColumn .skyTonight
{background:url(assets/images/bg1pxGray.png) repeat; width:276px; position:relative; overflow:hidden;}
.topWrapper .subColumn .clarkBlog {height:105px; margin:0 0 4px 0;}
.topWrapper .subColumn .clarkBlog a.btnReadMore {background:url(assets/images/btnReadMore.png) no-repeat; height:18px; width:96px; text-indent:-9999px; display:block; position:absolute; top:80px; left:10px;}
.topWrapper .subColumn .clarkBlog a:hover.btnReadMore {background-position:0 -19px;}
.topWrapper .subColumn .clarkBlog p {height:32px; overflow:hidden; padding:2px 10px 0;}
.topWrapper .subColumn .featuredExhibit {height:232px; margin:0 0 4px 0; position:relative;}
.topWrapper .subColumn .featuredExhibit img {height:199px; width:276px; position:absolute; top:33px; left:0px; z-index:98;}
.topWrapper .subColumn .featuredExhibit .copy {position:absolute; bottom:10px; width:256px; padding:10px; background:url(assets/images/bg1pxGray.png) repeat; z-index:99;}
.topWrapper .subColumn .skyTonight {height:154px; position:relative;}
.topWrapper .subColumn .skyTonight img {height:121px; width:276px;}
.topWrapper .subColumn .skyTonight .copy {position:absolute; top:50px; left:20px; width:236px; padding:4px;}
.topWrapper .subColumn h2 {padding:8px 10px 8px 10px;}
.topWrapper .subColumn h3 {padding:0 10px 0 10px; font-weight:bold; font-size:12px; font-style:italic;}

/* ===================== BOTTOM WRAPPER =================== */
.bottomWrapper {margin:0 0 4px 0; overflow: hidden;}
.bottomWrapper .featured-wrapper {width: 961px;}

.bottomWrapper h2 {color:#f49f38; font-weight:bold; font-size:17px; padding:8px 10px 8px 10px;}
.bottomWrapper .featured {margin-right: 5px;}
.bottomWrapper .featured, .bottomWrapper .member, .bottomWrapper .events {background:url(assets/images/bg1pxGray.png) repeat; overflow:hidden; width:475px; height:182px; float:left;}

.bottomWrapper .contentWrapper {position:relative;}
.bottomWrapper .contentWrapper p, .bottomWrapper .contentWrapper .image, .bottomWrapper .contentWrapper .copy {float:left; margin:0 0 0 10px; width:280px; height:139px; overflow:hidden;}

.bottomWrapper .contentWrapper p, .bottomWrapper .contentWrapper .copy {width:160px; height:112px; overflow:hidden; line-height:11px;}
.bottomWrapper .contentWrapper a.btnJoinToday, .bottomWrapper .contentWrapper a.btnBookEvent {width:115px; height:26px; display:block; float:left; position:absolute; top:115px; left:346px; text-indent:-9999px;}
.bottomWrapper .contentWrapper a.btnJoinToday {background:url(assets/images/btnJoinToday.png) no-repeat;}
.bottomWrapper .contentWrapper a.btnBookEvent {background:url(assets/images/btnBookEvent.png) no-repeat;}
.bottomWrapper .contentWrapper a:hover.btnJoinToday, .bottomWrapper .contentWrapper a:hover.btnBookEvent {background-position:0 -26px;}

/* ========================================================= */
/* ========================================================= */
/*                  THREE COLUMN LAYOUT CSS					 */
/* ========================================================= */
/* ========================================================= */
.threeColumnWrapper {z-index:1; position:relative; margin:4px 0; font-size:11px; line-height:14px; background:url(assets/images/bg_3column.png) repeat-y;}
.threeColumnWrapper .subColumn {width:237px; float:left;}
.threeColumnWrapper .subColumn h2 {padding:0 0 10px 0;}
.threeColumnWrapper .mainColumn {width:472px; height:773px; float:left; z-index:5; }
.threeColumnWrapper .alertCallout {width:712px; float:left;height:40px;}

/* .nowShowing */
.threeColumnWrapper .subColumn .nowShowing {}
.threeColumnWrapper .subColumn .nowShowing h2 {padding:20px 10px 10px 10px;}
.threeColumnWrapper .subColumn .nowShowing ul li {margin:0;}
.threeColumnWrapper .subColumn .nowShowing .showTimesCarousel {width:237px; position:relative; height:295px; overflow:hidden;}
.threeColumnWrapper .subColumn .nowShowing .showTimeContainer {width:1160px; margin:0 0 0 -460px;}
.threeColumnWrapper .subColumn .nowShowing .content {height:300px; overflow-x:hidden;}
.threeColumnWrapper .subColumn .nowShowing .navigation {text-align:center;}
.threeColumnWrapper .subColumn .nowShowing .navigation ul {padding-left:18px;}
.threeColumnWrapper .subColumn .nowShowing .navigation ul li {display:inline; float:left; padding:0 5px;}
.threeColumnWrapper .subColumn .nowShowing .date {padding:5px 0 5px 14px; font-size:9px; font-weight:bold;}
.threeColumnWrapper .subColumn .nowShowing .showTimes {width:687px;}
.threeColumnWrapper .subColumn .nowShowing .showTimes:hover {cursor:w-resize;}

.threeColumnWrapper .subColumn .ticketPrices, .threeColumnWrapper .subColumn .galaEvents, .threeColumnWrapper .subColumn .members, .subColumn .selectDate 
{padding:10px;}

.subColumn .selectDate, .threeColumnWrapper .subColumn .galaEvents, .threeColumnWrapper .subColumn .members
{margin:4px 0 0 0; border-top:4px solid #000;}
.threeColumnWrapper .subColumn .nowShowing {height:497px;}
.subColumn .selectDate {height:330px; position:relative;}
.subColumn .ticketPrices, .threeColumnWrapper .subColumn .galaEvents, .threeColumnWrapper .subColumn .members
{width: 218px;}
.threeColumnWrapper .subColumn .ticketPrices {padding:0; width:238px; height:264px;}
.threeColumnWrapper .subColumn .ticketPrices h2 {padding:0 15px 10px;}
.subColumn .ticketPrices ul li {margin:5px 0 0 15px;}
.threeColumnWrapper .subColumn .galaEvents {height:208px;}
.threeColumnWrapper .subColumn .members {height:213px;}


/* .nowShowing */
.ui-accordion .ui-accordion-header .ui-icon {left:0.5em; margin-top:-8px; position:absolute; top:50%;}
.ui-state-default .ui-icon {background-image:url(images/ui-icons_888888_256x240.png);}
.ui-state-active .ui-icon {background-image:url(images/ui-icons_454545_256x240.png);}
.ui-icon-triangle-1-s {background-position:-64px -16px;}
.ui-icon {background-image:url(images/ui-icons_222222_256x240.png); height:16px; width:16px;}
.ui-icon {background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-99999px;}
.ui-icon-triangle-1-e {background-position:-32px -16px;}
.threeColumnWrapper .subColumn .nowShowing p.theatre {padding:0 0 10px 10px;}

/* .mainColumn */
.threeColumnWrapper .alertCallout {margin:0 0 0 6px; background:url(assets/images/bgAlertCallout.jpg) no-repeat; height:78px; font-weight:bold; font-size:14px;}
.threeColumnWrapper .alertCallout .copy {position:absolute; right:20px; text-align:left; top:20px; width:330px; height: 44px; overflow: hidden;}

.threeColumnWrapper .mainColumn {margin:0 4px;}
.threeColumnWrapper .mainColumn .flashWrapper {}

/* .information */
.threeColumnWrapper .mainColumn .information {height:454px; position:relative; height:465px; padding:10px;}
.threeColumnWrapper .mainColumn .information h2 {padding-top:8px;}
.threeColumnWrapper .mainColumn .information p {margin:0 0 20px 0;}
.threeColumnWrapper .mainColumn .information .image 
{float:left; width:209px; height:311px; overflow:hidden; margin:20px 20px 20px 0px;}
.threeColumnWrapper .mainColumn .information .copy {float:left; width:213px; margin:20px 10px 0 0;}
.threeColumnWrapper .mainColumn .information .copy .length {font-style:italic;}

/* .galaEvent */
.threeColumnWrapper .subColumn .galaEvents h2 {padding-bottom:5px;}
.threeColumnWrapper .subColumn .galaEvents h3 {color:#F49F38; font-size:13px; padding:0 0 10px 0;}

/* BUTTONS */
a.btnBuyTicketsNow {display:block; width:164px; height:29px; margin:20px 0 20px 25px; background:url(assets/images/btnBuyTicketsNow.png) no-repeat; text-indent:-9999px;}
a:hover.btnBuyTicketsNow {background-position:0 -29px;}
.threeColumnWrapper a.btnAttendEvent {display:block; width:132px; height:20px; margin:10px 0 0 88px; background:url(assets/images/btnAttendEvent.png) no-repeat; text-indent:-9999px;}
.threeColumnWrapper a:hover.btnAttendEvent {background-position:0 -20px;}
.threeColumnWrapper a.btnBecomeMember {display:block; width:224px; height:20px; margin:4px 0 0 0; background:url(assets/images/btnBecomeMember.png) no-repeat; text-indent:-9999px;}
.threeColumnWrapper a:hover.btnBecomeMember {background-position:0 -20px;}

.threeColumnWrapper a.btn-atk-imax-theatre, .threeColumnWrapper a.btn-hansen-dome-theatre, .threeColumnWrapper a.btn-cosmic-light-shows {background:url(assets/images/btnTheatres.png) no-repeat; height:35px; width:236px; display:block; text-indent:-9999px;}
.threeColumnWrapper a.btn-hansen-dome-theatre {background-position:0 -35px;}
.threeColumnWrapper a.btn-cosmic-light-shows {background-position:0 -70px;}

.schedule a.btnBuyTickets-atk-imax-theatre, .schedule a.btnBuyTickets-hansen-dome-theatre, .schedule a.btnBuyTickets-cosmic-light-shows {background:url(assets/images/btnBuyTicketsNow2.png) no-repeat; width:290px; height:27px; display:block; text-indent:-9999px; position:absolute; left:246px; top:-4px;}
.schedule a:hover.btnBuyTickets-atk-imax-theatre {background-position: 0 -27px;}
.schedule a.btnBuyTickets-hansen-dome-theatre {background-position: 0 -54px;}
.schedule a:hover.btnBuyTickets-hansen-dome-theatre {background-position: 0 -81px;}
.schedule a.btnBuyTickets-cosmic-light-shows {background-position: 0 -108px;}
.schedule a:hover.btnBuyTickets-cosmic-light-shows {background-position: 0 -135px;}

/* ========================================================= */
/* ========================================================= */
/*                     Show Times							 */
/* ========================================================= */
/* ========================================================= */
.scheduleWrapper {margin:4px 0 0 0; background:url(assets/images/bg1pxGray.png) repeat; border-bottom:4px solid #000; position:relative; z-index:2;}
.scheduleWrapper .schedulesWrapper {width:713px; float:left;}

.scheduleWrapper .schedulesWrapper .schedule {border-bottom:4px solid #000; border-right:4px solid #000; padding:10px 13px;}
.scheduleWrapper .schedulesWrapper .schedule .information {position:relative; margin:35px 0 10px 0;}
.scheduleWrapper .schedulesWrapper .schedule .information .date {width:200px; margin-top:5px; font-weight:bold;}
.scheduleWrapper .subColumn {width:237px; float:left; padding:0 0 0 5px; z-index:2; position:relative;}
.scheduleWrapper .subColumn .ticketPrices {padding:10px 0 30px 0; width:243px; border-bottom:5px solid #000;}
.scheduleWrapper .subColumn h2 {padding:0 0 10px 15px;}
.scheduleWrapper .subColumn .selectDate {background:none;}
.title-atk-imax-theatre, .title-hansen-dome-theatre, .title-cosmic-light-shows {background:url(assets/images/bgTheatreTitles.png) no-repeat; width:202px; height:10px;}
.title-atk-imax-theatre {}
.title-hansen-dome-theatre {background-position:0 -11px;}
.title-cosmic-light-shows {background-position: 0 -22px;}

.scheduleWrapper .subColumn .ticketPrices h2 {background:url(assets/images/bgTicketPrices.png) no-repeat 35px 20px; padding-bottom:70px;}
.scheduleWrapper .wrap {float:left; width:708px;}
.ticketPrices h3 {padding:0 20px;}
.ticketPrices h4 {background-color:#272a30; padding:10px 20px; position:relative; margin:0;}
.ticketPrices ul {margin:10px 0; padding:0 15px 0 0;}
.ticketPrices ul li {list-style:none;}
.ticketPrices p {padding:10px 15px 0 15px;}
.ticketPrices span.special {color:#F49F38;}
.ticketPrices ul li a {}

/* .showTimes */
.showTimes {position:relative;}
.showTimes .showTimeBlockOut {position:absolute; background:#000; border:1px solid #fff; height:39px; width:60px; left:307px; top:18px; color:#F49F38; text-align:center; padding: 0; z-index:3;}
.showTimes ul {background:url(assets/images/bgShowTimesTitle.png) no-repeat; padding-top:18px;}
.showTimes ul li.movie {background:url(assets/images/bgShowTimesMovie.png) no-repeat; height:20px; line-height:20px; color:#F49F38; font-weight:bold; padding:0 0 0 5px; position:relative; z-index: 10;}
.showTimes ul li.movie a { z-index: 10; background: transparent url(assets/images/bg1pxGray.png) repeat scroll 0 0; }
.showTimes ul li.movie .movieLength {position:absolute; left:607px; top:0px; text-align:right; width:80px;}
.showTimes ul li.time {background:url(assets/images/bgShowTimes.png) no-repeat; height:15px; position:relative;}
.showTimes ul li.time .times {float:left;position:absolute;}
.showTimes ul li.time .times .length {background:#F49F38; width:38px; display:block; height:13px; position:absolute; margin:1px 0 0 0; z-index:1;}
.showTimes ul li.time .times .hour {margin-left:0px; z-index:2; position:absolute;}
.scheduleWrapper .schedulesWrapper .schedule .showTimes ul li.time .times .hour {margin-top:2px;}

/* New Show Time Accordian Stuff */
.showTimeWrapper {padding:0 0 10px 10px;}
.showTimeWrapper ul li {padding:0 0 10px 0;}
.showTimeWrapper ul li a {font-weight:bold;}

.scheduleWrapper .events {float:left; padding:30px 13px 10px 13px; width:683px; border-right:4px solid #000; min-height:280px;}
.scheduleWrapper .events h2 {background:url(assets/images/bgPlanetariumEvents.png) no-repeat; text-indent:-9999px; font-size:12px;}
.scheduleWrapper .events h3.date {padding:4px 0 6px 0;}
.scheduleWrapper .events .event {padding:0 0 10px 0;}
.scheduleWrapper .events .event .copy {font-size:12px; line-height:14px;}
.scheduleWrapper .events .event .copy h3 {color:#F49F38;}
.scheduleWrapper .events .event .image {width:163px; height:96px; float:left; padding:4px 10px 4px 0;}
.scheduleWrapper .events .event a.information {text-decoration:underline;}


/* ========================================================= */
/* ========================================================= */
/*                     GENERAL PAGE CSS 					 */
/* ========================================================= */
/* ========================================================= */
.twoColumnRight {margin:4px 0 4px 0; background:url(assets/images/bgTwoColumnLeft.png) repeat-y; z-index:1; position:relative; line-height:16px;}
.twoColumnRight .mainColumn {float:left; width:673px; padding:20px; font-size:12px;}
.twoColumnRight .mainColumn p,.twoColumnRight .mainColumn ul, .oneColumn .mainColumn p, .oneColumn .mainColumn ul {margin:0 0 15px 0;}
.oneColumn .mainColumn .shows ul {border-bottom:1px dotted;}
.twoColumnRight .mainColumn h2, .oneColumn .mainColumn h2 {font-size:15px; margin:0 0 30px 0;}
.twoColumnRight .mainColumn h3, .oneColumn .mainColumn h3 {font-weight:normal; margin:0 0 15px 0;}
.twoColumnRight .mainColumn a, .oneColumn .mainColumn a {text-decoration:underline;}
.twoColumnRight .subColumn {float:left; width:236px; margin:0 0 0 6px;}

.oneColumn .mainColumn {background:url(assets/images/bg1pxGray.png) repeat; z-index:1; line-height:16px; font-size:12px; padding:20px; margin:4px 0 4px 0; position:relative;}
.heroHeader {width:100%; margin:4px 0 4px 0; z-index:1; position:relative; background:url(assets/images/bg1pxGray.png) repeat; overflow: hidden; padding:0 0 10px 0;}
.heroHeader h2 {}
.heroHeader .copy {float:left; width:400px; padding:20px 0 0 40px; font-size:12px; line-height:16px;}
.heroHeader .copy h3 {font-size:12px; color:#F49F38; padding:0 0 10px 0;}
.heroHeader a.btnPricing {display:block; width:166px; height:36px; background:url(assets/images/btnPricing.png) no-repeat; text-indent:-9999px;}
.heroHeader a.btnPricing:hover {background-position:0 -37px;}

.twoColumnLeft.general #categories {float:left; width:216px;}
.twoColumnLeft.general .mainColumn {margin:0 0 0 4px; padding:10px; width:696px; line-height:15px;}
.twoColumnLeft.general .mainColumn h1.generalInformation {background:url(assets/images/titleGeneralInformation.png) no-repeat; width:278px; height:15px; text-indent:-9999px;}
.twoColumnLeft.general .mainColumn h1.education {background:url(assets/images/titleEducation.png) no-repeat; width:278px; height:15px; text-indent:-9999px;}
.twoColumnLeft.general .mainColumn h2 {padding:10px 0 10px 0; font-size:12px;}
.twoColumnLeft.general .mainColumn p img {padding:0 15px 0px 0; float:left; text-align:right;}
.twoColumnLeft.general .mainColumn ul.links {padding:40px 0 40px 120px; float:left;}
.twoColumnLeft.general .mainColumn ul.links a {color:#fff; font-weight:bold; font-size:14px; line-height:20px; background:url(assets/images/dot2.jpg) no-repeat 0 6px; padding:0 0 0 15px;}
.twoColumnLeft.general .mainColumn ul.links a:hover {color:#F49F38;}
.twoColumnLeft.general .mainColumn .googleMapLocation {width:338px; height:338px; float:left; border:1px solid #000;}
.twoColumnLeft.general .mainColumn .googleMapLocation img {width:338px; height:338px;}
.twoColumnLeft.general .mainColumn .info {float:left; width:318px; padding:0 0 0 20px;}
.twoColumnLeft.general .mainColumn  #map_canvas {width:338px!important; height:338px!important; color:#000;}
.twoColumnLeft.general .mainColumn .copy {float:left; padding:10px 0 0 0;}
.twoColumnLeft.general .mainColumn .copy p {padding:0 0 10px 0;}

/* ========================================================= */
/* ========================================================= */
/*                     EXHIBITS PAGE CSS 					 */
/* ========================================================= */
/* ========================================================= */
.oneColumn .mainColumn .events {height:456px; overflow:hidden; width:897px; position:relative;}
.oneColumn .mainColumn .events p {margin-bottom:0px;}
.main_image {width: 598px; height: 456px; float: left; background: #333; position: relative; overflow: hidden; color: #fff; border-right:1px solid #F49F38;}
.main_image h2 {font-weight: bold; margin: 0px!important; padding: 10px 0 0 10px;}
.main_image p {padding: 10px; margin: 0;}
.main_image .block small {margin-left: 10px;}
.main_image .desc{position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.main_image .block{width: 100%; background: #111; border-top: 1px solid #000;}
.main_image .collapse {background:#111111 none repeat scroll 0 0; height: 20px; width: 93px; position: absolute; top: -27px; right: 20px; text-align:center; padding:6px 0 0 0; cursor:pointer; border:1px solid #333; border-bottom:none;}
.main_image .show {background-position: left bottom;}

.oneColumn .mainColumn .events .eventTabs {float: left; width: 298px; position:relative;}
.oneColumn .mainColumn .events .eventTabs img {border: 1px solid #ccc; padding: 5px; background: #fff; float: left;}
.oneColumn .mainColumn .events .eventTabs ul {margin: 0; padding: 0; list-style: none;}
.oneColumn .mainColumn .events .eventTabs ul li{margin: 0; padding: 12px 10px; background: #111; opacity:0.89; width: 279px; float: left; border-bottom: 1px solid #000; border-right: 1px solid #000; height:54px;}
.oneColumn .mainColumn .events .eventTabs ul li.hover {background:url(assets/images/bgEventsTab.jpg) repeat-x; cursor: pointer; opacity:1;}
.oneColumn .mainColumn .events .eventTabs ul li.active {cursor: default; background:url(assets/images/bgEventsTab.jpg) repeat-x; opacity:1;}
.oneColumn .mainColumn .events .eventTabs ul li h2 {font-size: 14px; margin: 5px 0; padding: 0; color:#F49F38;}
.oneColumn .mainColumn .events .eventTabs ul li.active h2, .oneColumn .mainColumn .events .eventTabs ul li.hover h2 {color:#fff;}
.oneColumn .mainColumn .events .eventTabs ul li .block {float: left; margin-left: 10px; padding: 0; width: 170px;}
.oneColumn .mainColumn .events .eventTabs ul li p{display: none;}

.oneColumn .mainColumn img.prev {position:absolute; right:12px; cursor:pointer;}
.oneColumn .mainColumn img.next {position:absolute; top:502px; right:12px; cursor:pointer;}

/* ========================================================= */
/* ========================================================= */
/*                     SHOWS AND EXHIBITS CSS 				 */
/* ========================================================= */
/* ========================================================= */
.heroHeader h2.showsExhibits {background:url(assets/images/hdrShowsExhibits.jpg) no-repeat; height:243px; text-indent:-9999px;}
.oneColumn .mainColumn .shows {width:465px; float:left;}
.oneColumn .mainColumn .shows .theatre {width:150px; float:left;}
.oneColumn .mainColumn .shows .theatre a {text-indent:-9999px; display:block; margin-left: 0;}
.mainColumn .shows a.btnImax, .mainColumn .shows a.btnHansen, .mainColumn .shows a.btnCosmicLight {margin:0px;}
.oneColumn .mainColumn .shows .movies {width:300px; float:left;}
.oneColumn .mainColumn .shows h2 {background:url(assets/images/hdrShows.png) no-repeat; margin:0 0 0 150px; text-indent:-9999px; height:20px; padding:0 0 20px 0;}
.oneColumn .mainColumn .shows h3 {margin:0 0 10px 0; color:#fff; font-weight:bold; font-size:12px;}
.oneColumn .mainColumn .shows h3 span.rated {font-size:12px; font-weight:normal; padding:0 0 0 10px;}
.oneColumn .mainColumn .exhibits {width:420px; float:left; padding:0 0 0 30px;}
.oneColumn .mainColumn .exhibits h2 {background:url(assets/images/hdrFreeExhibits.png) no-repeat; margin:0; text-indent:-9999px; height:20px; padding:0 0 20px 0;}
.oneColumn .mainColumn .exhibits ul li {background:url(assets/images/listDot.png) no-repeat 0 5px; padding:0 0 0 15px; margin:0 0 10px 0; text-transform: uppercase;}
.oneColumn .mainColumn .exhibits ul li a {color:#fff; text-decoration:none; font-weight:bold; font-size:12px;}
.oneColumn .mainColumn .exhibits ul li a:hover {color:#F49F38;}

.oneColumn .mainColumn .shows a.btnBuyTickets {background:url(assets/images/btnBuyTickets.png) no-repeat; width:74px; height:17px; text-indent:-9999px; display:block; float:left; margin:0 0 0 10px;}
.oneColumn .mainColumn .shows a:hover.btnBuyTickets {background-position:0 -18px;}
.oneColumn .mainColumn .shows  a.btnViewTrailer {background:url(assets/images/btnViewTrailer.png) no-repeat; width:74px; height:17px; text-indent:-9999px; display:block; float:left; margin:0 0 10px 0;}
.oneColumn .mainColumn .shows  a:hover.btnViewTrailer {background-position:0 -18px;}

/* Slider */
.heroSlider .btnNext {left:196px; padding:10px 4px 10px 2px!important;}
.heroSlider .btnPrev {left:-3px; padding:10px 2px 10px 2px!important;}
.heroSlider .btnPrev, .heroSlider .btnNext {position:absolute; bottom:0px; display:block; z-index:9999; background:#000;}
.heroSlider .btnPrev a, .heroSlider .btnNext a {color:#fff; display:block; border:1px solid #fff; padding:2px 4px;}
.heroSlider .btnPrev:hover a, .heroSlider .btnNext:hover a {color:#F49F38; background:#fff; color:#F49F38;}
.heroSlider a.pause, .heroSlider a.play {position:absolute; top:210px; left:278px; z-index:9999; display:none;}
.heroSlider a.pause img, .heroSlider a.play img {width:20px; height:20px; top:1px!important;}
.heroSlider .thumbsWrapper {position:absolute; /*bottom:0px;*/ bottom: 10px; left:49px; height:30px; width:152px!important; background:#000; padding:10px 0 0 0; float:left;}
.heroSlider .thumb, .heroSlider .btnNext, .heroSlider .btnPrev {margin:0 0 0 5px; font-size:14px; font-weight:bold; background:#000; cursor:pointer; float:left;}
.heroSlider .thumb {border:1px solid #fff; padding:2px 4px;}
.heroSlider .thumb:hover {background:#fff; color:#F49F38;}
.heroSlider .thumb:focus {background:#fff;}


/* ========================================================= */
/* ========================================================= */
/*                     PLANET FUN STORE CSS 				 */
/* ========================================================= */
/* ========================================================= */

.heroHeader h2.planetFun {background:url(assets/images/bgPlanetFunHeader.png) no-repeat; height:235px; text-indent:-9999px; margin:0 0 0 135px; padding:0 0 20px 0;}
.twoColumnLeft {margin:4px 0 4px 0; z-index:1; position:relative; background:url(assets/images/bgFaux.png) repeat-y; font-size:12px;}
.twoColumnLeft h1 {color:#f49f38; font-weight:bold; font-size:16px; padding:0 0 10px 0;}
.twoColumnLeft h2 {color:#f49f38; font-weight:bold; font-size:14px; padding:0 0 10px 0;}
.twoColumnLeft #categories h2 {width:220px; padding:10px 0 0 0;}
.twoColumnLeft ul.categories {float:left; width:220px; color:#fff; padding:15px 0 0 0;}
.twoColumnLeft ul.categories a {color:#fff;}
.twoColumnLeft #categories {padding:0 10px; margin:0 0 20px 0;}
.twoColumnLeft #categories ul.categories li a{color:#fff; display:block; line-height: 1.35; margin-bottom: 2px; padding: 6px 14px 6px 0;}
.twoColumnLeft #categories ul.categories li a:hover, .twoColumnLeft #categories ul.categories li.ui-tabs-selected a, .twoColumnLeft #categories .categories li.current-cat a {background:#F49F38; color:#fff; padding-left: 10px; font-weight:bold; cursor:hand; cursor:pointer;}

.twoColumnLeft .mainColumn {float:left; width: 682px; padding:0 15px 15px 15px; margin:-10px 0 0 4px;}
.twoColumnLeft .mainColumn .flashWrapper {background:url(assets/images/flash.jpg) no-repeat; width:682px; height:259px; padding:0 0 4px 0;}
.twoColumnLeft .mainColumn .productWrapper {margin:0 0 25px 0;}
.twoColumnLeft .mainColumn .productWrapper h3 {background:#f49f38; color:#000; padding:4px; text-transform:uppercase; font-weight:bold; margin:0 0 25px 0;}
.twoColumnLeft .mainColumn .productWrapper h3 {background:#000; color:#fff; padding:4px 4px 4px 138px; text-transform:uppercase; font-weight:bold; margin:40px 0 25px -8px; width:572px; border-bottom:2px dotted #F49F38; border-top:2px dotted #F49F38; position:relative;}
.twoColumnLeft .mainColumn .productWrapper .productTitle {width:100%; position:relative; min-height:30px;}
.twoColumnLeft .mainColumn .productWrapper .productTitle p {padding-left: 145px;}
.twoColumnLeft .mainColumn .productWrapper .productTitle .image {position:absolute; top:-70px; left:20px;}
.twoColumnLeft .mainColumn .productWrapper .productTitle .image img {width:100px;}
.twoColumnLeft .mainColumn .productWrapper .productTitle .copy {padding:0px 20px 0px 130px; width:530px; line-height:20px;}
.twoColumnLeft .mainColumn .productWrapper .productTitle .viewProducts {float:left; width:200px; color:#F49F38; font-weight:bold; position:absolute; top:115px; right:0px; text-align:right;}

.twoColumnLeft .mainColumn .productWrapper .product {width:200px; height:250px; float:left; margin:20px 0 12px 20px; border:1px solid #f49f38; overflow:hidden; position:relative;}
.twoColumnLeft .mainColumn .productWrapper .product h3 {margin:0; background:#f49f38; color:#FFF; padding:4px; text-transform:uppercase; font-weight:bold; width:192px; border:none;}
.twoColumnLeft .mainColumn .productWrapper .product h4 {margin:0 0 5px 0; font-size:12px; color:#F49F38;}
.twoColumnLeft .mainColumn .productWrapper .product img {width:200px;}
.twoColumnLeft .mainColumn .productWrapper .product .copy {padding:5px; font-size:10px; line-height:12px; position:absolute; background:#111111; top:142px; left:0px; width:190px;}
.twoColumnLeft .mainColumn .productWrapper .product .copy .readMore, .twoColumnLeft .mainColumn .productWrapper .product .copy .readLess  {position:absolute; top:0; right:0; padding:2px; background:#F49F38; cursor: pointer; cursor: hand;}

/* ========================================================= */
/* ========================================================= */
/*                         IMAX CSS     					 */
/* ========================================================= */
/* ========================================================= */
.heroHeader h2.atk-imax-theatre, .heroHeader h2.hansen-dome-theatre, .heroHeader h2.cosmic-light-shows {height:110px; width:163px; text-indent:-9999px;}
.heroHeader .logo {float:left; width:200px; margin:0px 0 10px 82px;}
.heroHeader h2.atk-imax-theatre {background:url(assets/images/hdrIMAX.png) no-repeat; margin:10px 0 0 0; height:100px;}
.heroHeader h2.hansen-dome-theatre {background:url(assets/images/hdrHansenDome.png) no-repeat;}
.heroHeader h2.cosmic-light-shows {background:url(assets/images/hdrCosmicLightShow.png) no-repeat;}
.oneColumn .mainColumn .showWrapper {float:left; width:260px; position:relative; margin:0 45px 40px 0;}
.oneColumn .mainColumn h1 {color:#f49f38; font-weight:bold; font-size:16px; padding: 0;}
.oneColumn .mainColumn .showWrapper h2 {margin:0 0 10px 0; color:#fff;}
.oneColumn .mainColumn .showWrapper h2 a {text-decoration: none; color:#fff;}
.oneColumn .mainColumn .showWrapper h2 a:hover {color:#F49F38;}
.oneColumn .mainColumn .showWrapper span.time {font-style:italic;}
.oneColumn .mainColumn .showWrapper span.times {}
.oneColumn .mainColumn .showWrapper .image {float:left;}
.oneColumn .mainColumn .showWrapper .image a img {width:98px; height:146px;}
.oneColumn .mainColumn .showWrapper .copy {float:left; padding:0 0 0 10px; width:150px;}
.oneColumn .mainColumn .showWrapper .showButtons {position:absolute; bottom:0; left:110px;}
.oneColumn .mainColumn .showWrapper .showButtons a.btnBuyTickets {background:url(assets/images/btnBuyTickets.png) no-repeat; width:74px; height:17px; text-indent:-9999px; display:block;}
.oneColumn .mainColumn .showWrapper .showButtons a:hover.btnBuyTickets {background-position:0 -18px;}
.oneColumn .mainColumn .showWrapper .showButtons a.btnViewTrailer {background:url(assets/images/btnViewTrailer.png) no-repeat; width:74px; height:17px; text-indent:-9999px; display:block; margin:0 0 10px 0;}
.oneColumn .mainColumn .showWrapper .showButtons a:hover.btnViewTrailer {background-position:0 -18px;}

/* ========================================================= */
/* ========================================================= */
/*                       SKEYWATCH CSS	  					 */
/* ========================================================= */
/* ========================================================= */
.mainColumn .information {padding:0 0 20px 0;}
.mainColumn .information .filters label {width:60px; float:left;}
.mainColumn .information .filters .limit label {width:40px; float:left;}
.mainColumn .information .filters .sort, .mainColumn .information .filters .limit{float:left;}
.mainColumn .information .filters .limit {padding:0 5px 0 20px;}
.mainColumn .information .filters .sort, .mainColumn .information .filters .phrase, .mainColumn .information .filters .from, .mainColumn .information .filters .to {padding:0 0 10px 0;}
.mainColumn .searchButton input {background:url(assets/images/btnFind.png) no-repeat; height:17px; width:66px; margin:0 0 0 60px; border:none;}
.mainColumn .searchButton input:hover {background-position:0 -18px;}
.mainColumn .information .filters {float:left; width:420px; padding:10px 0;}
.mainColumn .information .key {float:left; width:200px; background:#ccc;}
.mainColumn .information .filters .phrase input {width:204px;}
.mainColumn table.NightSkyCalendar {width:100%;}
.mainColumn table.NightSkyCalendar tr td {padding:4px;}
.mainColumn table.NightSkyCalendar tr.fields td{color:#F49F38; font-weight:bold; font-size:14px; border-bottom:1px solid #f49f38;}
.mainColumn table.NightSkyCalendar tr.bottom {height:62px;}
.mainColumn table.NightSkyCalendar tr.bottom td{border-bottom:1px solid #f49f38;}
.mainColumn table.NightSkyCalendar tr td.eclipse-solar-lunar {background:url(assets/images/icons/eclipse.png) no-repeat 0 10px;; width:45px; height:47px;}
.mainColumn table.NightSkyCalendar tr td.meteor-showers {background:url(assets/images/icons/meteor.png) no-repeat 0 10px;; width:45px; height:47px;}
.mainColumn table.NightSkyCalendar tr td.night-sky-moon-phases {background:url(assets/images/icons/moon.png) no-repeat 0 10px;; width:45px; height:47px;}
.mainColumn table.NightSkyCalendar tr td.planet-viewing {background:url(assets/images/icons/planet.png) no-repeat 0 10px;; width:45px; height:47px;}
.mainColumn table.NightSkyCalendar tr td.equinox-solstice-crossquarter {background:url(assets/images/icons/solstice.png) no-repeat 0 10px;; width:45px; height:47px;}
.mainColumn table.NightSkyCalendar tr td.space-station-passes {background:url(assets/images/icons/station.png) no-repeat 0 10px;; width:45px; height:47px;}
.mainColumn table.NightSkyCalendar tr td p {margin-bottom: 15px;}
.mainColumn table.NightSkyCalendar tr td p:last-child {margin-bottom: 0;}

/* ========================================================= */
/* ========================================================= */
/*                       CONTACT US CSS	  					 */
/* ========================================================= */
/* ========================================================= */
h3.error {font-size:10px; color:#ff0000; padding: 0; margin: 0;}
.contactUs .inputFields {padding:0 0 10px 0;}
.contactUs .inputFields label {width:100px; float:left;}
.contactUs .inputFields input, .contactUs .inputFields textarea {width:200px; float:left;}
.contactUs button {margin:0 0 0 100px;}

.contactUs {width: 525px;}

.gform_wrapper .gfield_required, .gfield_required {color: #ff0000 !important;}
.gform_wrapper .validation_error {background-color: #FFDFDF; border: 1px solid #C89797; padding: 12px;}
.gform_wrapper .gfield_error .ginput_complex label {color: #000 !important;}

/* ========================================================= */
/* ========================================================= */
/*                       Support  CSS	  					 */
/* ========================================================= */
/* ========================================================= */
#donatePage { 

}

#donatePage #donateTitle { 
display: block;
width: 369px;
height: 27px;
background-image: url(/wp-content/themes/clark-planatarium/assets/images/txt-support-planet.png);
margin-bottom: 10px;
}

#donatePage #donateHero { 
display: block;
width: 664px;
height: 138px;
background-image: url(/wp-content/themes/clark-planatarium/assets/images/hero-support.png);
margin-bottom: 10px;
}

#donatePage #donateSubHead { 
display: block;
width: 680px;
height: 14px;
background-image: url(/wp-content/themes/clark-planatarium/assets/images/txt-additional-ways.png);
margin-bottom: 10px;
}

#donatePage #supportList { 
list-style-type: none;
margin-bottom: 20px;
}

#donatePage #supportList li { 
float: left;
width: 270px;
margin: 0px 0px 10px 30px;
}

#donatePage #supportList li.full { 
width: 600px;
clear: both;
margin-top: 10px; 
}


#donatePage #supportList li span { 
color: #F49F38;
font-style:italic;
font-weight:bold;
}

#donatePage .donate { 
margin: 20px 0px;
}

#donatePage .centered { 
text-align: center;
clear: both;
}

#donatePage .floatLeft { 
float: left;
}

#donatePage .padBtm { 
margin-bottom: 10px;
}

#donateBtn { 
display: block;
width: 365px;
height: 47px;
background: url('assets/images/General_Info/support/donate-button.png') 0px 0px;
}

#donateButton:hover { 
background: url('assets/images/General_Info/support/donate-button.png') 0px 0px;
}

.demo #datepicker {
	padding-top: 15px;
	text-align: center;
}

.demo #datepicker .ui-datepicker {
	margin: 0 auto;
}


/* ========================================================= */
/* ========================================================= */
/*                     GLOBAL FOOTER CSS					 */
/* ========================================================= */
/* ========================================================= */
.footer {padding-bottom: 25px; text-align:center;}
.footer h3 {font-weight:normal; letter-spacing:1px; font-size:10px; text-transform:uppercase; color:#f49f38; padding:0 0 10px 0;}
.footer .footerWrapper {margin:0 0 8px 0; text-align:left;}
.footer .footerWrapper .lookingFor, .footer .footerWrapper .iamaCallout, .footer .footerWrapper .mostVisitedPages, .footer .footerWrapper div.newsletter {background:url(assets/images/bg1pxGray.png) repeat; height: 104px; float:left; padding:10px 8px; overflow:hidden;}
.footer .footerWrapper .lookingFor {width:135px; margin:0 4px 0 0;}
.footer .footerWrapper .iamaCallout {width:119px; margin:0 4px 0 0;}
.footer .footerWrapper .mostVisitedPages {width:316px; margin:0 4px 0 0;}
.footer .footerWrapper .mostVisitedPages ul {float:left; margin:0 10px 0 0; width:148px;}
.footer .footerWrapper .lookingFor ul, .footer .footerWrapper .iamaCallout ul, .footer .footerWrapper .mostVisitedPages ul {line-height:13px;}
.footer .footerWrapper .lookingFor ul li, .footer .footerWrapper .iamaCallout ul li, .footer .footerWrapper .mostVisitedPages ul li{background:url(assets/images/dot.png) no-repeat 0 6px; padding:0 0 0 10px;}
.footer .footerWrapper .lookingFor ul li a, .footer .footerWrapper .iamaCallout ul li a, .footer .footerWrapper .mostVisitedPages ul li a {text-decoration:none; color:#fbfbfb;}
.footer .footerWrapper .lookingFor ul li a:hover, .footer .footerWrapper .iamaCallout ul li a:hover, .footer .footerWrapper .mostVisitedPages ul li a:hover {text-decoration:underline; color:#F49F38;}

/* ===================== FOOTER .newsletter =================== */
.footer .footerWrapper div.newsletter {width:309px;}
.footer .footerWrapper div.newsletter input.newsletter {background-color:#f49f38; border:none; height:16px; width:187px; float:left; color:#fff;}
.footer .footerWrapper div.newsletter .btnNewsletter {background:url(assets/images/btnNewsletter.png) no-repeat; display:block; height:20px; width:75px; text-indent:-9999px; float:left; margin:0 0 0 10px; border:none;}
.footer .footerWrapper div.newsletter .btnNewsletter:hover {background-position:0 -19px;}
.footer .footerWrapper div.newsletter .cm_ajax_loading {float: left; margin: 3px 0 0 10px;}
.footer .footerWrapper div.newsletter p {clear: left; height: 18px; padding-top: 3px;}
.footer .footerWrapper div.newsletter ul {float:left; padding: 7px 0 0 0;}
.footer .footerWrapper div.newsletter ul li {display:inline; float:left; color:#F49F38; padding:0 0 0 15px;}
.footer .footerWrapper div.newsletter ul li:first-child {padding: 0px;}
.footer .footerWrapper div.newsletter ul li a.btnFaceBook,
.footer .footerWrapper div.newsletter ul li a.btnYouTube,
.footer .footerWrapper div.newsletter ul li a.btnTwitter,
.footer .footerWrapper div.newsletter ul li a.btnGooglePlus,
.footer .footerWrapper div.newsletter ul li a.btnFlickr {display:block; width:30px; height:30px; background:url(assets/images/btnSocial.png) no-repeat; text-indent:-9999px;}
.footer .footerWrapper div.newsletter ul li a:hover.btnFaceBook 	{background-position:0 -30px;}
.footer .footerWrapper div.newsletter ul li a.btnYouTube 			{background-position:-47px 0;}
.footer .footerWrapper div.newsletter ul li a:hover.btnYouTube 		{background-position:-47px -30px;}
.footer .footerWrapper div.newsletter ul li a.btnTwitter 			{background-position:-95px 0;}
.footer .footerWrapper div.newsletter ul li a:hover.btnTwitter 		{background-position:-95px -30px;}
.footer .footerWrapper div.newsletter ul li a.btnFlickr 			{background-position:-142px 0;}
.footer .footerWrapper div.newsletter ul li a:hover.btnFlickr 		{background-position:-142px -30px;}
.footer .footerWrapper div.newsletter ul li a.btnGooglePlus			{background-position:-188px 0;}
.footer .footerWrapper div.newsletter ul li a:hover.btnGooglePlus 	{background-position:-188px -30px;}

/* ===================== MODAL ============================== */
.jqmWindow {display: none; position: fixed; top: 17%; left: 50%; margin-left: -295px; width: 590px;}
.jqmOverlay { background-color: #000; }
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
* html .jqmWindow {position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}

.modal {position:relative; background:url(assets/images/modal.jpg) no-repeat; width:590px; height:412px;}
.modal .close {position:absolute; top:1px; right:1px; width:60px; height:26px; display:block; text-indent:-9999px; outline-style:none;}
.modal .message {font-size:24px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:150px 110px 0; text-align:center;}
.modal .link {position:absolute; bottom:62px; width:100%; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
.modal .link a {color:#F49F38; text-decoration:none;}