*
{
	padding:0;
	margin:0;
	border:0;
}

html
{
	overflow:hidden;
	font-family: helvetica, arial;
}

body
{
	background:#333;
	height:100%; /* very important for ie6 */
}

h1, h2, h3
{
	text-transform:uppercase;
}

/*
 *  CUSTOM LIGHTBOX
 */

.right
{
    float:right !important;   
}

.postit, .sep { /* invisible semantic headers - using off left technique */
	margin: 0 !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: -10000px;
}
div#overlay, div#overlayTextured, div#homePromoOverlay
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow-y: scroll;
    display:none;
    
}

div#overlay div
{
    width:1024px;
    height:100%;
    margin:0 auto 0 auto;
    background:#333;
}

div#overlayTextured div, 
{
    width:1024px;
    height:100%;
    margin:0 auto 0 auto;
    background: url(/assets/css/img/overlayTexture.gif);
}
div#homePromoOverlay #homePromoInner, div#homePromoOverlay .homePromoOverlayBody
{
    width:1024px;
    height:100%;
    margin:0 auto 0 auto;
}
div#homePromoOverlay #homePromoInner
{
    background: url(/assets/css/img/overlayTexture.gif);
    position:relative;
}
div#homePromoOverlay #homePromoArea
{
    position:absolute;
    top:95px;
    left:103px; 
    height:460px;   
    width:818px;
}
div#overlayContent
{
    position:absolute;
    overflow:auto;
    height:100%;
    width:100%;
    overflow-y: scroll;
    overflow-x:hidden;
    top:0;
    left:0;
    display:none;
    margin:0;
    padding:0;
    z-index:100;
}

div#overlayContent div
{
    margin:0 auto;
}

div#overlayContent div.overlayTop
{
    background:transparent url(../images/Overlay/overlay_bg_top_white.gif) no-repeat center top;
    height:31px;
    margin:150px auto 0 auto;
}


div#overlayContent div.overlayBody, div#overlayContent div.homePromoOverlayBody
{
    margin:0 auto;
    display:block;
    padding-bottom:100px;
    
}

div.overlayBody p.close
{
    display:block;
    width:100%;
    text-align:right;
    background:white;
    height:80px;
}
#homePromoOverlay p.close
{
    background:#151515;
    display:block;
    width:100%;
    text-align:right;
    height:80px;
}
div.overlayBody p.close a, div.homePromoOverlayBody p.close a
{
    width:auto;
    height:auto;
    padding-bottom:33px;
    display:block;
    background:transparent url(../images/Overlay/overlay_button_close_white.gif) no-repeat center bottom;
    font-family:Georgia;
    font-style:italic;
    color:#000;
    float:right;
    margin: 15px 40px 0 0;
    clear:both;
}
#homePromoOverlay p.homePromoClose a
{
    width:auto;
    height:auto;
    padding-bottom:33px;
    display:block;
    font-family:Georgia;
    font-style:italic;
    float:right;
    margin: 15px 19px 5px 0;
    clear:both;
    background:transparent url(../images/Overlay/overlay_button_close.gif) no-repeat center bottom;
    color:#ffffff;
}
div.overlayBody div, div.homePromoOverlayBody div
{
    margin:0 auto 0 auto;
    background:white;
}
#homePromoArea
{
    background:#151515;   
}
#homePromoContentMask
{
    width:778px;
    height:369px;
    position:relative;
    overflow:none;
    clear:both;
}
#homePromoContentMask #homePromoNav
{
    bottom:20px;
    left:20px;
    position:absolute;
    display:inline;  
    z-index:20;
}
#homePromoContentMask #homePromoNav a{
	text-decoration:none;
	background: #ff9c00;
	width:20px;
	height:20px;
	display:block;
	float: left;
	text-align: center;
	text-indent:0;
}
#homePromoContentMask #homePromoNav .hpPrev a, #homePromoContentMask #homePromoNav .hpNext a, #homePromoContentMask #homePromoNav .current a{
	background: none;
}
#homePromoContentMask #homePromoNav a:link, #homePromoContentMask #homePromoNav a:visited, #homePromoContentMask #homePromoNav a:hover, #homePromoContentMask #homePromoNav a:active{
	color:#ffffff;
}
#homePromoContentMask #homePromoNav a:hover, #homePromoContentMask #homePromoNav a:active
{
    background:none;   
}
#homePromoContentMask #homePromoNav li{
	display:block;
	float:left;
	margin-right: 4px;
	font-weight: bold; 
	height:auto;
	width:auto;
	line-height:20px;
}
#homePromoContentMask .homePromoItem
{
    height:100%;
    color:#ffffff;
}
.homePromoItem .slant
{
    height:100%;
    background: url(/assets/images/temp/homePromoSlant.png) 0 0 no-repeat;
    padding-left:19px;
}
.homePromoItem h3
{
    font-size:47px;
    width:370px;
    padding:41px 0 15px 0;
    letter-spacing:-4px;
    line-height:1em;
}
.homePromoItem p
{
    width:362px;   
    margin-bottom:28px;
    font-family:georgia;
    font-size:14px;
}
.homePromoItem a
{
    text-transform:uppercase;
    text-decoration:none;
    padding:3px 10px 4px 3px;
    font-weight:bold;
}
.homePromoItem a:link, .homePromoItem a:visited
{
    background-color:#fff;
    color:#ff9c00;
}
.homePromoItem a:hover, .homePromoItem a:active
{
    background-color:#ff9c00;
    color:#fff;
}

.pdtCarousel
{
    position:relative;
    left:124px;
    top:60px;
}
.carJs
{
    position:absolute;   
}
#the-space .pdtCarousel
{
    background:#fff   
}
#artCar.loading
{
    background:#fff url(/assets/images/Loading_EN.gif) no-repeat center 125px;   
}
#posCar.loading
{
    background:url(/assets/images/Loading_EN.gif) no-repeat center 125px; 
}
#artCar.firstLoading 
{
    background:#fff url(/assets/images/Loading_EN.gif) no-repeat center center;   
}
#posCar.firstLoading
{
    background:url(/assets/images/Loading_EN.gif) no-repeat center center; 
}
#inspirations .pdtCarousel
{
    left:5px;   
}
#inspirations .carItem
{
    width:890px;
  	height:415px;
	border:10px solid #333333;
	color:#fff;
}
.carPanelNavLeft, .carPanelNavRight{
	position:absolute;
	top:20px;
	left:0;
	width:50px;
	height: 242px;
	text-align:center;
	overflow: hidden;
	z-index:10;
}
.carPanelNavRight{
	left:auto;
	right:0;
}
.carPanelNavLeft a, .carPanelNavRight a
{
	background-image: url(img/arrow_l_dark_big.png);
	background-position: -5000px 0;
	background-repeat:repeat;
	display:block;
	font-size:40px;
	height:100%;
	padding-top:93px;
	color:#ffffff;
}
.carPanelNavRight a
{
	background-image: url(img/arrow_r_dark_big.png);
}
.carPanelNavLeft.disabled a, .carPanelNavRight.disabled a
{
    background-image: url(img/disabled_bg.png);
}
.carPanelNavLeft a:link, .carPanelNavLeft a:visited,  .carPanelNavRight a:link,  .carPanelNavRight a:visited{
	opacity:0;
	text-indent:-9000em;
	color:#ffffff;
	background-position: -5000px 0;
	background-repeat:no-repeat;
}
.carPanelNavLeft a:hover, .carPanelNavLeft a:active,  .carPanelNavRight a:hover,  .carPanelNavRight a:active{
	opacity:1;
	text-indent:-9000em;
	color:#ffffff;
	background-position: 0 0;
	background-repeat:repeat;
}
.pdtCarousel .inner
{
	position: relative;
}
#the-space .pdtCarousel .inner
{
	padding: 20px;
}
#the-space .carItem
{
    height:262px;   
}
.pdtCarousel .carImgMain
{
	float:left;
}
#the-space .carImgMain
{
    border-bottom:16px solid #FFFFFF;
    height:242px;
    margin-right:18px;
    width:364px;
}
.pdtCarousel h4
{
	font-size:20px;
	text-transform: uppercase;
	font-family: Helvetica;
}
.pdtCarousel p
{
	font-family:georgia;
    font-size:14px;
}
.carNav
{
	clear:both;
	position:relative;
}
#the-space .carNav
{
    width:738px;
}
#inspirations .carNav
{
    margin-top:17px;
    width:910px;
}
.carJs .carNav{
	height:92px;
	overflow:hidden;
}
.pdtCarousel a:link, .pdtCarousel a:visited, .pdtCarousel a:hover, .pdtCarousel a:active{
	color:#fff;
	text-decoration: none;
}
.carNavPrev, .carNavNext{
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#333333;
	color:#fff;
	width:20px;
	text-align: center;
	z-index: 10;
	opacity:1;
	filter: alpha(opacity = 100);

}
#the-space .carNavPrev{
	border-right:10px solid #fff;
}
#inspirations .carNavPrev,#inspirations .carNavNext{
	background:#fff;
}
#inspirations .carNavPrev a:link, #inspirations .carNavPrev a:visited, #inspirations .carNavPrev a:hover, #inspirations .carNavPrev a:active,
#inspirations .carNavNext a:link, #inspirations .carNavNext a:visited, #inspirations .carNavNext a:hover, #inspirations .carNavNext a:active
{
	color:#333333;
}
.pdtCarousel .carNav .disabled
{
    background:#fff url(img/disabled_bg.png) repeat 0 0 ;
}
#inspirations .pdtCarousel .carNav .disabled, #the-space .pdtCarousel .carNav .disabled
{
    background:#fff url(img/disabled_bg.png) repeat 0 0 ;
}   
.pdtCarousel .disabled a
{
    text-indent:-9000em;
    cursor:not-allowed;
}
.carNavNext{
	left:auto;
	right:0;
}
.carNavNext a, .carNavPrev a
{
    text-indent:-9000em;   
}
#inspirations .carNavNext
{
    background:url(img/arrow_r_light.png) 0 0 no-repeat;   
}
#inspirations .carNavPrev
{
    background:url(img/arrow_l_light.png) 0 0 no-repeat;   
}
#the-space .carNavNext
{
    background:url(img/arrow_r_dark.png) 0 0 no-repeat;   
}
#the-space .carNavPrev
{
    background:url(img/arrow_l_dark.png) 0 0 no-repeat;   
}
#the-space .carNavNext{
	border-left:10px solid #fff;	
}
.carNavPrev a, .carNavNext a{
	display:block;
	height:100%;
	padding-top:29px;
}
.carNav li{
	float:left;
	display: block;
	margin-right: 10px;
	position:relative;
}
.carNav li h5
{
    bottom:0;
    height:46px;
    left:0;
    position:absolute;
    width:162px;
    background-color:Transparent;
    filter: alpha(opacity = 100);
}
.carNav li h5 span.mask
{
    bottom:10px;
    height:46px;
    left:0;
    position:absolute;
    width:162px;
    background: url('img/nav_h5_bg.png') no-repeat 0 0;
}
.carNav li h5 em
{
    padding:9px 5px 0;
    text-transform:uppercase;
    font-size:13px;
    display:block;
    filter: alpha(opacity = 100);
    color:#fff;
    font-style:normal;
    
    cursor:pointer;
}
.carNav li.active h5 em
{
    color:#00abb1;
}
.carNav h5 span
{
    padding:0 5px;
    display:block;
    
    color:#fff;
}
.carNav li span.mask
{
    bottom:0;
    height:46px;
    left:0;
    position:absolute;
    width:162px;
    background: url('img/nav_h5_bg.png') no-repeat 0 0;
    padding:0;
    filter: none;
    cursor:pointer;
}
.carNav ul{
	position:absolute;
	left:30px;
	z-index: 9;
}
.carJs .carNav ul{
	width:1000%;
	overflow:hidden;
}
#inspirations .carItem .slant{
	background: url(/assets/images/temp/big_slant_80.png) 0 0 no-repeat;
	height:415px;
	padding:0 15px;
}
#inspirations .carItem h3{
	font-size:30px;
	padding-top:30px;
	text-transform: uppercase;
	width:591px;
}
#inspirations .carItem p{
	font-size:16px;
	padding:19px 0 30px 0;
	width:500px;
}
#inspirations .page2 p
{
    width:auto;
}
#inspirations .carItem a
{
    text-transform:uppercase;
    text-decoration:none;
    padding:3px 19px 3px 3px;
    font-weight:bold;
	font-size:16px;
	font-family: Helvetica, sans-serif;
}
#inspirations .carItem a:link, #inspirations .carItem a:visited
{
    background-color:#fff;
    color:#00abb1;
}
#inspirations .carItem a:hover, #inspirations .carItem a:active
{
    background-color:#00abb1;
    color:#fff;
}
#inspirations .carItem a.backToPos, #inspirations .carItem a.backToStory
{
	position:absolute;
	top:10px;
	right:11px;
	font-size: 15px;
	padding-right:15px;
}
.carItem .page2
{
	background: url(img/opacity80_big.png) 0 0 no-repeat;
	height:415px;
	padding:0 15px;
}
.carItem .carLeft, .carItem .carRight
{
	width:350px;
	float:left;
}
.carItem a
{
	margin-bottom:3px;
	display:block;
	float:left;
	clear:both;
}
#inspirations .page2
{
    display:none;
    opacity:0;
    filter:alpha(opacity=0);
}
#inspirations .storySignup .page2
{
    display:block;
    opacity:1;
    filter:alpha(opacity=1);
}
#inspirations .storySignup .page1
{
    display:none;   
}
#inspirations .page2 h3
{
	width:auto;
}
#inspirations .carItem .page2 p
{
	padding:19px 0 9px;
	margin-top:0;
}
#inspirations .carItem .page2 .carRight p
{
    padding:19px 0 17px;
}
#inspirations .carItem .page2 .carRight .carContact p 
{
    padding:2px 0 8px;
    font-size:13px;
}
#inspirations .carContact
{
	padding:5px 10px;
	background-color: #00abb1;
	clear:both;
	width:332px;
	margin:0;
	margin-top:25px;
}
#inspirations .carItem .carContact p
{
	width:auto;
	padding:5px 0;
}
#inspirations .carItem .carContact a:link, #inspirations .carItem .carContact a:visited,
#inspirations .carItem .carContact a:hover, #inspirations .carItem .carContact a:active
{
    padding:0;
    color:#ffffff;
    background:#00abb1;
    text-transform:none;
    font-weight:normal;
    padding-bottom:8px;
    font-size:13px;
    text-decoration:underline;
    width:303px;
}
#inspirations .carContact input
{
    left:0;
}
#inspirations .carContact input.text
{
    text-transform:none;   
}
#inspirations .carContact .disclaimer
{
    width:290px;
}
#inspirations .carContact .disclaimer label
{
    width:290px;
}
#inspirations .carContact .emailThanks, #inspirations .carContact .emailError
{
    display:none;
    width:320px;
}
#inspirations .page2 .hidden
{
    display:none;
}
#inspirations .carContact .emailError
{
    color:#FF0000;
    font-weight:bold;
    text-transform:uppercase;   
}
#inspirations .carContact input.button
{
    color:#00abb1;
    clear:both;
    display:block;
    font-size:16px;
}
#inspirations .carContact .disclaimer {
    clear: both;
    float: none;
}
#inspirations .carContact .disclaimer input {
    clear: left;
    float: left;
    margin-left: 0px;
}
#inspirations .carContact .disclaimer label {
    display: block;
    float: left;
    margin-left: 9px;
    width: 303px;
    padding-bottom:10px;
}
/*
 *  STATIC NAVIGATION
 */

div#navigation
{
	position:absolute;
	top:0;
	left:0;
	padding:0 0 0 25px;
    display:none;
}

div#navigation h2
{
	font-size:17px;
	color:orange;
	margin:100px 0 20px 0;
}

div#navigation ul
{
	list-style:none;

}

div#navigation li a
{
	color:white;
	font-weight:bold;
	text-decoration:none;
	font-size:17px;
}

div#navigation li a.selected
{
	color:orange;
	font-size:22px;
}

/*
 *  COMMON TO ALL HUBS
 */

div#contentWrapper
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	/*
        these values required for the page scroll JS to function correctly
            - this could be the cause of the IE7 bug where the 
              mousewheel only works when inside the container div
    */
	overflow:auto;
}


div#content
{
	background:white;
	top:0;
	margin: 0 auto;
	width:1024px;
	overflow:hidden;
}

div.contentBlock
{
	_height:1014px;
	background: white url("../images/HubBGs/Hub_Holding_BG.png") 0 0 no-repeat;
	/* a default background - the real ones get preloaded and rendered via JS (main.js, line 351) */
	padding:10px 0 100px 50px;
	min-height: 1014px;	
}

div.contentBlock.bookingForm
{
	background-position: 0 -80px;
}

div#content div.hubNav em
{
	color:#333;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;
	font-style:normal;
	/*font-size:120px !important;*/
	/*line-height:70px;*/
	/*margin-bottom:55px;*/
}

div#content div.hubNav li.title
{
    height:198px;
    overflow:hidden;
    padding-top:2px;
    position:relative;
    left:-10px;
    width:780px;
}

div.contentBlock div.leftCol
{
    float:left;
    width:460px;
}

div.contentBlock div.rightCol
{
    width:415px;
    float:right;
    padding:62px 58px 0 0;
    
}

div.contentBlock div.hubIntro
{
    width:324px;
    float:left;
    display:inline;
    margin: 62px 0 18px 138px;
}

div.contentBlock div.hubIntro div.background
{
    background:url(/assets/images/Overlay/overlay_rollover_transparency.png);
    padding:3px 5px 21px 5px;
}

div.contentBlock div.hubIntro div.decoration
{
    height:0;
    position:relative;
    top:19px;
    left:-23px;
}

div.contentBlock div.hubIntro div.decoration div
{
    height:8px;
    width:14px;
    background:#F13B68;
    top:0;
    left:0;
    overflow:hidden;
}

div.contentBlock div.hubIntro h2
{
	color:white;
	padding: 0 0 0 0;
	margin:0 0 10px 0;
	font-size:30px;
	line-height:33px;
	letter-spacing:-2px;
}

div.contentBlock div.hubIntro div.background p
{
	color:white;
	padding: 0 8px 14px 2px;
	font-size:13px;
	line-height:20px;
	text-align:left;
	font-family: georgia,garamond,serif;
	

}

div.contentBlock div.hubIntro p a
{
    margin:0 !important;
	

}
	
div.contentBlock div.hubIntro p a, div.circleAction p a
{
    text-transform: uppercase;
    text-decoration:none;
    color:black;
    font-weight:bold;
    background:white;
    font-family: helvetica, arial;
    font-size:15px;
    display:block;
    margin-top:20px;
    padding: 2px 20px 4px 4px;
    float:left;
    display:inline;
    letter-spacing:-0.8px;
}

div.contentBlock div.hubIntro div.background p a
{
	background: none;
	font-family: Georgia, Garamond, Serif;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	color: #ffffff!important;
	text-transform: lowercase;
	text-decoration: underline;
}

div.contentBlock div.hubIntro p input.cta 
{
    text-transform: uppercase;
    text-decoration:none;
    color:black;
    font-weight:bold;
    background:white;
    font-family: helvetica, arial;
    font-size:15px;
    display:block;
    margin-top:20px;
    padding:1px 0 4px 2px;
    float:left;
    display:inline-block;
    cursor: pointer;
    text-align:left;
    width:250px;
   
}
div.contentBlock div.hubIntro p a.cta,
.standout a
{
    text-transform: uppercase;
    text-decoration:none;
    color:black;
    font-weight:bold;
    background:white;
    font-family: helvetica, arial;
    font-size:15px;
    display:block;
    margin-top:20px;
    padding: 2px 20px 5px 2px;
    float:left;
    display:inline;
    cursor: pointer;
    text-align:left;
}

div.contentBlock div.hubIntro p img
{
    width:250px;
    height:140px;
	padding-top:7px;
	display:block;
	clear:both;
}


div.contentBlock p a:hover
{
    text-decoration: underline;
}

div.contentBlock div.hubNav
{
    height:235px;
    _overflow:hidden;
}

div.contentBlock.bookingForm div.hubNav
{
    height:150px;
    padding-left:50px;
}

div.contentBlock div.hubNav ul
{
	list-style:none;
	clear:both;
	_position:relative;
}

div.contentBlock div.hubNav ul li
{
    line-height:15px;
    margin-left:6px;
    overflow:hidden;
}

div.contentBlock div.hubNav ul li a
{
	
	text-decoration:none;
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:-.8px;
	padding:0;
	margin:0;

}

div.contentBlock div.hubNav ul li.title
{
   height:100px;
   margin-left:0;
}

div.contentBlock div.hubNav ul li em
{
    height:120px;
    overflow:hidden;
    position:relative;
    width:780px;
}
#inspirations div.hubNav ul li em
{
    width:690px;
}
div.contentBlock div.hubNav ul li em a
{
    /* 
        IMPORTANT!
        This is NOT the only place this is set - it's also set in the files found in the lang dir
    */   
    background:url(/assets/images/headings/en/title-sprite.png) 0 0 no-repeat;
    /* big height is required for how the image has been positioned (see lines 2400 for more info)*/
    height:1500px;
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    position:relative;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/headings/en/title-sprite.png', sizingMethod='fixed');
}

div.contentBlock div.hubNav ul li p
{
	margin:0 0 10px 6px;
	text-transform:uppercase;
	font-size:30px;
    line-height:25px;
    font-family: helvetica, arial;
    font-weight:bold;
    letter-spacing:-2.5px;
}

div.contentBlock div.hubNav ul.subnav li
{
	float:left;
	display:inline;
	margin-right:0 6px 0 0;
	font-weight:bold;
}

div.contentBlock div.hubNav ul li ul li a
{
	color:#3fbf18;
	background:#ebebeb;
	display:block;
	text-transform:uppercase;
	padding:0 6px;
	font-size:15px;
	line-height:24px;
	overflow:hidden;
	display:block;
	float:left;
	display:inline;
}
div.contentBlock div.hubNav ul li ul li a:focus,
div.contentBlock div.hubNav ul li ul .selected a 
{
    background-color: #000;
    color: #fff !important;
}

div.contentBlock div.hubNav ul li a.white
{
	color:white;
}
/* dirty fix for art home section, nav wasn't clickable */
#the-space  div.hubNav ul li a.white{
    position:relative;
    z-index:10;
}
div.contentBlock div.tweet
{
    height:0;
    float:right;
    _overflow:hidden;
}

div.contentBlock div.tweet div
{
    background:#f13b68;
    width:250px;
    color:white;
    font-weight:bold;
    height:204px;
    padding-top:5px;
    position:relative;
    top:-181px;
    left:-59px;
}

div.contentBlock div.tweet div ul
{
    list-style:none;
}

div.contentBlock div.tweet div li
{
    padding: 0 10px;
    font-size:19px;
    font-family:Georgia;
    font-weight:normal;
    line-height:21px;
    word-spacing: -1px
}

div.contentBlock div.tweet div li p.tweetText
{
    height:145px;
    display:block;
    word-wrap: break-word;  
}

div.contentBlock div.tweet div li p.timestamp
{
    color:black;
    font-size:14px;
    margin:5px 0 11px 0;
    
}

div.contentBlock div.tweet div li p a
{
    color:white;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
    text-decoration:none;
    line-height:17px;
    width:200px;
    display:block;
    letter-spacing:-.9px;
}

div.contentBlock div.tweet div li p a:hover
{
    text-decoration:underline;
}

div.contentBlock div.tweet div.tweetFoot
{
    background:black;
    height:16px;
    width:16px;
    margin-left:83px;
    background:url(/assets/css/img/tweetFoot.gif) 0 0 no-repeat;
}

/*
 *  FOOTER
 */

div#footer
{
    font-family:Georgia;
    padding: 106px 30px 150px 30px;
    font-size:12px;
    font-style:italic;
    font-weight:bold;
    clear:both;
    background: #f4f4f4 url("../images/footer.gif") top left no-repeat;
}
.js div#footer 
{
    padding-bottom: 250px;
}
div#footer a, div#footer
{
    color:#999;
    line-height:12px;
    font-size:12px;
    
}

div#footer ul
{
    margin-left:27px;
}

div#footer li
{
    float:left;
    padding-left:7px;
    list-style-position: inside; 
    letter-spacing:-.5px
}

div#footer li.first
{
    padding:0;
    list-style:none;
}

div#footer li a
{
    text-decoration:none;
}

div#footer li a:hover
{
    text-decoration:underline;
}

p#footer-followus
{
    float:right;
    display:inline;
    margin: 0 34px 10px 0;
}

p#footer-copyright
{
    border-top: dotted 1px #999;
    clear:both;
    padding: 6px 0 0;
    margin: 0 27px 0 27px;

}



/*
 *  Hub specific colour schemes
 */


div#the-space div.funkybox span,
div#the-space div.funkybox p,
div#the-space div.funkybox div.foot,
div#the-space div.hubIntro div.decoration div,
div#the-space div.tweet div,
div#the-space div.tabbody li a.lightboxLink,
div#the-space .pagination li a,
div#the-space div.funkybox div.funkyContent
{
       background:#ff9c00;
}

div#workshops div.funkybox span,
div#workshops div.funkybox p,
div#workshops div.funkybox div.foot,
div#workshops div.hubIntro div.decoration div,
div#workshops div.tweet div,
div#workshops div.tabbody li a.lightboxLink,
div#workshops .pagination li a,
div#workshops div.funkybox div.funkyContent
{
       background:#68950f;
}

div#dinner div.funkybox span,
div#dinner div.funkybox p,
div#dinner div.funkybox div.foot,
div#dinner div.hubIntro div.decoration div,
div#dinner div.tweet div,
div#dinner div.tabbody li a.lightboxLink,
div#dinner .pagination li a,
div#dinner div.funkybox div.funkyContent
{
    background:#96226f;
}

div#tours div.funkybox span, 
div#tours div.funkybox p, 
div#tours div.funkybox div.foot,
div#tours div.hubIntro div.decoration div,
div#tours div.tweet div,
div#tours div.tabbody li a.lightboxLink,
div#tours .pagination li a,
div#tours div.funkybox div.funkyContent
{
    background:#f34848;
}

div#whats-on div.funkybox span, 
div#whats-on div.funkybox p, 
div#whats-on div.funkybox div.foot,
div#whats-on div.hubIntro div.decoration div,
div#whats-on div.tweet div,
div#whats-on div.tabbody li a.lightboxLink,
div#whats-on .pagination li a,
div#whats-on div.funkybox div.funkyContent
{
    background:#ECC31E;
}


div#inspirations div.funkybox span, 
div#inspirations div.funkybox p, 
div#inspirations div.funkybox div.foot,
div#inspirations div.hubIntro div.decoration div,
div#inspirations div.tweet div,
div#inspirations div.tabbody li a.lightboxLink,
div#inspirations .pagination li a,
div#inspirations div.funkybox div.funkyContent
{
    background:#00abb1;
}

div#lunch div.funkybox span, 
div#lunch div.funkybox p, 
div#lunch div.funkybox div.foot,
div#lunch div.hubIntro div.decoration div,
div#lunch div.tweet div,
div#lunch div.tabbody li a.lightboxLink,
div#lunch .pagination li a,
div#lunch div.funkybox div.funkyContent
{
    background:#F13b68;
}

div#the-space div.funkybox input.button,
div#the-space div.funkybox .cta,
div#the-space .tabs li h3 em, 
div#the-space div.hubIntro p a,
div#the-space div.hubIntro p input,
div#the-space div.circleAction p a,
div#the-space div.hubNav ul li ul li a,
div#the-space div.hubNav ul li a.white:hover
{
    color:#ecc31e;
}

div#workshops div.funkybox input.button,
div#workshops div.funkybox .cta,
div#workshops .tabs li h3 em, 
div#workshops div.hubIntro p a,
div#workshops div.hubIntro p input,
div#workshops div.circleAction p a,
div#workshops div.hubNav ul li ul li a,
div#workshops div.hubNav ul li a.white:hover
{
    color:#68950f;
}

div#dinner div.funkybox input.button,
div#dinner div.funkybox .cta,
div#dinner .tabs li h3 em, 
div#dinner div.hubIntro p a,
div#dinner div.hubIntro p input,
div#dinner div.circleAction p a,
div#dinner div.hubNav ul li ul li a,
div#dinner div.hubNav ul li a.white:hover
{
    color:#96226f;
}

div#tours div.funkybox input.button,
div#tours div.funkybox .cta,
div#tours .tabs li h3 em, 
div#tours div.hubIntro p a,
div#tours div.hubIntro p input,
div#tours div.circleAction p a,
div#tours div.hubNav ul li ul li a,
div#tours div.hubNav ul li a.white:hover
{
    color:#f34848;
}

div#lunch div.funkybox input.button,
div#lunch div.funkybox .cta,
div#lunch .tabs li h3 em, 
div#lunch div.hubIntro p a,
div#lunch div.hubIntro p input,
div#lunch div.circleAction p a,
div#lunch div.hubNav ul li ul li a,
div#lunch div.hubNav ul li a.white:hover
{
    color:#F13B68;
}

div#whats-on div.funkybox input.button,
div#whats-on div.funkybox .cta,
div#whats-on .tabs li h3 em, 
div#whats-on div.hubIntro p a,
div#whats-on div.hubIntro p input,
div#whats-on div.circleAction p a,
div#whats-on div.hubNav ul li ul li a,
div#whats-on div.hubNav ul li a.white:hover
{
    color:#ECC31E;
}


div#the-space div.tweet div.tweetFoot
{
    background:url(/assets/css/img/tweetFoot.gif) 0 0 no-repeat !important;
}

div#workshops div.tweet div.tweetFoot
{
    background:url(/assets/css/img/tweetFoot.gif) -40px 0 no-repeat !important;
}

div#dinner div.tweet div.tweetFoot
{
    background:url(/assets/css/img/tweetFoot.gif) -60px 0 no-repeat !important;
}

div#tours div.tweet div.tweetFoot
{
    background:url(/assets/css/img/tweetFoot.gif) -80px 0 no-repeat !important;
}

div#lunch div.tweet div.tweetFoot
{
    background:url(/assets/css/img/tweetFoot.gif) -20px 0 no-repeat !important;
}

div#whats-on div.tweet div.tweetFoot
{
    background:url(/assets/css/img/tweetFoot.gif) -100px 0 no-repeat !important;
}

div#inspirations div.tweet div.tweetFoot
{
    background:url(/assets/css/img/tweetFoot.gif) -120px 0 no-repeat !important;
}

div#lunch div.circleAction
{
    background-position:0 -200px !important;
}

div#dinner div.circleAction
{
    background-position:0 -400px !important;
}

div#the-space div.ytPlayer
{
    float:right;
    height:246px;
    overflow:hidden;
    display:inline;
}

div#workshops .tabs .content
{
    background:transparent;
    float:left;
    clear:both;
} 

div#workshops div.tabbody ul,
div.space-info div.tabbody ul 
{
    border:0;
}

div#workshops div.funkybox
{
    margin:0;
}

div#workshops div.todaysWorkshops
{
    float:left;
    width:450px;
    clear:left;
    display:inline;
}

div#workshops div.todaysWorkshops h3
{
    color:white;
    font-size:19px;
}

div#workshops div.upcomingWorkshops,
div.space-info
{
    width:382px; 
    float:right;
    display:inline; 
    
}

div.contentBlock  div.hubNav ul ul
{
	padding-top:0 !important;
	position:relative;
	left:3px;
	top:-4px;
}

/*
 *  Hub menus
 */

.bookingForm div.hubNav ul
{
    padding-top:0 !important;   
}

div#the-space  div.hubNav ul
{
	padding-top:80px;
}

div#workshops  div.hubNav ul
{
	padding-top:64px;
}

div#tours  div.hubNav ul
{
	padding-top:48px;
}

div#lunch  div.hubNav ul
{
	padding-top:32px;
}

div#dinner  div.hubNav ul
{
	padding-top:16px;
}

div#whats-on  div.hubNav ul
{
    padding-top:0px;
}

/*
 *  YOUTUBE VIDEO PLAYER
 */

div.bigImageLink
{
    width:382px;
    height:215px;
    margin: 0 0 18px 0;
    background:black;
    float:right;
}




div.bigImageLink a:hover
{
    text-decoration:underline;
}

div.ytPlayer
{
    width:382px;
    margin: 0 0 18px;
    background:white;
}

div.ytPlayer div.holderDiv div.playerDiv
{
    width:382px;
    height:215px;
    background:transparent;
    margin:0;
    padding:0;
    overflow:hidden;
    cursor:pointer;
    position:relative;
}

div.ytPlayer div.holderDiv div.playerDiv a, div.bigImageLink a
{
    width:190px;
    height:195px;
    display:block;
    cursor:pointer;
    color:White;
    text-transform:uppercase;
    font-size:23px;
    line-height:24px;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    top:0;
    left:0;
    padding:10px 182px 10px 10px;
}

div.ytPlayer div.holderDiv div.playerDiv a 
{
    position:absolute;   
    background:transparent url(../images/Overlay/overlay_rollover_transparency.png) repeat 0 0;
    _background-image: url(img/2x2gauze.gif);    
}

div.ytPlayer div.holderDiv div.playerDiv a:hover
{
    text-decoration:underline;
}

div.ytPlayer div.playerDiv img
{
    width:382px;
    height:215px;
    position: absolute;
    z-index:0;
    top:0;
    left:0;
}

div.ytPlayer div.holderDiv
{
    width:382px;
    height:215px;
    background:black;
}

div.ytPlayer div.playerDiv p
{
    margin: 50px 30px;
    padding:0;
}


div.ytPlayer div.progressBar
{
    width:100%;
    cursor:pointer;
    background:url(/assets/images/videoProgressBG.gif) 0 0 no-repeat;

}

div.ytPlayer div.progressBar div
{
    width:1px;
    height:7px; 
    background:black;
    overflow:hidden;
}


div.ytPlayer p.controls
{
    margin: 50px 30px;
    height: 15px;
    padding:6px 15px;
}

div.ytPlayer p.controls a
{
    background: url(../images/video-controls.gif) 0 0 no-repeat;
    display:block;
    overflow:hidden;
    height:13px;
    width:15px;
    text-indent:-9999px;
    float:left;
    
}

div.ytPlayer p.controls a.ytVolume
{
    
}

div.ytPlayer p.controls a.ytVolume.mute
{
    background-position: -100px 0;
}

div.ytPlayer p.controls a.ytPlay
{
    background-position: -40px 0;
    margin-left:155px;
    _display: inline;
}

div.ytPlayer p.controls a.ytPlay.playing
{
    background-position: -80px 0;
}

div.ytPlayer div.overlayControls a
{
    background:white;
    display:block;
    height:13px;
    /*display:none;*/
    background: url(/assets/images/video-overlay-controls.gif) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    margin-top:100px;
    
}

div.ytPlayer div.overlayControls a.next
{
    float:right;
    display:inline;
    width:14px;
    background-position: -30px 0;
    margin-right:15px;
    visibility:hidden;
}

div.ytPlayer div.overlayControls a.play
{
    float:left;
    display:inline;
    margin-left:150px;
    background-position: -37px 0;
    width:10px;
}

div.ytPlayer div.overlayControls a.play.playing
{
    background-position: -20px 0;
}

div.ytPlayer div.overlayControls a.prev
{
    float:left;
    display:inline;
    width:14px;
    margin-left:15px;
    visibility:hidden;
}

/* styled content boxes */
div.funkybox
{
    width:215px;
    padding-bottom:18px;
    float:left;
    display:inline;
    margin:0 0 0 33px;
}

div.funkybox span
{
    background:#f13b68;
    display:block;
    float:left;
    display:inline;
    color:white;
}

div.funkybox span.l1
{
    padding:5px 20px 0 0;
    _width:33%;
    min-width:33%;

}

div.funkybox span.l2
{
    padding: 0 30px 5px 0;
    _width:33%;
    min-width:33%;
}

div.funkybox span.l3
{
    padding: 2px 30px 5px 0;
    font-size:20px;
    line-height:20px;
    letter-spacing:-0.8px;
    _width:51%;
    min-width:51%;
}

div.funkybox span span
{
    position:relative;
    left:-5px;
    background:transparent !important;
    margin:0;
    padding:0;
}

div.funkybox p
{
    margin:0;
    padding:0 20px 0 0;
    font-size:14px;
    letter-spacing:-0.5px;
    text-align: left;
    clear:both;
    background:#f13b68;
    width:190px;
    /* IE6 box model adds padding onto defined width - FAIL */
    _width: 170px;
    display:block;
    line-height:15px;
    float:left;
    display:inline;
    font-family:Georgia;
    text-transform:none;
}

div.funkybox p.disclaimer 
{
    color: #fff;
    margin-bottom: 7px; 
}
div#content div.funkybox p.error 
{
    color: #f00;
    margin-bottom: 7px;
    background: #fff;
    padding: 7px;
    font-weight: bold;
}
div.funkybox p a
{
    text-transform:none;
    color:White;
}

div.funkybox p span
{
    position: relative;
    left:2px;
    background:transparent !important;
    display:block;
    padding-bottom:11px;
}

div.funkybox a
{
    font-weight:bold;
    text-transform:uppercase;
    padding-bottom:-20px
}

div.funkybox h3
{
    font-size:24px !important;
    line-height:25px !important;
    letter-spacing:-1.2px;
    margin-bottom:0 !important;
}

div.funkybox input,
div.funkybox .cta 
{
    position:relative;
    left:-5px;
    margin-bottom: 2px;
}

div.funkybox input.button, div.hubIntro input.button
{
    font-size:14px;
    text-transform:uppercase;
    border:0;
    background:white;
    color:#f13b68;
    width:120px;
    text-align:left;
    font-weight:bold;
    cursor: pointer;
    padding:0 4px 5px 4px;
    font-family:helvetica,arial;
}
div.funkybox a.cta 
{
    font-size:14px;
    text-transform:uppercase;
    border:0;
    background:white;
    color:#f13b68;
    width:113px;
    text-align:left;
    font-weight:bold;
    text-decoration: none;
    display: block;
    padding:2px 2px 7px 6px;
    cursor: pointer;
    font-family:helvetica,arial;
}
div.funkybox .cta:hover 
{
    text-decoration: none;
}
div.funkybox input.text, div.hubIntro input.text
{
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    border:0;
    background:white;
    width:153px;
    height:18px;
    padding:4px 4px;
    letter-spacing:-1px;
}

div.funkybox div.funkyContent
{
    clear:both;
    background:#f13b68;
    float: left;
}

div.funkybox div.foot
{
    background:#f13b68;
    height:8px;
    width:130px;
    overflow:hidden;
}

div.clearer
{
    clear:both;
    height:0;
    line-height:0;
    overflow:hidden;
    margin:0;
    padding:0;
}

/*
 *  The top static nav
 */

div#day-navigation
{
   top:0;
   left:0;
   color:White;
   position:absolute;
   height:10px;
   
   margin:0;
   padding:0;
   height:0;
   /* correct width is set via JS on page resize (main.js, line 128 due to element being places outside of wrapper */ 
   width:98%;
   z-index:100;
   text-align:center;
}

div#day-navigation div
{
    width:638px;
    height:52px;
    padding:0;
    background:url(/assets/images/dayNavBG.gif) right 0 no-repeat;
    margin:0 auto;
    text-align:left;
    width:1024px;
}

div#day-navigation div div
{
     height:23px;
     width:623px;
     color:White;
     float:right;
     display:inline;
     overflow:visible;
     /* - not sure if this is legacy code, looking at the live site the div now needs overflow visible in IE6
     _overflow: hidden;
    */
     background:none;
}

div#day-navigation div div div
{
    height:auto;
    background:transparent;
    position:relative;
    
}

div#day-navigation p, div#day-navigation h4
{
    float:left;
    display:inline;
    color:black;
    font-family:Georgia;
    font-size:11px;
    padding-top:13px;
}

div#day-navigation p.langLabel
{
    padding-top:15px;
    letter-spacing:-1px;
}

div#day-navigation h4
{
    font-size:20px;
    padding:7px 0 0 4px;
    font-weight:normal;
    display:block;
    width:77px;
    letter-spacing:-1px;
}

div#day-navigation p a
{
    display:block;
    float:left;
    display:inline;
    padding:0 5px;
    background:white;
    font-style:italic;
    text-decoration:none;
    color:Black;
    height:17px;
    line-height:17px;
}

div#day-navigation p a.active
{
     background:#FF9C00;
     color:White;
}

div#day-navigation p.dateSelect
{
    margin: 0 15px 0 0;
}

div#day-navigation p.dateSelect select 
{
       font-size:11px;
       letter-spacing:-.5px;
       float:left;
       margin-left:4px;
       font-family:georgia;
}

div#day-navigation p.dateSelect select.day
{
    width:52px;
}

div#day-navigation p.dateSelect select.month
{
    width:83px;
}

div#day-navigation p.dateSelect select.year
{
    width:55px;
}

div#day-navigation p.dateSelect .submitDay
{
   background: #FF9C00 url(/assets/images/select-button.gif) no-repeat 1px 0px ;
   width:17px;
   height:17px;
   cursor: pointer;
   font-size:0;
   color:#fff;
   vertical-align:top;
   float:left;
   margin-left:7px;
   text-indent:-9999em;
   
}

div#day-navigation p.dateSelect a.help
{
    display:block;
    overflow:hidden;
    width:17px;
    height:17px;
    background:orange;
    color:White;
    padding:0;
    text-align:center;
    font-weight:bold;
    font-style:normal;
    font-family:helvetica, Arial;
    float:left;
    line-height:17px;
    margin-left:5px;
    cursor:help;
    font-size:13px;
}

div#day-navigation p.langPicker
{
    margin: 0 0 0 5px;
}

div#day-navigation p.langPicker a
{
    display:block;
    width:29px;
}


div#day-navigation ul
{
    font-size:12px;
    width:90px;
    margin:0 0 0 8px;
    float:left;
    padding-top: 12px;
    display:inline;
}

body div#day-navigation ul li
{
    list-style:none;
    background: white;
    padding:0;
    float:left;
    /* might as well use the whole area we have */
    width:90px;
}

div#day-navigation ul li ul
{
    margin:0;
    padding-top:0;
}
body div#day-navigation ul li ul li
{
    padding:0;

}

div#day-navigation ul li a#follow-show
{
    padding:3px 10px 3px 5px;
    background: url(/assets/css/img/icon-select.gif) no-repeat right;
    display:block;
    font-family:Georgia;
    font-size:11px;
    letter-spacing:-1px;
    /* we don't neeed width due to display block and fixed width on container 
    width:60px; */
    height:15px;
}

div#day-navigation ul li ul li a
{
    background-image: url(/assets/css/img/smIcons.jpg); 
    background-repeat:no-repeat;
    height:19px;
    line-height:19px;
    padding:0 0 0 30px;
    margin-bottom:4px
}

div#day-navigation ul li ul li#twitter a 
{
    background-position: 4px 0;
}

div#day-navigation ul li ul li#flickr a 
{
    background-position: 4px -25px;
}

div#day-navigation ul li ul li#youtube a 
{
    background-position: 4px -48px;
}

div#day-navigation ul li ul li#facebook a 
{
    background-position: 4px -73px;
}

div#day-navigation ul li ul li#rss a
{
    background-position: 4px -97px;
}

div#day-navigation ul li a 
{
    text-decoration:none;
    color:#333;
    padding:3px 10px 3px 23px;
    background-color: white;
    display:block;
}

div#day-navigation ul li a:hover 
{
    background-color: #e6e6e6;
}

div#day-navigation p.elecLogo
{
    float:right;
    padding:0;
}

div#day-navigation p.elecLogo a
{
    text-indent:-9999em;
    overflow:hidden;
    float:right;
    width:224px;
    height:48px;
    background:white url(/assets/images/dayNavLogo.png) 0 0 no-repeat;
    display:block;
    padding:0;
}


div.contentBlock ul.hubFooter
{
    clear:both;
    overflow: hidden;
    zoom: 1;
    padding: 14px 0 14px 6px;
    list-style:none;
}
body div.contentBlock ul.hubFooter li#heading
{
    
    font-weight:bold;
    height:15px;
    width:970px;
    background:none;
    float:none;
    display:block
}

div.contentBlock ul.hubFooter li
{
    
    display:block;
    background:white;
    float:left;
    display:inline;
    width:238px;
    margin-right:14px;
    padding: 7px 6px;
    
}

div.contentBlock ul.hubFooter li h3
{
    font-size:20px;
    line-height:20px;
    margin:0 0 7px 0;
    letter-spacing:-1px;
}

div.contentBlock ul.hubFooter li p
{
    color:Black;
    padding:0;
    width:auto;
    margin:0 0 4px 0;
    font-family:georgia;
    font-size:14px;
    line-height:17.5px;
    letter-spacing:-.5px;
}

div.contentBlock ul.hubFooter li a
{
    font-weight:bold;
    font-family:Georgia;
    text-decoration:none;
    font-size: 14px;
    color:#333;
    font-style:italic;
    letter-spacing:-.5px;
}


div.contentBlock div.recipeFooter h2
{
    
    font-size:16px;
    padding-bottom:5px;
    color:Black !important;
    margin-left:7px !important;

}   

div.contentBlock div.recipeFooter ul.hubFooter li a
{
    display:inline;
    float:right;
    width:118px;
    height:14px;
    padding-top:74px;
    background-repeat:no-repeat;
    margin-bottom:5px;
}

div.contentBlock div.recipeFooter ul.hubFooter li a:hover
{
    text-decoration:underline 
}

div.contentBlock div.recipeFooter ul.hubFooter li a img
{
    display:block
}

div.contentBlock div.recipeFooter ul.hubFooter li
{
    padding:0 0 6px 7px;
    width:243px;
}

div.contentBlock div.recipeFooter ul.hubFooter li h3,
div.contentBlock div.recipeFooter ul.hubFooter li p 
{
    float:left;
    width:108px;
    padding-right:10px
}
div.contentBlock div.recipeFooter ul.hubFooter li h3
{
    padding-top:7px
}
div.contentBlock div.recipeFooter ul.hubFooter li p 
{
    clear:left
}
div.contentBlock div.recipeFooter p a 
{
    font-weight:bold;
    font-family:Georgia;
    text-decoration:none;
    font-size: 14px;
    color:#333;
    float:left;
    clear:both;
    padding:14px 0 0 6px;
}

div.contentBlock div.recipeFooter p a:hover
{
    text-decoration:underline;
}

/*
 *  Resource grid (3x3 gallery)
 */

div.resourceGrid
{
    width:400px;
    float:right;
    display:inline;
    margin: 0 0 18px;
    clear:right;
    zoom:1;
    position:relative;
    left:11px;
}
div.grid_left 
{
    float: left;
    clear: left;
}

div.resourceGrid h3,
div.map h3,
div.contentBlock div.recipeFooter h2,
div#workshops div.upcomingWorkshops h2,
div#workshops div.todaysWorkshops h3,
div#workshops .recipe_box h3
{
    color:White;
    margin:0 7px 4px 0;
    font-size:15px;
    line-height:16px;
    display:block;
    width:250px;
}
div#content div.funkybox h3 
{
    _width: 215px;
}
/* tabifying the grid */
div.gridTabContainer, div#overlayContent.galleryTheme div.overlayBody div.gridTabContainer
{
    left:11px;
    position:relative;
    float:left;
}
div#overlayContent.galleryTheme div.overlayBody div.gridTabContainer
{
    left:26px;   
}
#the-space div.gridTabContainer
{
    top:30px;   
}
div.gridTabContainer .hiddenTab, div#overlayContent.galleryTheme div.overlayBody div.gridTabContainer .hiddenTab
{
    display:none;   
}
div.gridTabContainer h3, div#overlayContent.galleryTheme div.overlayBody div.gridTabContainer h3
{
    float:left;
    background:#ebebeb;
    margin-right:5px;
    min-width:120px;
    width:auto;
}
div.gridTabContainer h3.current, div#overlayContent.galleryTheme div.overlayBody div.gridTabContainer h3.current
{
    background:#ffffff;
}
div#overlayContent.galleryTheme div.gridTabContainer h3 a
{
    color:#9f9f9f;
}
div.gridTabContainer h3 a:link, div.gridTabContainer h3 a:visited, div.gridTabContainer h3 a:hover, div.gridTabContainer h3 a:active,
divdiv#overlayContent.galleryTheme div.gridTabContainer h3 a:link, divdiv#overlayContent.galleryTheme div.gridTabContainer h3 a:visited, divdiv#overlayContent.galleryTheme div.gridTabContainer h3 a:hover, divdiv#overlayContent.galleryTheme div.gridTabContainer h3 a:active
{
    color:#9f9f9f;
    text-decoration:none;
    padding:5px 5px 10px 5px;
    display:block;
    float:left;
    font-size:19px;
}
div.gridTabContainer h3.current a:link, div.gridTabContainer h3.current a:visited, div.gridTabContainer h3.current a:hover, div.gridTabContainer h3.current a:active,
div#overlayContent.galleryTheme div.gridTabContainer h3.current a:link, div#overlayContent.galleryTheme div.gridTabContainer h3.current a:visited, div#overlayContent.galleryTheme div.gridTabContainer h3.current a:hover, div#overlayContent.galleryTheme div.gridTabContainer h3.current a:active
{
    color:#333333;
    font-size:19px;
}
div.gridTabContainer .resourceGrid, div#overlayContent.galleryTheme div.overlayBody div.gridTabContainer .resourceGrid
{
    background:#ffffff;
    padding:5px;
    left:0;
    float:left;
    clear:both;
    zoom:1;
}
div#overlayContent.galleryTheme div.overlayBody div.gridTabContainer .resourceGrid
{
    float:left;
}
div#overlayContent.galleryTheme  div.gridTabContainer .imageTab .tabLink, div.gridTabContainer .imageTab .tabLink
{
    color:#ebebeb;
    background:#ECC31E;
    padding:2px 20px 4px 4px;
    font-family:helvetica,arial;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    display:block;
    clear:both;
    margin: 5px 10px 10px 5px;
    float:left;
}
div#overlayContent.galleryTheme  div.gridTabContainer .imageTab .lastLink, div.gridTabContainer .imageTab .lastLink
{
    clear:none;
}
/* alas this needs to be here because the original dev forgot about the cascade*/
div#lunch .recipe_box div.funkybox h3,
div#dinner .recipe_box div.funkybox h3 
{
    width: _380px;
}

div.resourceGrid h3
{
    margin-left:7px;   
}

div.resourceGrid ul
{
    list-style:none;
}

div.resourceGrid ul li
{
    float:left;
    display:inline;
    width:118px;
    /*height:79px;*/
    margin:5px 7px;
}

div.resourceGrid ul li a
{
    display:block;
    position:relative;
    height:66px;
    width:118px;
    text-decoration:none;
    background:#333;
    overflow:hidden;
    z-index:0;
}

div.resourceGrid ul li p
{
    background:white url(/assets/css/img/mediaGridLabel.gif) 5px 1px no-repeat;
    font-size:10px;
    line-height:14px;
    display:block;
    padding:0 10px 0 16px;
    margin:0;
    text-transform:uppercase;
    cursor:pointer;
    float:left;
}

div.resourceGrid ul li p.visitor
{
    background-position: 2px -13px;
}

div.resourceGrid ul li a div.imageMask, div.resourceGrid ul li a span.imageMask
{
    height:66px;
    overflow:hidden;
    position:absolute;
    top:0;
    width:118px;
    display:block;
}


div.resourceGrid ul li a div.imageMask span, div.resourceGrid ul li a span.imageMask span
{      
    display:none;
    background:transparent url(/assets/images/Overlay/overlay_rollover_transparency.png) repeat 0 0;
    _background:url(img/2x2Gauze.gif);
    /*height:27px;*/
    width:118px;
    height:66px;
    line-height:66px;
    text-align:center;
    position:absolute;
    /*top:-46px;*/
    bottom:0;
    left:0;
    cursor:pointer;
    font-size:10px;
    text-decoration:none;
    color:#fff;
}

div.resourceGrid ul li.flickr a div.imageMask span
{
    
}

div.resourceGrid ul li.youtube a div.imageMask span, div.resourceGrid ul li.youtube a span.imageMask span
{
    display:block;
}


div.resourceGrid ul li a img
{
    position:relative;
    display:block;
    margin:0 auto;
}

div.resourceGrid ul li.youtube a img
{
    margin-top:-12px;
}

div.resourceGrid ul li.flickr a span.action
{
    background:transparent none repeat scroll 0 0;
    border-color:#333333;
    border-style:solid;
    border-width:8px 9px;
    height:50px;
    position:absolute;
    top:0;
    width:100px;  
    display:block;  
}

div.resourceGrid ul li.youtube a span.action span
{
    background:transparent url(/assets/images/video-overlay-controls.gif) no-repeat scroll 0 0;
    height:13px;
    background-position:-37px 0;
    position:absolute;
    top:27px;
    width:10px;
    left:51px;
    display:block;
}


/* GALLERY OVERLAY STYLES - there may be code here needed if bugs appear in the inline player later... */
div#overlay.galleryTheme div
{
    background:white;
}
div#overlayContent.galleryTheme div.overlayTop
{
    background:transparent url(../images/Overlay/overlay_bg_top.gif) no-repeat 0 0;
    height:31px;
}

div#overlayContent.galleryTheme div.overlayBody a, div.darkTheme div.overlayBody a:visited
{
    color:white;
}

div#overlayContent.galleryTheme div.overlayBody p.close
{
    background:#151515;
}

div#overlayContent.galleryTheme div.overlayBody p.close a
{
    width:auto;
    height:auto;
    padding-bottom:33px;
    display:block;
    background:transparent url(../images/Overlay/overlay_button_close.gif) no-repeat center bottom;
    font-family:Georgia;
    font-style:italic;
}
div#overlayContent.galleryTheme div.overlayBody div
{
    padding-bottom:400px;
    background:#151515; 
}

div#overlayContent.galleryTheme div.overlayBody div div,
div#overlayContent.galleryTheme div.overlayBody
{
    padding-bottom:0;
}


div#overlayContent.galleryTheme div.overlayBody div
{
    padding-left:160px;
}

div#overlayContent.galleryTheme div.overlayBody div div
{
    padding-left:0;
}

div#overlayContent.galleryTheme div.overlayBody div.imageHolder 
{
    color:white;
    float:left;
    position:relative;
}
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.ytPlayer
{
    margin:0;
    text-align:center;
}
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer
{    
    margin:0 auto;
}
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer a
{
    display:block;    
    text-decoration:none;
    width:382px;
    height:215px;
    text-align:center;
    background:#333;
    background-position:center center;
    background-repeat:no-repeat;
    margin-bottom:1px;
}
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer img
{
    display:none; /* these images are not being displayed - hide them! */
    margin:0 auto;
}
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer a div.details
{
     background:transparent url(../images/Overlay/overlay_rollover_transparency.png) repeat 0 0;
    _background:url(img/2x2Gauze.gif);
    display:none;
    height:100%;
    left:0;
    position:absolute;
    _position: relative;
    top:0;
    width:100%;
    font-size:12px;
    cursor:pointer;
    text-align:center;
}
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer a div.details span.cta
{
    left:0;
    position:absolute;
    top:45%;
    width:100%;    
}
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer a div.details span.flickrInfo
{
    bottom:15px;
    _bottom: 0;
    left:0;
    position:absolute; 
    text-align:left; 
    width:100%;      
}
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer a div.details em,
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer a div.details strong
{
    color:#ff3366;
    font-weight:normal;
    text-transform:uppercase;
    font-style:normal;
}

div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer p,
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.authorType p
{
    background:white url(/assets/css/img/mediaGridLabel.gif) 3px 0 no-repeat;
    font-size:10px;
    display:block;
    padding:2px 10px 1px 20px;
    margin:0;
    text-transform:uppercase;
    text-align:left;
    cursor:pointer;
    color:#000;
    float:left;
}

div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.authorType
{
    float:left;
    margin-top:1px;
}

div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.flickrContainer p.visitor,
div#overlayContent.galleryTheme div.overlayBody div.imageHolder div.authorType p.visitor
{
    background-position: 3px -14px;
}

div#overlayContent.galleryTheme div.overlayBody div.resourceGrid
{
    float:right;
    display:inline;
    margin:0 30px 70px 0;
    clear: none;
}
div#overlayContent.galleryTheme div.overlayBody h3
{
    color:#fff;
    font-size:15px;
    width:330px;
    letter-spacing:-1px;
}

/* cascade fail */
div#overlayContent div.ytPlayer div.overlayControls
{
    height:215px;
    width: 382px;
    position:absolute;
    top:0;
    left: 0;
    background:black;
    background: transparent url(/assets/images/Overlay/overlay_rollover_transparency.png) 0 0 repeat;
    _background:url(img/2x2Gauze.gif);
    display:none;
}

/*
 *  Auction
 */
#auction 
{
    clear:both; 
    width:928px;
    padding-left:10px; 
    overflow:hidden;
    background:#fff;
    padding-bottom:150px
}
#auction #ebayFeed 
{
    background:url(/assets/css/img/bg-auction.gif) no-repeat;
    display:block;
    float:right;
    height:297px;
    position: relative;
    margin:0 111px 0 35px;
    /* double float margin bug */
    _display: inline;
    padding:15px;
    width:352px;
}

#auction #ebayFeed embed 
{
    position: relative;
    top: 0;
    left: 0;
}

#auction h2 
{
    font-size:36px;
    font-weight:bold;
    line-height:1;
    width:280px;
    background:transparent url(/assets/css/img/h2-bg.gif) no-repeat 1px 23px;
    padding-left:20px
}

/*#auction h2 span {display:block}*/
#auction h3 
{
    margin-left:20px;
    margin-top:13px;
    margin-bottom:20px;
    float:left;
    display:inline;
}

#auction h3 span 
{
    background:transparent url(/assets/css/img/bg-receipt-heading.png);
    float:left;
    display:inline;
    color:#fff;
    padding:0 25px 0 5px
}

#auction h3 span.day 
{
    margin-bottom:-3px
}

#auction p 
{
    clear:left;
    font-size:14px;
    margin-left:20px
}
    
/*
 *  HOMEPAGE
 */

div#home
{
	background:white;

}

div#home h1
{
	margin-top:40px;
	/* needs a bit more of a nudge for ie7/6 */
	*margin-top: 50px;

}

div#home ul
{
	list-style:none;
	display:block;
	position:relative;
}

div#home ul li
{
	margin: 0;
	height:120px;
	overflow:hidden;
	display:block;
	width:670px;
	position:relative;
}
/*
!NOTE!
    - due to the assets we've been provided there is a totally different solution for IE6
    - please refer to IE6.css for info but in a nutshell you can't position BGs when using the
    IE filter CSS prop and we needed to
*/
div#home ul li a 
{
    display: block;
    /*
        this value is overridden in fr.css for french language 
    */
    background: transparent url(/assets/images/headings/en/title-sprite.png) no-repeat 0 0;
    height: 120px;
    width: 630px;
    text-indent: -9999em;
}
div#home ul li a.the-space 
{
    width: 530px;
}
div#home ul li a.workshops 
{
    background-position: 0 -120px;
}
div#home ul li a.tours 
{
    background-position: 0 -240px;
    width: 330px;
}
div#home ul li a.lunch 
{
    background-position: 0 -360px;
    width: 330px;
}
div#home ul li a.dinner 
{
    background-position: 0 -480px;
    width: 380px;
}
div#home ul li a.whats-on 
{
    background-position: 0 -600px;
    width: 550px;
}
div#home ul li a.inspirations
{
    background-position: 0 -720px;
    width: 670px;
}
/* when JS is enabled we watn the active class to switch the starting position of the nav items */
div#home ul.active li a.the-space 
{
    background-position: -688px 0;
}
div#home ul.active li a.workshops 
{
    background-position: -688px -120px;
}
div#home ul.active li a.tours 
{
    background-position: -688px -240px;
}
div#home ul.active li a.lunch 
{
    background-position: -688px -360px;
}
div#home ul.active li a.dinner 
{
    background-position: -688px -480px;
}
div#home ul.active li a.whats-on 
{
    background-position: -688px -600px;
}
div#home ul.active li a.inspirations 
{
    background-position: -688px -720px;
}
/* rollovers for homepage - with JS we want to transition the different way */
/* non-JS rollovers - black to chcked */
div#home ul li a.the-space:focus,
div#home ul li a.the-space:hover 
{
    background-position: -688px 0;
}
div#home ul li a.workshops:hover,
div#home ul li a.workshops:focus 
{
    background-position: -688px -120px;
}
div#home ul li a.tours:hover,
div#home ul li a.tours:focus
{
    background-position: -688px -240px;
}
div#home ul li a.lunch:hover,
div#home ul li a.lunch:focus 
{
    background-position: -688px -360px;
}
div#home ul li a.dinner:hover,
div#home ul li a.dinner:focus
{
    background-position: -688px -480px;
}
div#home ul li a.whats-on:hover,
div#home ul li a.whats-on:focus 
{
    background-position: -688px -600px;
}
div#home ul li a.inspirations:hover,
div#home ul li a.inspirations:focus 
{
    background-position: -688px -720px;
}
/* JS rollovers - checked to black */
div#home ul.active li a.the-space:focus,
div#home ul.active li a.the-space:hover 
{
    background-position: 0 0;
}
div#home ul.active li a.workshops:hover,
div#home ul.active li a.workshops:focus 
{
    background-position: 0 -120px;
}
div#home ul.active li a.tours:hover,
div#home ul.active li a.tours:focus
{
    background-position: 0 -240px;
}
div#home ul.active li a.lunch:hover,
div#home ul.active li a.lunch:focus 
{
    background-position: 0 -360px;
}
div#home ul.active li a.dinner:hover,
div#home ul.active li a.dinner:focus
{
    background-position: 0 -480px;
}
div#home ul.active li a.whats-on:hover,
div#home ul.active li a.whats-on:focus 
{
    background-position: 0 -600px;
}
div#home ul.active li a.inspirations:hover,
div#home ul.active li a.inspirations:focus 
{
    background-position: 0 -720px;
}

div#home h1 a
{
    display:block;
    width:460px;
    height:110px;
    overflow:hidden;
    position:relative;
    left:-50px;
}
div#home ul .promoLinks 
{
    padding-top: 20px;
    height: 40px;
}
div#home ul .promoLinks a
{
	text-decoration:none;
	background: none;
	/* cancelling the filter which was pulling through the BG regardless of it being turned off */
	filter: none;
	text-indent: 0;
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:-1px;
	padding:0;
	margin:0;
	height:40px;
	width:250px;
}

div#home div.introduction
{
    padding-top:25px;
    width:380px;
    font-family:Georgia;
    float:left;
}

div#home div.introduction p
{
    font-size:14px;
}

div#home .contentContainer
{
    width: 450px;
    font-family:Georgia;
    float: left;
    display:inline;
}

div#home .contentContainer h2
{
	font-size: 16px;
	text-transform: none;
	padding-bottom: 7px;
	font-family: Georgia;
	letter-spacing: -1px;
}

/* 
    because we are using filter for IE6 the sprite can't be positioned (as it's not a background)
        - therefore an overflow, position absolute and positioning has been used...
 */
div#workshops div.hubNav ul li em a
{
    top:-120px;
    left:0;
}

div#tours div.hubNav ul li em a
{
    top:-240px;
    left:0;
}

div#lunch div.hubNav ul li em a
{
    top:-360px;
    left:0;
}

div#dinner div.hubNav ul li em a
{
    top:-480px;
    left:0;
}

div#whats-on div.hubNav ul li em a
{
    top:-600px;
    left:0;
}

div#inspirations div.hubNav ul li em a
{
    top:-720px;
    left:0;
}


div#booking_summary, div#booking_information
{
    margin:-16px 42px 45px 0;
    background: url(/assets/css/img/bookingSummaryBG.gif) 0 10px no-repeat;
    width:450px;
    float:right;
    padding: 0 10px 10px;
    display:inline;
    position:relative;
}

#booking_summary h4
{
    width:405px;
    font-family:Georgia;
    float:right;
    font-family: Georgia;
    letter-spacing: -1px;
}
#booking_information{
    font-family:Georgia;
}

#booking_summary p a , a#closeBooking{
	background:#333 none repeat scroll 0 0;
	color:#fff;
	display:inline;
	float:right;
	font-family:Arial, helvetica;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-transform:uppercase;
	margin-top:5px;
}
#booking_summary p a.homePromoLink
{
    position:absolute;
    right:10px;
    top:-80px;   
}
#booking_information h4{
	background-color:#FF9900;
	color:#FFFFFF;
	float:left;
	font-size:14px;
	margin-top:-10px;
	margin-left:40px;
	padding:5px 15px;
}
#booking_information div{
	background-color:#fff;
	margin:22px 0 3px 40px;
	padding:1px 15px 15px;
	width:380px;
}
#booking_information div p{
	font-size:14px;
	line-height:1.2em;
	margin-top:10px;
}

#booking_information div p.intro{
	font-size:16px;
	font-weight:bold;
	color:#ff9900;
	margin:20px 0 10px;
} 

#booking_summary table
{
    float:right;
    width: 410px;
}

#booking_summary table tr td,
#booking_summary tbody th
{
    background:white;
    padding:3px 3px 5px 3px;
    font-family:Georgia;
    font-size:13px;
    font-weight: normal;
    vertical-align:top;
}

#booking_summary tr th
{
    background-color:white;
    text-align:left;
    padding:3px;
    font-family:Georgia;
    font-size:13px;
}

#booking_summary table tr td.active
{
    background:#ff9c00;
}

#booking_summary table tr td.book
{
    font-family:helvetica, arial;
    text-transform:uppercase;
    font-weight:bold;
}
#booking_summary table tr a 
{
    color:#333;
    font-style: italic;
    text-decoration:none;
    font-weight:bold
}
#booking_summary input 
{
    *margin-left: -15px;
}
#booking_summary .cta 
{
    background-color: transparent;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    font-style:normal;
    font-style: normal;
}
div.circleActionContainer
{
    clear:both;   
}
div.circleAction
{
    margin: 0 0 18px 15px;
    float:left; 
    width:179px; 
    height:162px;
    padding:15px 7px;
    background:url(/assets/css/img/auctionBGs.png);
    /* 
        using crop here as the PNG-24 is sprited containing multiple colour varients,
        also note that colour varients will not work as you can't positioned IE6 filtered elements
    */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/css/img/auctionBGs.png', sizingMethod='crop');
    _background-image: none;
    color:White;
    display:inline;
}

div.circleAction h3
{
    font-size:22px;
    line-height:22px;
}

div.circleAction p
{
    font-family:georgia;
    font-size:12px;
    margin:10px 0;
}

div.circleAction p a
{
    margin:0;
}

/*
    this class is set via JS (ajaxload.js) when the title becomes clickable to reveal initial content
*/
em a.active 
{
    cursor: pointer;
}
.message img
{
    margin: 83px 0 0 138px;
    display: block;    
}
/* contact us map */
.vcard 
{
    background: #fff;
    padding: 10px;
    margin: 10px 10px 0 0;
}
.vcard p 
{
    font-size: 13px;
}
/* inner page styling (non-JS ones) */
.inner div#home 
{
    height:auto;
    padding-bottom: 0;
}


div.overlayBody div#auctionArea div.leftCol
{
    float:left;
    margin: 0 30px;
    width:350px
}


div.overlayBody div#auctionArea div.rightCol
{
    float:right;
    margin: 0 30px;
    width:350px
}

.recipeFooter
{
    clear: both;
}

/* 
styles for new recipe info boxes and sidebar,
those in the workshops hub need to be small so that they work once there is thin content
those in lunch and dinner need to be wide so they span the full column width
*/
.recipe_box 
{
    float: right;
    width: 400px;
    position: relative;
}
.recipe_box .funkybox 
{
    margin-left: 0;
}
div#workshops .recipe_box .funkybox 
{
    width: 190px;
}
div#lunch .recipe_box .funkybox,
div#dinner .recipe_box .funkybox 
{
    width: 400px;
}    
div#workshops .recipe_box .funkybox h3 
{ 
    _width: 160px;
}
div#lunch .recipe_box .funkybox h3,
div#dinner .recipe_box .funkybox h3 
{
    _width: 400px;
}
div#lunch .recipe_box .funkybox .l1,
div#dinner .recipe_box .funkybox .l1 
{ 
    width: 80%;
    padding-right: 0;  
}
div#lunch .recipe_box .funkybox .l3,
div#dinner .recipe_box .funkybox .l3 
{
    width: 95%;
    text-transform: none;
    padding-right: 0;
}
div#workshops .recipe_box .funkybox .l3 
{
    max-width:150px;
}
div#workshops .recipe_box .funkybox p 
{
    width: 160px;
    _width: 140px;
}
div#lunch .recipe_box .funkyContent ,
div#dinner .recipe_box .funkyContent 
{
    width: 90%;
} 
div#lunch .recipe_box .funkybox p,
div#dinner .recipe_box .funkybox p 
{
    width: 95%;
}
div#lunch .recipe_box .funkybox p input,
div#dinner .recipe_box .funkybox p input 
{
    display: block;
}
div#lunch .recipe_box .funkybox p.disclaimer input,
div#dinner .recipe_box .funkybox p.disclaimer input 
{
    display: inline;
}
#content .recipe_box .right 
{
    float: right;
}
.standout 
{
    background: #fff;
    padding: 8px 8px 14px 8px;
    margin-bottom: 18px;
}
.standout h3 
{
    color: #000;
    font-size: 20px;
    font-family: helvetica, arial;
    font-weight: bold;
    margin-bottom: 14px;
}
.standout p 
{
    font-family: Georgia;
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden;
}
.standout em 
{
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    font-family: helvetica, arial;
    text-transform: uppercase;
}
.standout a 
{
    padding: 12px 0 0 0;
    color: #68950F;
    float: none;
    margin: 0;
    display: block;
}
.standout .meta 
{
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
.standout .meta em 
{
    font-size: 12px;
    color: #f00;
} 
/* quick hack to get a bit of client side validation */
div.contentBlock div.hubIntro div.background .disclaimer 
{
    padding-bottom: 0;
    margin-bottom: 7px;
    margin-left: 4px;
}
div.contentBlock div.hubIntro div.background .error 
{
    background: #ff0000;
}
div.contentBlock div.hubIntro div.background .error label 
{
    font-weight: bold;
}
/*
new styles for inspirations page
*/
#inspirations
{
    background-image: url(../images/HubBGs/Hub_Holding_BG_dark.png);
}
#inspirations .hub_content p
{
    text-transform: uppercase;
    clear: both;
    color:#ffffff;
    font-weight:bold;
    margin-top:60px;
}
/*
style for stories collage*
*/
#collageArea{
	width:960px;
	height:700px;
	position:relative;
}
#collageArea li{
	position:absolute;
	width:260px;
	height:260px;
	overflow:hidden;
	list-style:none;
}
#collageArea li.active
{
    z-index:200;   
}
#collageArea li div{
	position:relative;
	border:10px solid #333333;
	background-color:#333333;
	width:240px;
	height:240px;
	overflow:hidden;
	background-repeat:no-repeat;
	cursor:pointer;
}
#collageArea li h4{
	position:absolute;
	bottom:0;
	right:0;
	color:#00abb1;
	background: #fff;
	margin:0;
	text-transform: uppercase;
	width:130px;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
}
#collageArea .active h4
{
    background:#00abb1;
}
#collageArea a:link, #collageArea a:visited{
	color:#00abb1;
	background:#fff;
	padding:3px;
	display:block;
	position:static;
	text-decoration:none;
	text-align:left;
}
#collageArea a:hover, #collageArea a:active, #collageArea .active a{
	color:#fff;
	background:#00abb1;
	padding:3px;
	display:block;
	position:relative;
	text-decoration:none;
	text-align:left;
}
#collageArea span
{
    display:block;
    position:relative;
}
#collage1{
	left:0;
    top:35px;
}
#collageArea div
{
    background-position:0 0;
}
#collageArea .active div
{
    background-position:0 -240px;
}
#collageArea #collage1  h4{
	right:auto;
	left:0;
	text-align:left;
}
#collage2{
	left:219px;
    top:22px;
	z-index:100;
}
#collageArea #collage2  h4{
	right:auto;
	left:0;
	text-align:left;
}
#collage3{
	left:428px;
    top:36px;
	z-index:100;
}
#collageArea #collage3  h4{
	right:auto;
	left:0;
}
#collage4{
	left:650px;
    top:21px;
	z-index:50;
}
#collage5{
	left:0;
    top:314px;
}
#collageArea #collage5  h4{
	right:auto;
	left:0;
	text-align: left;
}
#collage6{
	left:162px;
    top:361px;
	z-index:50;
}
#collageArea #collage6  h4{
	right:auto;
	left:0;
	text-align:left;
}
#collage7{
	left:280px;
    top:303px;
}
#collageArea #collage7  h4{
	bottom:auto;
	top:0;
}
#collage8{
	left:548px;
    top:255px;
	z-index:20;
}
#collageArea #collage8  h4{
	right:auto;
	left:0;
	text-align:left;
}
#collage9{
	left:650px;
    top:361px;
}
#collageArea #collage9  h4{
	right:auto;
	left:0;
	text-align:left;
}
.js-hide
{
    display:none;   
}