/* --------------------------------------- */
/* Title:      Lake Taupo Header styles */
/* Author:     mattn@cabbagetree.co.nz */
/* Copyright:  2010, Cabbage Tree Creative Ltd. All rights resevered. */
/* --------------------------------------- */

/* Home page slideshow */
#carousel li {
	background:white;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#carousel li.active {
    z-index:10;
}
#carousel li.last-active {
    z-index:9;
}

#banner #leftarrow {
	background-image:url(/custom/templates/page/home/images/arrow-back-light.png);
	background-repeat:no-repeat;
	position:absolute;
	top:140px;
	left:-35px;
	width:35px;
	height:70px;
}
#banner #leftarrow:hover {
	background-image:url(/custom/templates/page/home/images/arrow-back.png);
}
#banner #rightarrow {
	background-image:url(/custom/templates/page/home/images/arrow-next-light.png);
	background-repeat:no-repeat;
	position:absolute;
	top:140px;
	left:982px;
	width:35px;
	height:70px;
}
#banner #rightarrow:hover {
	background-image:url(/custom/templates/page/home/images/arrow-next.png);
}

#banner{ width:982px; height:372px; position:relative;}
	#carousel-image-overlay{
		width:208px; height:320px;
		position:absolute; top:2px; left:260px;
		z-index:15;
	}
	ul#carousel{
		list-style:none; margin:0; padding:2px 0; 
		position:absolute; top:0; left:0;
		z-index:10;
	}
		ul#carousel li{ width:982px; height:320px; padding:0; overflow:hidden;}
			ul#carousel li .carousel-text{
				width:243px; height:320px;
				float:left;
				position:relative;
				padding:25px 18px 0 18px;
				overflow:hidden;
				z-index:-10;
			}
				ul#carousel li .carousel-text p{
				max-height:40px;
				overflow:hidden;
			}
			
				.link-overlay{ display:none;}
					li.active .link-overlay{ 
						width:243px; height:320px; padding:48px 18px 0 18px;
						display:block; z-index:100;
						position:absolute; top:0; left:0; z-index:200;
						outline:none;
					}
					li a.link-overlay:hover{ text-decoration:none;}
					
					li a.link-overlay:focus { -moz-outline-style: none;}

				.carousel-text h3{ font-size:24px; line-height:24px; font-weight:bold; text-transform:lowercase;}
					#fam-tab h3{ color:#1b718e;}
					#hik-tab h3{ color:#009193;}
					#adv-tab h3{ color:#00a075;}
					#boa-tab h3{ color:#4bba76;}
					#the-tab h3{ color:#ffc336;}
					#mou-tab h3{ color:#f5740c;}
					#hid-tab h3{ color:#be1e2d;}
					#rug-tab h3{ color:#b38e63;}					
				.blogger{ text-transform:uppercase; font-size:12px; color:#939392;}
					.blogger span{
						width:68px; height:12px; color:#FFF;
						text-align:center; font-size:12px; line-height:12px;
						padding:5px 10px; margin:0 10px 0 0;
						text-transform:none;
					}
					#hik-tab .blogger span{background-color:#009193;}
					#adv-tab .blogger span{background-color:#00a075;}
					#fam-tab .blogger span{background-color:#1b718e;}
					#boa-tab .blogger span{background-color:#4bba76;}
					#hid-tab .blogger span{background-color:#be1e2d;}
					#mou-tab .blogger span{background-color:#f5740c;}
					#the-tab .blogger span{background-color:#fec336;}
					#rug-tab .blogger span{background-color:#b38e63;}
				.blogger-image{
					width:244px; height:200px;
					margin:10px 0 0 0;
					position:absolute; bottom:10px; left:18px;
					z-index:-20;
					background-repeat:no-repeat;
				}
					.speech-bubble{
						width:90px; height:90px;
						background-repeat:no-repeat;
						background-position:top left;
						position:absolute; bottom:100px; right:6px; z-index:120;
						text-indent:-999em; font-size:0px; line-height:0px;
					}
						#fam-tab .speech-bubble{ background-image:url(/custom/templates/page/shared/images/Header/Speech%20Bubbles/speech-bubble-darkBlue.jpg);}
						#hik-tab .speech-bubble{ background-image:url(/custom/templates/page/shared/images/Header/Speech%20Bubbles/speech-bubble-lightBlue.jpg);}
						#adv-tab .speech-bubble{ background-image:url(/custom/templates/page/shared/images/Header/Speech%20Bubbles/speech-bubble-darkGreen.jpg);}
						#boa-tab .speech-bubble{ background-image:url(/custom/templates/page/shared/images/Header/Speech%20Bubbles/speech-bubble-lightGreen.jpg);}
						#the-tab .speech-bubble{ background-image:url(/custom/templates/page/shared/images/Header/Speech%20Bubbles/speech-bubble-yellow.jpg);}
						#mou-tab .speech-bubble{ background-image:url(/custom/templates/page/shared/images/Header/Speech%20Bubbles/speech-bubble-orange.jpg);}
						#hid-tab .speech-bubble{ background-image:url(/custom/templates/page/shared/images/Header/Speech%20Bubbles/speech-bubble-red.jpg);}
						#rug-tab .speech-bubble{ background-image:url(/custom/templates/page/shared/images/Header/Speech%20Bubbles/speech-bubble-brown.jpg);}
			ul#carousel li .carousel-image{ width:703px; height:320px; float:left; padding:2px 0 0 0;}
	ul#carouselTabs{
		width:982px; 
		clear:both; list-style:none; 
		margin:0; padding:0;		
		position:absolute; top:324px; left:2px;
		z-index:10;
		/*background-image:url(/custom/templates/page/shared/images/Header/header-links-bg.png); background-repeat:no-repeat; background-position:top left;*/
	}
		ul#carouselTabs li{
			width:auto; height:53px;
			display:block; float:left;
			border:2px solid #fff; border-width:0 2px 0 0;
			background-color:#fff;
		}
			ul#carouselTabs li.last{ border-width:0;}
			
			ul#carouselTabs li.activeTab {opacity:0.6; filter:alpha(opacity=80)};