@import url(master2.css);

#hwrapper {height:95px !important;}
#banner {width:543px; height:27px; top:30px; left:64px;}
#hlogo a {height:128px; width:128px;}
#hlogo {width:128px; height:128px; background:url("../images/n-large.png") no-repeat;   top:20px; left:53px; margin-left:-15px !important; z-index:20;}
#wrapper {clear:none;}

/* --- site navigation bar --- */
#audience {position:relative; top:-7px; left:2px; z-index:100; width:988px; height:206px; background:url("../images/audiencebg.png") no-repeat;}
#audienceNav {float:left; position:relative; top:7px; left:2px; width:220px; height:192px; }
#audienceNav ul {list-style:none; text-shadow: 1px 1px 1px #333;}
#audienceNav a {display:block; color:#fff; text-transform:uppercase; height:25px; width:220px; text-decoration:none; background:url("../images/audiencenavbg.png") no-repeat 0 0; padding-top:7px;text-indent:15px;}

#audienceNav ul li#aud1 a {background-position: left top; }
#audienceNav ul li#aud1 a:hover {background-position: right top;}
#audienceNav ul li#aud2 a {background-position: left -32px;}
#audienceNav ul li#aud2 a:hover {background-position: right -32px}
#audienceNav ul li#aud3 a {background-position: left -64px;}
#audienceNav ul li#aud3 a:hover {background-position: right -64px;}
#audienceNav ul li#aud4 a {background-position: left -96px; }
#audienceNav ul li#aud4 a:hover {background-position: right -96px}
#audienceNav ul li#aud5 a {background-position: left -128px; }
#audienceNav ul li#aud5 a:hover {background-position: right -128px; }
#audienceNav ul li#aud6 a {background-position: left bottom; }
#audienceNav ul li#aud6 a:hover {background-position: right bottom;}




/* --- promo content --- */
#promoMain {float:left; position:relative; left:2px; top:7px; width:759px; height:192px;}
#promoCarousel li a {display:block; width:253px; height:192px; text-decoration:none; background:url("../images/promos.png") no-repeat;}

#promoCarousel li a.promo-green {background-position:0px top !important;}
#promoCarousel li a:hover.promo-green {background-position:0px bottom !important;}
#promoCarousel li a.promo-lime {background-position:-253px top !important;}
#promoCarousel li a:hover.promo-lime {background-position:-253px bottom !important;}
#promoCarousel li a.promo-blue {background-position:-506px top !important;}
#promoCarousel li a:hover.promo-blue {background-position:-506px bottom !important;}
#promoCarousel li a.promo-red {background-position:-759px top !important;}
#promoCarousel li a:hover.promo-red {background-position:-759px bottom !important;}
#promoCarousel li a.promo-pink {background-position:-1012px top !important;}
#promoCarousel li a:hover.promo-pink {background-position:-1012px bottom !important;}

#promoCarousel li a .promo-text {position:relative;  top:20px; left:20px; width:215px; height:152px; text-align:center; text-shadow: 1px 1px 1px #333; color:#fff; font-size:13px;}
#promoCarousel li a .promo-text h3 {text-transform:uppercase; margin:14px auto 10px auto; font-size:18px;}

#ui-carousel-next, #ui-carousel-prev {width:16px; height:192px; background:url("../scripts/galleria/themes/classic/classic-map-light.png") no-repeat; display:block; position:absolute; top:0px; z-index:100;}
#ui-carousel-next {right:2px; background-position:-300px center; opacity:0.2;}
#ui-carousel-prev {left:2px;  background-position:0px center; opacity:0.2;}
#ui-carousel-next > span, #ui-carousel-prev > span {display:none;}	
.ui-carousel {height:100px; margin:0; overflow:auto; padding:0; position:relative; /*for ie7 to work e.g in html carousels*/ width:300px;}
.ui-carousel > .wrapper {margin:0; padding:0; width:9999px;}
.ui-carousel > .wrapper > * {border:0; display:block; float:left; height:100px; overflow:hidden; width:100px;}

/* --- featured content --- */

.homepage-video {width:100% !important; min-width:992px; position:relative; top:-56px !important;  overflow:hidden;}
.homepage-video video {width:100%; height:auto; position:relative; top:-150px;  margin-bottom:-280px;}
/*
body {background-position:center 600px;}
#wrapper {margin-top:-56px;}
*/


#features {width:960px; height:400px; margin:0 auto;}
#slides {width:960px; height:400px; position:absolute; z-index:50; margin-top:0px;}
#slides div {background-color:#000 !important;}
#slides img {position:relative; z-index:1; border:none;} 
#slides .headline, #slides .teaser {position:absolute; display:block; color:#fff; text-shadow:2px 2px 2px #333; z-index:10;}
#slides .teaser {top:175px; left:85px; font-size:65px;}
#slides .headline {top:230px; left:120px; font-size:90px;}

#slidesNav {position:absolute; top:105px; left:18px; width:200px;}
#slidesNav li a {background-image:url("../images/slidesnav-homepage.png"); width:20px; height:20px; margin:0 3px;}
#slidesNav a.activeSlide {background-position:0 -20px;}

/* --- Green Friday content --- */
.slide-img {position:absolute; z-index:500; float:left; width:960px; height:400px; text-align:center; background-color:#000; background-position:center center; background-repeat:no-repeat; background-size:960px auto; overflow:hidden;}
.slide h1.title {position:absolute; top:0; z-index:1000; text-indent:-5000px; background:url("../images/label/forevergreenfridays.png") no-repeat; width:454px; height:88px; outline:none; border:0px;}
.slide h1.title.top-right {top:5px; left:506px;}
.slide h1.title.bottom-left {top:310px; left:20px;}
.slide h1.title.bottom-right {top:310px; left:506px;}

/* --- sub content --- */
#featuresSub {width:910px; margin-left:40px;}
#featuresNews {float:left; width:295px; margin-right:25px;}
#featuresEvents {float:left; width:265px; margin-right:25px;}
#featuresExtra {float:left;  width:295px;}

#featuresSub h2 {font-size:1.5em; font-weight:normal; color:#006747; margin-bottom:15px;}
#featuresSub a {text-decoration:none;}
#featuresNews a, #featuresEvents a, #featuresSub h2 a {color:#006747;}
#featuresNews a:hover, #featuresEvents a:hover, #featuresSub h2 a:hover {color:#000 !important;}
#featuresSub p {font-size:0.85em;}
#featuresSub p a {font-size:1.2em;}
#featuresSub img {border:none;}

#featuresNews ul, #featuresEvents ul {list-style:none;}
#featuresNews li, #featuresEvents li {display:inline-block; padding:10px 0; clear:both; border-bottom:1px solid #DDD;}
#featuresNews li:first-child, #featuresEvents li:first-child {padding-top:0 !important; }
#featuresNews li img {width:60px; padding:3px; border:1px solid #DDD;}
#featuresNews .item-img, #featuresEvents .item-img {float:left;  margin:0 15px 0 0;}
#featuresEvents .item-img {text-align:center;}
#featuresNews .item-body {display:inline-block; width:205px;}
#featuresEvents .item-body {display:inline-block; width:195px;}

#featuresNews .date {color:#595959;}
#featuresNews h2 img, #featuresEvents h2 img {margin-top:-14px;}
#featuresEvents p.month {width:35px; font-size:14px; color:#595959;  text-transform:uppercase;}
#featuresEvents p.day {width:35px; clear:both; font-size:24px; color:#006747;}

#featuresExtra ul.social {list-style:none; margin-left:-8px;}
#featuresExtra ul.social li {display:inline; margin-left:6px;}


/* --- Flickr Widget --- */
#forevergreen {padding-top:15px; margin-top:15px;}
#fg-link {margin-left:5px; text-align:center;  text-shadow: 1px 1px 1px #333;}
#fg-link a {display:block; width:260px; padding:2px 4px 4px 4px; font-size:11px; color:#fff !important; text-transform:uppercase;  text-shadow:0 0 0.2em #000; background-color:#045544;}
#fg-link a:hover {background-color:#000; color:#fff !important;}

/* --- YouTube Widget --- */
#video {margin:20px 0 15px 0;}
.video-player {width:295px;}
#ytplayer0{outline:none;}
.video-controls {background:url("../images/video-bar.png") repeat-x; height:18px; margin:0; position:relative; width:295px;}
.status {height:10px; left:30px; position:absolute; top:1px; width:150px;}
.bar {background:#B6B6B6; height:5px; position:relative; top:5px;}
.loaded {background:#858585; height:5px; left:0; position:absolute; top:0;}
.indicator {background:#fff; display:block; height:5px; left:0; position:absolute; top:0; width:15px;}
.play-pause, .volume {background:url("../images/video-controls.png") no-repeat; display:block; height:11px; overflow:hidden; position:absolute; text-indent:-9999px; top:4px; width:14px; outline:none;}
.play-pause {left:5px;}
.playing {background-position:0 -11px;}
.volume {background-position:0 -22px; right:42px; outline:none;}
.muted {background-position:0 -33px;}
.view-youtube {color:#000; display:block; float:right; font-size:9px; padding:3px 5px 0 0; text-decoration:none; text-transform:uppercase; outline:none;}


/* --- partners --- */
#partners {position:relative; top:28px; left:2px; z-index:100; width:988px; height:108px; background:url("../images/partnersbg.png") no-repeat;}
#partnersNav {position:relative; top:20px; left:5px;}

#partners ul {list-style:none;}
#partners li {float:left; margin:auto 28px;}

/* IE7 Hack */
*:first-child+html #fg-link {margin-left:-15px !important;}

/* ----- RESPONSIVE CSS ----- */
@media (max-width:1180px)
{
    .homepage-video video {top:-50px; margin-bottom:-80px;}
}
@media (max-width:767px) {

    video {display:none !important;}
	.main-video {background-size: 100% auto !important; padding-top:56% !important; margin-bottom:0 !important;}
}