/* ------------------------------------------------------------------------------ 
   THIS FILE IS KEPT CONSISTENT ACROSS ADE, BRI, HOB, PER SITES
   CUSTOMISATION IS DONE WITHIN 'skin.css'
   ------------------------------------------------------------------------------ */

/* ==========================================================================
   Base styles: opinionated defaults
   Author: JX 20130127 (Adapted from HTML5 Boilerplate 4)
   ========================================================================== */

/* base text style */
html, button, input, select, textarea { color:#222; font-family:sans-serif; }
body { font-size:1em; line-height:1.4; }

/* text selection style */
::-moz-selection { color:#fff; background:#222; text-shadow:none; }
::selection { color:#fff; background:#222; text-shadow:none; }

/* simplified hr style */
hr { display:block; height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #ccc; }

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img { vertical-align:middle; }

/* Remove default fieldset styles. */
fieldset { border:0; margin:0; padding:0; }

/* Remove default webkit styles on form elements. */
button, input, select, textarea { -webkit-appearance:none; -webkit-border-radius:0; }
button:focus, input:focus, select:focus, textarea:focus { outline: none; }

/* Allow only vertical resizing of textareas. */
textarea { resize:vertical; }

/* Default table cell vertical alignment */
th, td { vertical-align:top; }

/* Chrome Frame prompt */
.chromeframe {
    margin:0.2em 0; padding:0.2em 0;
    color:#000; background:#ccc; }

/* Link styles*/
a           { color: #666; /*grey*/ } 
a:visited   { color: #666; /*grey*/ }
a:hover     { color: #000; /*black*/ }
a:focus     { color: #000; /*black*/ }

/* Link transitions */
a {
    -webkit-transition-property:color,background-color,border-color;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease-in-out;
    -webkit-transition-delay:0s;

    -moz-transition-property:color,background-color,border-color;
    -moz-transition-duration:0.3s;
    -moz-transition-timing-function:ease-in-out;
    -moz-transition-delay:0s;

    -o-transition-property:color,background-color,border-color;
    -o-transition-duration:0.3s;
    -o-transition-timing-function:ease-in-out;
    -o-transition-delay:0s;

    transition-property:color,background-color,border-color;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
    transition-delay:0s; }


/* ==========================================================================
   Primary Styles
   Author: JX 20130226
   ========================================================================== */


/* ==========================================================================
   structure - GLOBAL
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* body */
body.ps { 
	position:relative; margin:0; padding:0;
	color:#222; background:#faf3eb; 
	font-family:'Raleway',sans-serif; font-size:14px; font-weight:400; line-height:25px; }
	
	/* -------------------------------------------------------------------------- */
	/* blockings */
	#pageBg, #container, #header, #nav, #megamenu, #content, #utils, #megafooter, #footer, #links,
	#nav > .padder, #megamenu > .padder, #utils > .padder, #megafooter > .padder, #footerLinks { 
		position:relative; width:100%; height:auto; margin:0 auto; padding:0; overflow:hidden; }
		
	/* full stretch */
	#pageBg, #container, #header, #megamenu, #megafooter, #footer { 
		min-width:300px; max-width:100%; }
	
	/* limited stretch */
	#nav, #content, #utils, #links { 
		min-width:300px; max-width:980px; }
		
	/* padder */
	#nav > .padder, #megamenu > .padder, #megafooter > .padder, #footerLinks {
		min-width:0px; max-width:980px; }


/* ==========================================================================
   structure - PAGEBG
   ========================================================================== */

/* pageBg */
#pageBg { 
	position:absolute; top:0; left:0; width:100%; height:650px; margin:0; padding:0; overflow:hidden; z-index:-999;
	background:transparent url(../img/bg-header-gradient.png) 0 0 repeat-x; }

/* responsive */	
@media only screen and (max-width:980px) {
	
	/* force hide */
	#pageBg { display:none!important; }

}


/* ==========================================================================
   structure - HEADER
   ========================================================================== */

/* ------------------------------------------------------------------------------ */
/* container */
#header {  }
	
	/* -------------------------------------------------------------------------- */
	/* brand */
	#header .brand { 
		position:relative; width:auto; height:220px; margin:0; padding:0; overflow:hidden;
		background:url(../img/bg-header.jpg) top center no-repeat; }
		
		/* brand */
		#header .brand a { display:block; position:relative; width:auto; max-width:980px; height:220px; margin:0 auto; padding:0; overflow:hidden; }
		
			/* img */
			#header .brand img { display:block; position:absolute; height:auto; }
		
/* ------------------------------------------------------------------------------ */
/* header responsive */
@media only screen and (max-width:640px) {

	/* swap bg image */
	#header .brand { background:url(../img/bg-header-mob.jpg) top center no-repeat; }
	#header .brand,
	#header .brand a { height:200px; }

}
@media only screen and (max-width:400px) {

	/* reduce height */
	#header .brand,
	#header .brand a { height:180px; }
	
}


/* ==========================================================================
   structure - NAV
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */ 
#nav { background:#502a33; }
	
	/* ------------------------------------------------------------------------------ */
	/* navSelect */
	#navSelect { display:none; }
	
	/* ------------------------------------------------------------------------------ */
	/* navItems */
	#navItems { margin:0 2% 0 0; padding:0; overflow:hidden; }
	
		/* navItem */
		#nav .navItem { 
			display:inline-block; width:14%; height:53px; margin:0; padding:0; overflow:hidden; vertical-align:top;
			color:#fff; border-top:2px solid transparent;
			font-family:'Gentium Book Basic',serif; font-size:20px; font-weight:400; font-style:italic; line-height:53px; text-align:center;
			text-decoration:none!important; outline:0 none!important;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:background-color 0.3s ease-in-out;
			-moz-transition:background-color 0.3s ease-in-out;
			-o-transition:background-color 0.3s ease-in-out;
			transition:background-color 0.3s ease-in-out; }
			
			/* items - label */
			#nav .navItem .label { 
				display:block; width:auto; margin:0; padding:0 10px; 
				white-space:nowrap;	cursor:pointer; }
				
		/* navItem - interaction */	
		.no-touch #nav .navItem:hover,
		.no-touch #nav .navItem:focus,
		.touch #nav .navItem:active { background:#6d353b; }
		
		/* navItem - selected */
		#nav .navItem.selected,
		#nav .navItem.selected .label,
		.no-touch #nav .navItem.selected:hover,
		.no-touch #nav .navItem.selected:focus,
		.touch #nav .navItem.selected:active { background:#6d353b; border-top-color:#ee3d5a; }

		/* navItem extend */
		/*
			moved to skin.css
		*/
	
	/* ------------------------------------------------------------------------------ */
	/* crest */	
	#navCrest { 
		position:absolute; top:0; right:50px; width:50px; height:55px; margin:0; padding:0; overflow:hidden;
		color:#fff; }
		
		/* icon */
		#navCrest .icon { 
			top:0; left:0; width:100%; height:100%; margin:0;
			font-size:38px; line-height:55px; }
	
	/* ------------------------------------------------------------------------------ */
	/* navMegamenu */	
	#navMegamenu { 
		position:absolute; top:0; right:0; width:50px; height:55px; margin:0; padding:0; overflow:hidden;
		color:#fff; background:#be354c;	outline:0 none!important;
		text-decoration:none!important; cursor:pointer!important; }
	
	/* hover */
	.no-touch #navMegamenu:hover,
	.no-touch #navMegamenu:focus,
	.touch #navMegamenu:active { 
		background:#ee3d5a; }
		
	/* active */
	#navMegamenu.active,
	.no-touch #navMegamenu.active:hover,
	.no-touch #navMegamenu.active:focus,
	.touch #navMegamenu.active:active { 
	 	background:#ee3d5a; }	
		
		/* icon */
		#navMegamenu .icon { 
			top:0; left:0; width:100%; height:100%; margin:0;
			font-size:18px; line-height:55px; }
	
/* ------------------------------------------------------------------------------ */
/* nav responsive */
@media only screen and (max-width:980px) {
	
	/* reduce right gap */
	#navItems { margin-right:11%; }

}
@media only screen and (max-width:900px) {
	
	/* smaller text */
	#nav .navItem { font-size:18px; }
	
	/* more space for label */
	#nav .navItem .label { padding:0 5px; }
	
	/* smaller icons */	
	#navCrest,
	#navMegamenu { width:40px; }
	#navCrest { right:40px; }
	#navCrest .icon { font-size:28px; }

}
@media only screen and (max-width:800px) {
	
	/* hide icons */	
	#navCrest,
	#navMegamenu { display:none!important; }
	
	/* no gaps */
	#navItems { margin-right:0; }
	
	/* more space for label */
	#nav .navItem .label { padding:0 2px; }

}
@media only screen and (max-width:640px) {
	
	/* ------------------------------------------------------------------------------ */
	/* switch to drop down */
	#nav { 
		width:auto; height:45px/*auto*/; 
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:height 0.3s ease-in-out;
		-moz-transition:height 0.3s ease-in-out;
		-o-transition:height 0.3s ease-in-out;
		transition:height 0.3s ease-in-out; }
				
		/* ------------------------------------------------------------------------------ */
		/* navItem */
		#nav #navItems { margin:0; }
		
		#nav #navSelect,
		#nav #navItems .navItem { 
			display:block; width:auto; height:auto/*43px*/; margin:0; padding:0; overflow:hidden;
			color:#fff; background:none; border-bottom:1px solid #5d3137; border-top:none!important;
			font-size:18px; line-height:43px; text-align:left;
			text-decoration:none!important; }
		#nav #navSelect .label,
		#nav .navItem .label { display:block; width:auto; height:auto; padding:0 4%; border:none; }
		#nav #navSelect .label { padding-right:45px; }
		
		/* navItem - interaction */	
		.no-touch #nav #navItems .navItem:hover,
		.no-touch #nav #navItems .navItem:focus,
		.touch #nav #navItems .navItem:active { background:#ee3d5a; }
		
		/* navItem - selected */
		#nav .navItem.selected,
		#nav .navItem.selected .label,
		.no-touch #nav .navItem.selected:hover,
		.no-touch #nav .navItem.selected:focus,
		.touch #nav .navItem.selected:active { color:#ee3d5a; background:none!important; border-bottom-color:#5d3137; cursor:default!important; }
		
		/* ------------------------------------------------------------------------------ */
		/* navSelect */
		#nav #navSelect { 
			position:relative; height:45px;
			background:#402228; border:none;
			font-family:'Gentium Book Basic',serif; font-size:25px; font-weight:400; font-style:italic; line-height:45px;
			cursor:pointer!important; }
		
			/* icon */
			#nav #navSelect .icon { 
				top:0; right:0; width:45px; height:45px; margin:0; padding:0; overflow:hidden;
				color:#fff; 
				font-size:18px; line-height:45px; }
	
	/* IE fix */
	.ie #nav.active { height:auto!important; }
	
}
@media only screen and (max-width:400px) {
	
	/* ------------------------------------------------------------------------------ */
	/* navSelect - make text smaller */
	#nav #navSelect { font-size:20px; }
	
}


/* ==========================================================================
   structure - MEGAMENU
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */ 
#megamenu { 
	display:none; position:absolute; top:275px; left:0; overflow:visible; z-index:500; }

	/* padder */
	#megamenu > .padder { 
		height:auto; min-height:300px; /*padding-bottom:30px;*/
		background:#fff;
		/*box-shadow*/-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1); box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1); }
	
	/* -------------------------------------------------------------------------- */
	/* common */
	
	/* layout */
	#megamenu .section 			{ float:left; }
	#megaBg .bg 				{ position:absolute; top:0; height:100%; overflow:hidden; }
	
	#megaFeat, #megaBg .bg1 	{ width:30%; }
	#megaSites, #megaBg .bg2 	{ width:38%; }
	#megaActions, #megaBg .bg3	{ width:32%; }
	#megaActions 				{ float:right; }
	.oldie #megaActions			{ width:31%; }
	
	/* bg */
	#megaBg .bg1 				{ left:0; }
	#megaBg .bg2 				{ left:30%; }
	#megaBg .bg3				{ right:0; background:#fbf2f3; }
	
	#megaBg .bg2 .bgShade { 
		top:-600px; left:-320px; width:1px; height:600px;
		background:#f9ecee; 
		/*box-shadow*/-webkit-box-shadow:0px 0px 500px 500px #f9ecee; box-shadow:0px 0px 500px 500px #f9ecee; }
	.oldie #megaBg .bg2 .bgShade { display:none; }
	
	/* -------------------------------------------------------------------------- */
	/* megaFeat */
	#megaFeat .itemMegaFeat { margin-bottom:15px; }
	
		/* imagThumb */
		#megaFeat .itemMegaFeat .imgThumb { 
			display:block; height:165px; padding:0;
			background-image:url(../img/sprite-megamenu.jpg); background-repeat:no-repeat; }
		#megaFeat #m1a .imgThumb { background-position:center 0; }
		#megaFeat #m1b .imgThumb { background-position:center -170px; }
		
			/* icon */
			#megaFeat .itemMegaFeat .imgThumb .icon { 
				top:12%; left:8%; width:60px; height:60px; margin:0; padding:0; overflow:hidden;
				color:rgba(255,255,255,0.8); font-size:28px; line-height:60px; text-align:center;
				/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
				/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
			#megaFeat #m1a .imgThumb .icon { background:rgba(186,31,56,0.2); }
			#megaFeat #m1b .imgThumb .icon { background:rgba(58,73,39,0.2); font-size:35px; }
			.oldie #megaFeat #m1a .imgThumb .icon { color:#faecee; background:#e8a1ae; }
			.oldie #megaFeat #m1b .imgThumb .icon { color:#ffffff; background:#8aaf5c; }
		
		/* padder */
		#megaFeat .itemMegaFeat .padder { position:relative; min-height:0; padding:10px 5% 10px 10%; }
		
			/* icon */
			#megaFeat .itemMegaFeat .icon { 
				top:10px; left:5%; width:10px; height:30px; margin:0;
				color:#ee3d5a; font-size:10px; line-height:30px; text-align:left; }
				
			/* label */
			#megaFeat .itemMegaFeat .label { 
				color:#333;
				font-family:'Gentium Book Basic'; font-size:24px; font-weight:400; font-style:italic; line-height:30px;
				/*transition*/
				/*-webkit-transform:translate3d(0,0,0);*/
				-webkit-transition:color 0.3s ease-in-out;
				-moz-transition:color 0.3s ease-in-out;
				-o-transition:color 0.3s ease-in-out;
				transition:color 0.3s ease-in-out; }
			#megaFeat .itemMegaFeat:hover .label,
			#megaFeat .itemMegaFeat:focus .label,
			#megaFeat .itemMegaFeat:active .label { color:#ee3d5a; }
			
	/* -------------------------------------------------------------------------- */
	/* megaSites */
	#megaSites .btnList { 
		padding-bottom:15px; border-color:rgba(0,0,0,0.1); }
	.oldie #megaSites .btnList { border-color:#eeeaea; }

	/* -------------------------------------------------------------------------- */
	/* megaActions */
	#megaActions .btnAction { 
		display:block; height:auto; min-height:65px; margin:0; padding:20px 75px 20px 25px;
		border-top:2px solid #fdfafa; }
	#megaActions .btnAction:first-child { border:none; }
		
		/* common */
		#megaActions .btnAction,
		#megaActions .btnAction .label,
		#megaActions .btnAction .desc { white-space:normal; }
		
		#megaActions .btnAction .icon,
		#megaActions .btnAction .label,
		#megaActions .btnAction .desc { z-index:2; }

		/* icon */
		#megaActions .btnAction .icon { 
			left:auto; right:15px; top:20px; width:50px; height:50px; margin:0; padding:0;
			color:#fff; background:#eec7cd;
			font-size:28px; line-height:50px; }
		#megaActions .btnAction:hover .icon,
		#megaActions .btnAction:focus .icon,
		#megaActions .btnAction:active .icon { background:#ee3d5a; }
		
		/* label and desc*/
		#megaActions .btnAction .label,
		#megaActions .btnAction .desc { position:relative; margin:0; }
		#megaActions .btnAction .label { font-size:15px; line-height:20px; }
		#megaActions .btnAction .desc { 
			margin-top:5px;
			font-family:'Raleway',sans-serif; font-size:13px; line-height:20px; font-style:normal; }
		#megaActions .btnAction:hover .label,
		#megaActions .btnAction:focus .label,
		#megaActions .btnAction:active .label { color:#ee3d5a!important; }
		
		/* bg */
		#megaActions .bgShade { 
			display:block; position:absolute; top:-60px; left:-1px; width:120px; height:1px; overflow:hidden; z-index:1;
			background:#f4d9dd; opacity:0; 
			/*box-shadow*/-webkit-box-shadow:0px 0px 100px 100px #f4d9dd; box-shadow:0px 0px 100px 100px #f4d9dd;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:opacity 0.3s ease-in-out;
			-moz-transition:opacity 0.3s ease-in-out;
			-o-transition:opacity 0.3s ease-in-out;
			transition:opacity 0.3s ease-in-out; }
		#megaActions .btnAction:hover .bgShade,
		#megaActions .btnAction:focus .bgShade,
		#megaActions .btnAction:active .bgShade { opacity:1; }

/* -------------------------------------------------------------------------- */
/* responsive */ 
@media only screen and (max-width:800px) {

	/* force hide */
	#megamenu { display:none!important; }

}

/* -------------------------------------------------------------------------- */
/* custom - sosj brand */

/* sizing main background image */
#megaFeat #m1b .imgThumb { position:relative; background-size:100% 340px; background-position:center bottom; }

/* hide icon */
#megaFeat #m1b .imgThumb .icon { display:none!important; }

/* brandSOSJ */
#megaFeat #m1b .imgThumb .brandSOSJ { 
	display:block; position:absolute; top:50%; left:50%; width:240px; height:85px; margin:-43px 0 0 -120px; padding:0; overflow:hidden; }
@media only screen and (max-width:900px) {
	
	#megaFeat #m1b .imgThumb .brandSOSJ { width:230px; height:82px; margin:-41px 0 0 -115px; }
	
}


/* ==========================================================================
   structure - CONTENT SHELL
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#content { width:auto; background:#fff; }
	
	/* -------------------------------------------------------------------------- */
	/* common */
	#main,
	#aside { position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden; }
	
	/* -------------------------------------------------------------------------- */
	/* main */
	#main { width:auto; padding:5% 5.5%; min-height:400px; }
		
	/* -------------------------------------------------------------------------- */
	/* aside */
	#aside { display:none; }	
	
/* -------------------------------------------------------------------------- */
/* content responsive */
@media only screen and (max-width:800px) { 
	 
	/* adjust gaps */
	#main { padding:4%; }
	#aside { padding:0; }
	
	/* stacking order */
	#main,
	#aside { width:auto; float:none; clear:both; }
	
} 


/* ==========================================================================
   structure - PAGINATION
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
.pagination { 
	position:relative; width:auto; height:30px; margin:0; padding:0; overflow:hidden;
	text-align:center; } 
	
	/* common */
	.pagination .btnNav,
	.pagination .msg { 
		display:inline-block; vertical-align:middle; } 

	/* btnNav */
	.pagination .btnNav { 
		position:relative; width:28px; height:28px; margin:0; padding:0; overflow:hidden;
		color:#fff; background:#9f9b96; text-decoration:none!important; cursor:pointer!important;
		font-size:16px; line-height:28px; text-align:center;
		/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	.pagination .btnNav:hover,
	.pagination .btnNav:focus,
	.pagination .btnNav:active { background:#b30066; }
	
	/* btnNav - disabled */
	.pagination .btnNav.disabled,
	.pagination .btnNav.disabled:hover,
	.pagination .btnNav.disabled:focus,
	.pagination .btnNav.disabled:active { 
		background:#ccc; cursor:default!important; }
		
		/* icon */
		.pagination .btnNav .icon { 
			top:0; left:0; width:100%; height:100%; }
	
	/* msg */
	.pagination .msg {
		width:auto; height:auto; margin:0 20px; padding:0; overflow:hidden;
		color:#222;
		font-size:14px; font-weight:700; line-height:30px; }
		

/* ==========================================================================
   structure - UTILS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#utils { background:#f9f8f7; }
	
	/* padder */
	#utils .padder { width:auto; height:30px; padding:15px 5.5%; }
	
		/* btnText */
		#utils .btnText { display:none; }
		
		/* pagination */
		#utils .pagination { width:auto; padding:0 5.5%; }


/* ==========================================================================
   structure - MEGAFOOTER
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#megafooter { background:rgba(255,255,255,0.5); margin-top:4%; padding:50px 0; }
.oldie #megafooter { background:#fbfaf8; }

	/* title */
	#megafooter .title { 
		display:inline-block; width:22.5%;/*26.5-4*/ margin:0; padding:0 0 0 4%; overflow:hidden;
		text-align:left; vertical-align:middle; }
		
		/* label */
		#megafooter .title .label { white-space:nowrap; text-overflow:ellipsis; }
		
	/* btnAction */
	#megafooter .btnAction { margin:0 5% 0 0; }
	#megafooter .btnAction.last-child { margin-right:0; }
	#megafooter .btnAction:last-child { margin-right:0; }
	.oldie #megafooter .btnAction { margin:0 4% 0 0; }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:980px) {

	/* hide title */
	#megafooter .title { display:none; }
	
	/* remove top gap */
	#megafooter,
	.oldie #megafooter { margin-top:0; background:none; }
	
	/* reduce gap */
	#megafooter { padding:5% 0; }
	
	/* center align */
	#megafooter .padder { text-align:center; }

}
@media only screen and (max-width:750px) {

	/* reduce gap */
	#megafooter { padding:5% 0; }
	
	/* reduce side gaps */
	#megafooter .btnAction,
	#megafooter .btnAction.last-child { margin:0 5%; width:45px; height:45px; }
	#megafooter .btnAction:last-child { margin:0 5%; width:45px; height:45px; }
	
	.oldie #megafooter .btnAction,
	.oldie #megafooter .btnAction.last-child { margin:0 4%; }
	.oldie #megafooter .btnAction:last-child { margin:0 4%; }
	
	/* hide btn text */
	#megafooter .btnAction .label,
	#megafooter .btnAction .desc { display:none; }

}


/* ==========================================================================
   structure - FOOTER
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#footer { /*margin-top:50px;*/ color:#fff; background:rgba(0,0,0,0.8); }
.oldie #footer { background:#222; }

	/* footerLinks */
	#footerLinks { padding:15px 0; }
		
		/* list and link style */
		#footerLinks span,
		#footerLinks a { 
			color:#fff; border:none;
			font-family:'Gentium Book Basic',serif; font-style:italic; font-size:14px; line-height:20px;
			text-decoration:none; }
		#footerLinks a:hover,
		#footerLinks a:focus,
		#footerLinks a:active { 
			color:#fff; text-decoration:underline; }
		
		/* list layout */
		#footerLinks span { margin:0; padding:0; }
		#footerLinks span:first-child { margin-left:4%; }
		#footerLinks span.first-child { margin-left:4%; }
		#footerLinks .sep { padding:0 6px; }
		
		/* btnFW */
		#footerLinks #btnFW { position:absolute; top:50%; right:4%; width:130px; height:20px; margin:-10px 0 0 0; padding:0; border:none; }
			#footerLinks #btnFW a { 
				display:block; width:100%; height:20px; margin:0; padding:0; background:url(../img/btn-fw.png) center center no-repeat;
				/*transition*/
				/*-webkit-transform:translate3d(0,0,0);*/
				-webkit-transition:opacity 0.3s ease-in-out;
				-moz-transition:opacity 0.3s ease-in-out;
				-o-transition:opacity 0.3s ease-in-out;
				transition:opacity 0.3s ease-in-out;
				/*opacity*/opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); }
			#footerLinks #btnFW a:hover,
			#footerLinks #btnFW a:focus { 
				/*opacity*/opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
	
/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:640px) {

	#footer { margin-top:0; }
	#footerLinks { width:auto; padding-left:4%; padding-right:4%; text-align:center; }
	#footerLinks span:first-child { margin-left:0; }
	#footerLinks > span { display:inline-block; float:none; clear:both; }
	#footerLinks #btnFW { display:block; position:relative; top:auto; right:auto; margin:10px auto 0 auto; }

}
@media only screen and (max-width:500px) {

	#footerLinks > span:first-child { display:block; }
	#footerLinks > span.first-child { display:block; }
	#footerLinks > span:nth-child(2) { display:none; }

}
@media 	(-o-min-device-pixel-ratio: 5/4),
		(-webkit-min-device-pixel-ratio: 1.25),
		(min-resolution:120dpi) {
    
	/*use @2x image*/
	#footerLinks #btnFW a { 
		background-image:url(../img/btn-fw@2x.png);
		background-size:130px 20px; }
}


/* ==========================================================================
   structure - HEADINGS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
.headings { position:static; width:auto; height:auto; margin:0; padding:0; overflow:hidden; }
	
	/* h1 */
	.headings h1.heading { 
		display:block; position:static; margin:0; padding-bottom:0; overflow:hidden;
		color:#222; border-bottom:1px solid #d6d6d6;
		font-family:'Gentium Book Basic',serif; font-size:40px; line-height:44px; font-weight:400; font-style:italic; }
	

/* ==========================================================================
   structure - COLUMNS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* columns common */
.col, .col2, .col3, .colFull,
.col2a,
.col2b,
.col3a,
.col3b,
.col3c { display:block; position:relative; height:auto; margin:0; padding:0; overflow:visible; }
	
/* -------------------------------------------------------------------------- */
/* colFull */
.colFull { width:auto; float:none; clear:both; }
	
/* -------------------------------------------------------------------------- */
/* col2 */
.col2,
.col2a,
.col2b { width:47.75%; }
.col2a { float:left; clear:left; }
.col2b { float:right; clear:right; }

/* -------------------------------------------------------------------------- */
/* col3 */
.col3,
.col3a,
.col3b,
.col3c { width:29.6%; }
.col3a { float:left; clear:left; }
.col3b { float:left; clear:none; padding-left:5.6%; }
.col3c { float:right; clear:right; }

/* -------------------------------------------------------------------------- */
/* columns responsive */
@media only screen and (max-width:500px) {

	/* make col2 stacking */
	.col2,
	.col2a,
	.col2b { width:auto; float:none; clear:both; }
	
	/* col2Important */
	.col2Important 		{ width:47.75%; }
	.col2Important.col2a 	{ float:left; clear:left; }
	.col2Important.col2b 	{ float:right; clear:right; }
	
	/* make col3 stacking */
	.col3,
	.col3a,
	.col3b,
	.col3c { width:auto; padding-left:0; float:none; clear:both; }

}


/* ==========================================================================
   common - FORM
   ========================================================================== */

/* -------------------------------------------------------- */
/* container */
.formView { position:relative; margin:0; padding:0; }
	
	/* form */
	.formView form {
		display:block; position:relative; width:100%; height:auto; margin:0; padding:0; }
		
		/* -------------------------------------------------------- */	
		/* fieldset */
		.formView fieldset 			{ display:block; position:relative; margin:0; padding:0; border:0; }
		.formView fieldset.col50pct { width:50%; }
		
		/* -------------------------------------------------------- */
		/* label */			
		.formView label { 
			display:block; margin:25px 0 0 0; padding:0;
			color:#222; vertical-align:baseline; white-space:nowrap; text-overflow:ellipsis;
			font-size:14px; font-weight:800; line-height:30px; }
		.formView label.inline { 
			display:inline-block; margin:30px 0 0 15px; padding:0; line-height:35px;
			vertical-align:middle; }
		.formView .disabled label { color:#888; }
		
		/* -------------------------------------------------------- */
		/* radio/checkbox */
		.formView input.radio,
		.formView input.checkbox { /*by JS*/ }
		.formView span.radio,
		.formView span.checkbox	{ 
			display:inline-block; width:35px; height:35px; margin:30px 0 0 0; padding:0;
			background:url(../img/radio-custom.png) no-repeat; vertical-align:middle;
			cursor:pointer!important; }
		.formView .disabled span.radio,
		.formView .disabled span.checkbox { 
			cursor:default!important; }
			
		/* -------------------------------------------------------- */
		/* input */
		.formView input.text { 
			display:block; width:91.25%; height:14px; margin:0; padding:12px 4%; overflow:hidden;
			color:#222; background:#fff; border:1px solid #ccc;
			font-size:14px; line-height:14px;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-moz-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-o-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
		.formView input.text:focus,
		.formView input.text:active { 
			color:#000; border-color:#ee3d5a; }
		.formView input.text[disabled] { 
			color:#222!important; opacity:1!important; }
		
		/* nesting */
		.formView .col2 > .col2 > input.text { width:83.25%; padding-left:8%; padding-right:8%; }
		.formView .col2 > .col2 > .col2 > input.text { width:67.25%; padding-left:16%; padding-right:16%; }
		
		/* placeholder */
		::-webkit-input-placeholder 	{ color:#bbb; }
		:-moz-placeholder 				{ color:#bbb; }
		::-moz-placeholder 				{ color:#bbb; }
		:-ms-input-placeholder			{ color:#bbb; }
			
		/* ------------------------------------------------------------------------------ */
		/* select */
		.formView select,
		.formView select.selectBox,
		.formView .select { 
			display:block; width:85.25%; height:14px; margin:0; padding:12px 10% 12px 4%; overflow:hidden;
			color:#222; background:#fff; border:1px solid #ccc;
			font-size:14px; line-height:14px; 
			cursor:pointer!important;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-moz-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-o-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
			
		/* custom-form-elements */
		.formView select { position:relative; width:100%!important; height:40px!important; margin:0; padding:0; border:none; } /* consistent dimension as .select */
		.formView .select { position:absolute; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } /* put real select on top of .select */
		.formView .select .icon { right:0; top:50%; width:10%; min-width:12px; height:20px; margin:-10px 0 0 0; font-size:12px; line-height:20px; }
		
		/* nesting */
		.formView .col2 > .col2 > .select { width:71.25%; padding-left:8%; padding-right:20%; }
		.formView .col2 > .col2 > .select .icon { width:20%; }
		.formView .col2 > .col2 > .col2 > .select { width:43.25%; padding-left:16%; padding-right:40%; }
		.formView .col2 > .col2 > .col2 > .select .icon { width:40%; }	
		
		/* -------------------------------------------------------- */
		/* textarea */
		.formView textarea { 
			display:block; width:91.75%; margin:0; padding:12px 4%; overflow:hidden;
			color:#222; background:#fff; border:1px solid #ccc; resize:vertical;
			font-size:14px; line-height:14px;
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-moz-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			-o-transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out;
			transition:color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
		.formView textarea:focus,
		.formView textarea:active { 
			color:#000; border-color:#ee3d5a; }
		.formView textarea[disabled] { 
			color:#222!important; opacity:1!important; }

/* responsive */
@media only screen and (max-width:640px) {
	
	/* reduce field top gap */
	.formView label { margin-top:10px; }
	.formView label.inline,
	.formView span.radio,
	.formView span.checkbox { margin-top:15px; }

}
@media only screen and (max-width:500px) {

	/* reduce label top gap */
	.formView label { margin-top:5px; }
	
	/* normalize nesting for mobile */
	
	/* input */
	.formView .col2 > input.text,
	.formView .col2 > .col2 > input.text, 
	.formView .col2 > .col2 > .col2 > input.text { width:91.25%; padding-left:4%; padding-right:4%; }
		
	/* select */
	.formView .col2 > .col2 > .select,
	.formView .col2 > .col2 > .col2 > .select { width:85.25%; padding-left:4%; padding-right:10%; }
	.formView .col2 > .col2 > .select .icon,
	.formView .col2 > .col2 > .col2 > .select .icon { width:10%; }
	
	/* col2Important */
	.formView .col2 > .col2.col2Important > input.text { width:83.25%; padding-left:8%; padding-right:8%; }
	.formView .col2 > .col2.col2Important > .select { width:71.25%; padding-left:8%; padding-right:20%; }
	.formView .col2 > .col2.col2Important > .select .icon { width:20%; }
	
}
@media 	(-o-min-device-pixel-ratio: 5/4),
		(-webkit-min-device-pixel-ratio: 1.25),
		(min-resolution:120dpi) {

	/*use @2x image*/
	.formView span.radio,
	.formView span.checkbox { 
		background-image:url(../img/radio-custom@2x.png);
		background-size:35px 140px; }
}




/* ==========================================================================
   common - SYSMSG
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
.sysmsg { 
	position:relative; width:auto; height:auto; margin:0; padding:20px; overflow:hidden;
	color:#fff; text-align:center;background:#666;
	font-family:'Gentium Book Basic',serif; font-size:22px; font-weight:400; line-height:25px; font-style:italic; }
.oldie .sysmsg { padding-bottom:10px; }
	
	/* common */
	.sysmsg h3,
	.sysmsg p,
	.sysmsg li { margin:0 0 10px 0; }
	.sysmsg > :last-child { margin-bottom:0; }
	
	/* custom */
	.sysmsg h3 	{ font-size:30px; line-height:30px; }
	.sysmsg p 	{ font-size:22px; line-height:25px; }
	.sysmsg a	{ text-decoration:underline; }
		
	/* icon */
	.sysmsg .icon { 
		position:static; display:inline-block; padding:0 0.5em;
		font-size:22px; line-height:25px; vertical-align:bottom; }
	.sysmsg .iconLeft 	{ padding-left:0; }
	.sysmsg .iconRight 	{ padding-right:0; }
		
/* extend */
.sysmsgSuccess 	{ background:#a2d04b; }
.sysmsgError 	{ background:#f0176a; }


/* ==========================================================================
   common - UTILS
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* utils */
.utils { position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden; clear:both; float:none; }


/* ==========================================================================
   common - ITEMS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* default */
.item { 
	display:block; position:relative; width:auto; height:auto; margin:0 0 20px 0; padding:0; overflow:hidden;
	cursor:pointer; text-decoration:none; }
.item:hover img,
.item:focus img,
.item:active img,
.item:hover span,
.item:focus span,
.item:active span { text-decoration:none; }

	/* common */
	.item > img,
	.item > .padder,
	.item > .padder > span { display:block; }
	
	/* imgThumb */
	.item .imgThumb { 
		width:100%; height:auto; margin:0; padding:0 0 20px 0; overflow:hidden; }
	
	/* iconThumb */
	.item .iconThumb {
		display:block; position:absolute; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
		background:#b30066 url(../img/sprite-icon-resource.png) 100px 100px no-repeat;
		/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	
	/* date */
	.item .date { 
		padding:0 0 5px 0; 
		color:#b30066; font-size:14px; font-weight:700; line-height:20px; }
	
	/* cate */
	.item .cate { 
		padding:0 0 5px 0; 
		color:#b30066; font-size:12px; font-weight:600; line-height:20px; }
	
	/* title */
	.item .title { 
		padding:0 0 5px 0; 
		color:#333; 
		font-family:'Gentium Book Basic',serif; font-size:22px; line-height:25px; font-weight:400; font-style:italic;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }
	.item:hover .title,
	.item:focus .title,
	.item:active .title { color:#b30066; }
		
	/* desc */
	.item .desc { 
		padding:0 0 10px 0; 
		color:#222; 
		font-size:14px; font-weight:400; line-height:20px; }
		
/* -------------------------------------------------------------------------- */
/* custom - resourceListing */

/* layout */
#resourceListing 			{ padding:7% 0 0 0; }
#resourceListing .item 		{ width:45%; float:left; clear:left; margin-bottom:6%; }
#resourceListing .itemAlt 	{ width:45%; float:right; clear:right; }

/* responsive */
@media only screen and (max-width:800px) {
	
	/* adjust gap */
	#resourceListing .item,
	#resourceListing .itemAlt { width:47%; }

}
@media only screen and (max-width:640px) {
	
	/* reduce imgThumb bottom gap */
	#resourceListing .item .imgThumb { padding-bottom:10px; }
	
	/* reduce title size */
	#resourceListing .item .title { font-size:18px; line-height:20px; }
	
	/* hide desc */
	#resourceListing .item .desc { display:none; }

}

/* -------------------------------------------------------------------------- */
/* custom - stackListing */

/* container */
.stackListing { padding:7% 0 0 0; }
	
	/* item */
	.stackListing .item { width:100%; margin:0; border-top:1px solid #d6d6d6; }
	.stackListing .item.first-child { border-top:none; }
	.stackListing .item:first-child { border-top:none; }
	
		/* padder */
		.stackListing .item > .padder { min-height:55px; padding:7% 0 7% 70px; overflow:visible; }
		.stackListing .item.first-child > .padder { padding-top:0; }
		.stackListing .item:first-child > .padder { padding-top:0; }
			
			/* common */
			.stackListing .item > .padder > span:last-child { margin-bottom:0; padding-bottom:0; }
			
			/* dateBlock */
			.stackListing .item .dateBlock { margin-left:-70px; width:40px; height:55px; }
			
				/* d,m */
				.stackListing .item .dateBlock .d { margin-top:16px; }
				.stackListing .item .dateBlock .m { margin-top:10px; }

/* responsive */
@media only screen and (max-width:800px) {
	
	/* adjust gap */
	.stackListing .item > .padder { padding-top:5%; padding-bottom:5%; }

}
@media only screen and (max-width:640px) {
	
	/* adjust gap */
	.stackListing .item > .padder { padding-left:60px; }
	.stackListing .item .dateBlock { margin-left:-60px; }
	
	/* reduce title size */
	.stackListing .item .title { font-size:18px; line-height:20px; }
	
	/* hide desc */
	.stackListing .item .desc { display:none; }

}

/* -------------------------------------------------------------------------- */
/* custom - itemResource */
.stackListing .itemResource > .padder { min-height:45px; padding-top:5%; padding-bottom:5%; }
.stackListing .itemResource .title { padding-bottom:0; }
.stackListing .itemResource .iconThumb { margin-left:-70px; width:45px; height:45px; }

/* icons */
.stackListing .itemResource.RSPDF .iconThumb { background-position:center 0; }
.stackListing .itemResource.RSLIN .iconThumb { background-position:center -50px; }
.stackListing .itemResource.RSIMA .iconThumb { background-position:center -100px; }
.stackListing .itemResource.RSAUD .iconThumb { background-position:center -150px; }
.stackListing .itemResource.RSVID .iconThumb { background-position:center -200px; }
.stackListing .itemResource.RSREF .iconThumb { background-position:center -250px; }

/* responsive */
@media only screen and (max-width:640px) {
	
	/* adjust gap */
	.stackListing .itemResource > .padder { padding-left:60px; }
	.stackListing .itemResource .iconThumb { margin-left:-60px; }

}


/* ==========================================================================
   common - SECTION
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
.section { display:block; position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden; }
	

/* ==========================================================================
   common - TITLES
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* titleFeat */
.titleFeat { 
	position:relative; width:auto; height:auto; margin:0 auto; padding:0; overflow:hidden;
	color:#333; background:none;
	font-family:'Gentium Book Basic',serif; font-size:24px; font-weight:400; line-height:30px; font-style:italic; text-align:center; }
	
	/* label */
	.titleFeat .label { 
		display:inline-block; position:relative; width:auto; max-width:100%; height:auto; margin:0 auto; padding:0; overflow:hidden; }
		
		/* label underline */
		.titleFeat .label:before {
			content:'';
			position:absolute; left:0; bottom:0; width:100%; height:4px; margin:0; padding:0; overflow:hidden; z-index:0;
			color:#000; border-top:1px solid #303030;
			font-size:0; line-height:0; }

/* -------------------------------------------------------------------------- */
/* captions */
.captions,
.captions .label,
.captions .sublabel,
.captions .desc  { 
	display:block; width:auto; height:auto; margin:0; padding:0; overflow:hidden;
	color:#222; }
	
	/* label */
	.captions .label { font-size:20px; font-weight:900; line-height:1em; text-transform:uppercase; }
	
	/* sublabel */
	.captions .sublabel { font-family:'Gentium Book Basic',serif; font-size:20px; line-height:1em; font-style:italic; }
	
	/* desc */
	.captions .desc { margin-top:10px; font-size:13px; line-height:20px; }


/* ==========================================================================
   common - ICONS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* icon */
.icon { 
	position:absolute; 
	text-align:center; 
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out; }

/* -------------------------------------------------------------------------- */
/* icon - customisation */

/* megamenu */
#megaFeat #m1a .imgThumb .icon.fwicon-flower { font-size:26px; }
#megaActions .btnAction .icon { font-size:24px; }

/* microsite */
#home .f1 .hover .icon.fwicon-book-open { font-size:35px; line-height:73px; }
#home .t3 .content .links li .icon.fwicon-note { font-size:16px; }
@media only screen and (max-width:500px) { #home .t3 .content .links li .icon.fwicon-note { font-size:14px; } }


/* ==========================================================================
   common - BUTTONS
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* btnIcon */
.btnIcon { 
	display:inline-block; position:relative; width:40px; height:40px; margin:0 20px 20px 0; padding:0; vertical-align:middle;
	color:#fff; background:#222;
	text-decoration:none; cursor:pointer; }
.btnIcon:hover,
.btnIcon:focus,
.btnIcon:active { 
	color:#fff; background:#b30066;
	text-decoration:none; }
	
	/* icon */
	.btnIcon .icon { 
		position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0;
		color:#fff;
		font-size:18px; line-height:40px; }
	.btnIcon:hover .icon,
	.btnIcon:focus .icon,
	.btnIcon:active .icon { font-size:22px; text-decoration:none!important; }

/* -------------------------------------------------------------------------- */
/* extend - shareLinks */
#shareLinks { 
	display:block; position:absolute; width:40px; height:40px; top:50px; right:0; margin:0; padding:0; overflow:hidden; z-index:100;
	cursor:pointer;
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:height 0.3s ease-in-out;
	-moz-transition:height 0.3s ease-in-out;
	-o-transition:height 0.3s ease-in-out;
	transition:height 0.3s ease-in-out; }
#home #shareLinks { top:10px; }

/* active state */
.no-touch #shareLinks:hover,
.touch #shareLinks.active { height:204px; }

	/* btnIcon */
	#shareLinks .btnIcon { 
		display:block; margin:0; border-bottom:1px solid #fff;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:right 0.3s ease-in-out, background-color 0.3s ease-in-out;
		-moz-transition:right 0.3s ease-in-out, background-color 0.3s ease-in-out;
		-o-transition:right 0.3s ease-in-out, background-color 0.3s ease-in-out;
		transition:right 0.3s ease-in-out, background-color 0.3s ease-in-out; }
	#shareLinks #btnShareFB { right:-40px; }
	#shareLinks #btnShareTT { right:-60px; }
	#shareLinks #btnShareGP { right:-70px; }
	#shareLinks #btnShareEM { right:-75px; }
	
	/* active state */
	.no-touch #shareLinks:hover .btnIcon,
	.touch #shareLinks.active .btnIcon { right:0!important; }

/* responsive */
@media only screen and (max-width:900px) {
	
	/* adjust top gap */
	#shareLinks { top:45px; }
	#home #shareLinks { top:10px; }

}
@media only screen and (max-width:800px) {
	
	/* force hide */
	#shareLinks { display:none!important; }

}

/* -------------------------------------------------------------------------- */
/* btnText */
.btnText { 
	display:inline-block; position:relative; margin:0 15px 20px 0; padding:0 0 0 25px; width:auto; height:20px; vertical-align:middle;
	text-decoration:none; cursor:pointer; }
.btnText:hover,
.btnText:focus,
.btnText:active { 
	text-decoration:none; }

	/* label */
	.btnText,
	.btnText .label { 
		overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		color:#222!important; font-size:14px; line-height:20px;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }	
	.btnText:hover .label,
	.btnText:focus .label,
	.btnText:active .label { 
		text-decoration:underline!important; }
	
	/* icon */
	.btnText .icon { 
		position:absolute; top:50%; left:0; width:18px; height:18px; margin:-9px 0 0 0; padding:0;
		color:#fff; background:#b30066;
		font-size:10px; line-height:18px;
		/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	.btnText:hover .icon,
	.btnText:focus .icon,
	.btnText:active .icon { 
		text-decoration:none!important; }

/* -------------------------------------------------------------------------- */
/* btnText2 */
.btnText2 { 
	display:inline-block; position:relative; margin:0 15px 20px 0; padding:0 0 0 13px; width:auto; height:20px; vertical-align:middle;
	text-decoration:none; cursor:pointer; }
.btnText2:hover,
.btnText2:focus,
.btnText2:active { 
	text-decoration:none; }

	/* label */
	.btnText2,
	.btnText2 .label { 
		overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		color:#7a0026!important; font-size:14px; font-weight:700; line-height:20px;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }	
	.btnText2:hover .label,
	.btnText2:focus .label,
	.btnText2:active .label { 
		text-decoration:underline!important; }
	
	/* icon */
	.btnText2 .icon { 
		position:absolute; top:50%; left:0; width:8px; height:14px; margin:-7px 0 0 0; padding:0;
		color:#7a0026;
		font-size:8px; line-height:14px;
		/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	.btnText2:hover .icon,
	.btnText2:focus .icon,
	.btnText2:active .icon { 
		text-decoration:none!important; }

/* -------------------------------------------------------------------------- */
/* btnCircle */
.btnCircle { 
	display:inline-block; position:relative; width:43px; height:43px; margin:0 20px 20px 0; padding:0; vertical-align:middle;
	color:#ede6dc; background:#333; border:6px solid #faf3eb;
	text-decoration:none; cursor:pointer;
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
.btnCircle:hover,
.btnCircle:focus,
.btnCircle:active { 
	color:#fff; background:#b30066;
	text-decoration:none; }
	
	/* icon */
	.btnCircle .icon { 
		position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0;
		color:#faf3eb;
		font-size:22px; line-height:43px; }
	.btnCircle:hover .icon,
	.btnCircle:focus .icon,
	.btnCircle:active .icon { 
		color:#fff; text-decoration:none!important; }

/* extend - btnCircleLrg */	
.btnCircleLrg { width:54px; height:54px; background:#88014e; }
.btnCircleLrg:hover,
.btnCircleLrg:focus,
.btnCircleLrg:active { background:#b30066; }
.btnCircleLrg .icon { font-size:28px; line-height:54px; }

/* extend - animation */
.btnCircle:hover .fwicon-chevron-up,
.btnCircle:focus .fwicon-chevron-up,
.btnCircle:active .fwicon-chevron-up { top:-4px; }

.btnCircle:hover .fwicon-chevron-down,
.btnCircle:focus .fwicon-chevron-down,
.btnCircle:active .fwicon-chevron-down { top:4px; }

.btnCircle:hover .fwicon-chevron-left,
.btnCircle:focus .fwicon-chevron-left,
.btnCircle:active .fwicon-chevron-left { left:-4px; }

.btnCircle:hover .fwicon-chevron-right,
.btnCircle:focus .fwicon-chevron-right,
.btnCircle:active .fwicon-chevron-right { left:4px; }

/* -------------------------------------------------------------------------- */
/* btnBox */
.btnBox { 
	display:inline-block; position:relative; width:auto; height:45px; margin:0 20px 20px 0; padding:0 20px; overflow:hidden;
	background:#333; white-space:nowrap; text-overflow:ellipsis;
	text-decoration:none!important; cursor:pointer; }
.btnBox:hover,
.btnBox:focus,
.btnBox:active { 
	background-color:#b30066; text-decoration:none!important; }

	/* label */
	.btnBox,
	.btnBox .label { 
		color:#fff!important; 
		font-size:16px; font-weight:900; line-height:45px; text-align:center; text-transform:uppercase; }	
	.btnBox:hover .label,
	.btnBox:focus .label,
	.btnBox:active .label { text-decoration:none; }
	
	/* icon */
	.btnBox .icon { 
		display:inline-block; position:relative; width:auto; height:auto; margin:0; padding:0 0 0 10px; 
		font-size:14px; line-height:45px; }
	.btnBox .iconLeft { padding:0 10px 0 0; }
	.btnBox .iconMid { padding:0 10px; }
	
/* -------------------------------------------------------------------------- */
/* btnAction */
.btnAction { 
	display:inline-block; position:relative; height:45px; margin:0 25px 20px 0; padding:0; vertical-align:middle;
	text-decoration:none; cursor:pointer; }
.btnAction:hover,
.btnAction:focus,
.btnAction:active { 
	text-decoration:none; }
	
	/* common */
	.btnAction,
	.btnAction .label,
	.btnAction .desc { 
		width:auto; overflow:hidden; 
		color:#333!important; white-space:nowrap; text-overflow:ellipsis; text-align:left;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }	
	.btnAction:hover .label,
	.btnAction:focus .label,
	.btnAction:active .label,
	.btnAction:hover .desc,
	.btnAction:focus .desc,
	.btnAction:active .desc { text-decoration:none; }
	
	/* label and desc*/
	.btnAction .label,
	.btnAction .desc { display:block; margin-left:55px; }
	.btnAction .label { margin-top:10px; font-weight:900; font-size:14px; line-height:1em; text-transform:uppercase; }
	.btnAction .desc { margin-top:3px; font-family:'Gentium Book Basic',serif; font-size:16px; line-height:1em; font-style:italic; }
	.oldie .btnAction .desc { letter-spacing:-1px; }
	
	/* icon */
	.btnAction .icon { 
		left:0; top:50%; width:44px; height:44px; margin:-22px 0 0 0; padding:0; overflow:hidden;
		color:#fff; background:#9f9f9f;
		font-size:22px; line-height:45px;
		/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	.btnAction:hover .icon,
	.btnAction:focus .icon,
	.btnAction:active .icon { background:#b30066; }

/* -------------------------------------------------------------------------- */
/* btnList */
.btnList { 
	display:block; position:relative; width:auto; height:auto; margin:0; padding:20px 20px 20px 40px; overflow:hidden;
	border-top:1px solid #eee;
	text-decoration:none; cursor:pointer; }
.btnList:first-child { border:none; }

	/* icon */
	.btnList .icon { 
		top:20px; left:25px; width:10px; height:20px; margin:0;
		color:#ee3d5a; font-size:9px; line-height:20px; text-align:left; }
	
	/* common */
	.btnList .label,
	.btnList .desc { 
		display:block; overflow:hidden;
		color:#333;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:color 0.3s ease-in-out;
		-moz-transition:color 0.3s ease-in-out;
		-o-transition:color 0.3s ease-in-out;
		transition:color 0.3s ease-in-out; }
	
	/* label */
	.btnList .label { font-size:15px; font-weight:900; line-height:20px; text-transform:uppercase; }
	.btnList:hover .label,
	.btnList:focus .label,
	.btnList:active .label { color:#ee3d5a; }
	
	/* desc */
	.btnList .desc { font-family:'Gentium Book Basic'; font-size:18px; font-weight:400; font-style:italic; line-height:20px; }
	.btnList:hover .desc,
	.btnList:focus .desc,
	.btnList:active .desc { color:#ee3d5a; }
	
/* -------------------------------------------------------------------------- */
/* btnTitle */
.btnTitle { 
	display:block; position:relative; width:auto; height:auto; margin:0; padding:15px 70px 15px 25px; overflow:hidden;
	background:#850044;
	text-decoration:none; cursor:pointer; }
.btnTitle:hover,
.btnTitle:focus,
.btnTitle:active { background:#ee3d5a; }

	/* icon */
	.btnTitle .icon { 
		top:0; right:0; width:50px; height:55px; margin:0;
		color:#fff; background:#980852;
		font-size:28px; line-height:55px; text-align:center; }
	
	/* common */
	.btnTitle .label { 
		display:block; overflow:hidden;
		white-space:nowrap; text-overflow:ellipsis;
		color:#fff; }
	
	/* label */
	.btnTitle .label { font-size:16px; font-weight:900; line-height:25px; text-transform:uppercase; }
	

/* ==========================================================================
   common - BG
   ========================================================================== */
.bgShade { 
	display:block; position:absolute; margin:0; padding:0; overflow:hidden;
	/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
	/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }


/* ==========================================================================
   section - HOME
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* common */
#home .section.f1,
#home .section.t1,
#home .section.t2,
#home .section.t3,
#home .section.t4,
#home .section#story,
#home .section#bookingForm { max-width:980px; margin:0 auto; border-bottom:8px solid #faf3eb; }

/* common responsive */
@media only screen and (max-width:500px) {
	
	/* update section gaps */
	#home .section.f1,
	#home .section.t1,
	#home .section.t2,
	#home .section.t3,
	#home .section.t4,
	#home .section#story,
	#home .section#bookingForm { border:4px solid #faf3eb; border-top:none; }

}


/* ==========================================================================
   section - HOME - FOCUS
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
#home #focus { 
	position:relative; width:100%; max-width:980px; height:auto; margin:0 auto; padding:0; overflow:hidden; }
	
	/* -------------------------------------------------------------------------- */
	/* slideshow */
	#home #focus .slideshow { 
		width:100%!important; height:auto!important; margin:0; padding:46.9% 0 22px 0;/*460/980*/ overflow:hidden; }
			
		/* slide(img) */
		#home #focus .slideshow .slide { 
			display:block; width:100%!important; height:auto!important; margin:0; padding:0; }
		
		/* controls */
		#home #focus .slideshow .controls { display:none!important; }
		
	/* -------------------------------------------------------------------------- */
	/* btnScroll */
	#home #focus .btnScroll { 
		display:block; position:absolute; bottom:0; left:50%; margin:0 0 0 -33px; z-index:10; }


/* ==========================================================================
   section - HOME - FOCUSMSG
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#home #focusMsg { 
	position:relative; width:100%; max-width:980px; height:auto; margin:2% auto 4% auto; padding:0;
	text-align:center;
	font-family:'Gentium Book Basic',serif; font-style:italic; }
.ie7 #home #focusMsg { min-height:200px; }

	/* h1 */
	#home #focusMsg h1.title { 
		width:75%; margin:0 auto; padding:10px 0;
		color:#88014e; font-size:40px; font-weight:400; line-height:40px; }
		
		/* msg */
		#home #focusMsg .msg { padding-left:0; }

		/* cite */
		#home #focusMsg .cite { 
			display:inline; margin:0; padding:0;
			color:#333; white-space:nowrap;
			font-size:14px; font-style:italic; line-height:15px; }
		
	/* h2 */
	#home #focusMsg h2 { 
		color:#333; margin:0 auto; padding:0;
		font-size:22px; font-weight:400; line-height:30px; }
		
		/* date */
		#home #focusMsg .date { 
			display:inline-block; margin:0 0 0 20px; padding:0;
			color:#333; 
			font-family:'Raleway',sans-serif; font-size:20px; font-weight:900; font-style:normal; line-height:30px; }
			
/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (min-width:1200px) {

	/* reduce gaps */
	#home #focusMsg { margin:1.2% auto 2.4% auto; }

}
@media only screen and (max-width:980px) {

	/* return date to new line */
	#home #focusMsg .date { display:block; margin:0; }
	
	/* return cite to new line */
	#home #focusMsg .msg { padding-left:0!important; }
	#home #focusMsg .cite { display:block; margin:10px 0; }

}
@media only screen and (max-width:640px) {

	/* reduce side gaps */
	#home #focusMsg h1.title,
	#home #focusMsg h2 { width:90%!important; }
	
	/* reduce text size */
	#home #focusMsg h1.title { font-size:35px; line-height:35px; }
	#home #focusMsg h2 { font-size:20px; line-height:25px; padding-bottom:10px; }
	#home #focusMsg .date { font-size:18px; line-height:25px; }

}
@media only screen and (max-width:400px) {
	
	/* reduce text size */
	#home #focusMsg h1.title { font-size:30px; line-height:30px; }
	#home #focusMsg h2 { font-size:18px; line-height:22px; }
	#home #focusMsg .date { font-size:16px; line-height:22px; }

}


/* ==========================================================================
   section - HOME - STORY
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#home .section#story { 
	/*margin-top:22px;*/ padding:0; overflow:hidden;
	background:#f2e8dc url(../img/bg-story.jpg) center top no-repeat; }

	/* padder */
	#home #story .padder { 
		position:relative; width:500px; height:auto; margin:0 auto; padding:4% 0; overflow:hidden;
		color:#333; text-align:center; }
		
		/* common */
		#home #story h2,
		#home #story p { font-family:'Gentium Book Basic',serif; font-weight:400; font-style:italic; }
		
		/* h2 */
		#home #story h2 { color:#ee3d5a; font-size:40px; line-height:40px; margin:0 0 0.25em 0; }
		
		/* p */
		#home #story p { font-size:20px; line-height:25px; margin:0 0 0.5em 0; }
		
		/* btnBox */
		#home #story .btnBox { background:#ee3d5a; margin:0.015% auto; }
		#home #story .btnBox:hover,
		#home #story .btnBox:focus,
		#home #story .btnBox:active { background:#333; }
		
/* responsive */
@media only screen and (max-width:640px) {
	
	/* remove top gap */
	#home .section#story { margin-top:0; }

}
@media only screen and (max-width:500px) {
	
	/* no bg */
	#home .section#story { background-image:none; }
	
	/* be compact */
	#home #story .padder { width:92%; }
	#home #story .padder h2 { font-size:25px; line-height:25px; }
	#home #story .padder p { font-size:16px; line-height:20px; }
	
}
	

/* ==========================================================================
   common - HOME - HEADING
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* heading */
#home .heading 		{ display:block; position:absolute; width:auto; height:auto; margin:0; padding:0; overflow:hidden; }
/* extend */
#home .headingB 	{ top:0; left:0; height:100%; background:#f97a4e; }
#home .headingLeft 	{ left:3%; }
#home .headingRight	{ right:3%; }
#home .headingTop 	{ top:30px; }
#home .headingBtm	{ bottom:30px; }	

	/* common */
	#home .heading .padder,
	#home .heading .icon,
	#home .heading .label,
	#home .heading .sublabel { display:block; position:relative; width:auto; height:auto; margin:0; padding:0; overflow:hidden; }

	/* -------------------------------------------------------------------------- */
	/* padder */
	#home .heading .padder { }
	/* extend */
	#home .headingA .padder { padding-top:80px; }
	#home .headingB .padder { position:absolute; top:40px; left:0; }
	
	/* -------------------------------------------------------------------------- */
	/* icon */
	#home .heading .icon { 
		position:absolute; top:0; width:70px; height:70px; margin:0; padding:0; overflow:hidden;
		color:#fff; background:rgba(238,61,90,0.8);
		font-size:42px; line-height:70px; text-align:centre;
		/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	.oldie #home .heading .icon { background:#f04958; }
	/* extend */
	#home .headingB .icon 		{ display:none!important; }
	#home .headingLeft .icon 	{ left:0; }
	#home .headingRight .icon 	{ right:0; }
		
	/* -------------------------------------------------------------------------- */
	/* label */
	#home .heading .label { }
	/* extend */
	#home .headingA .label 		{ color:#fff; font-family:'Gentium Book Basic',serif; font-size:38px; font-weight:400; line-height:40px; font-style:italic; }
	#home .headingB .label 		{ color:#fff; font-family:'Raleway',sans-serif; font-size:18px; font-weight:900; line-height:20px; font-style:normal; text-transform:uppercase; margin:0 13.5%; }
	#home .headingLeft .label 	{ text-align:left; }
	#home .headingRight .label 	{ text-align:right; }
	#home .headingDark .label 	{ color:#3e3830; }
			
	/* -------------------------------------------------------------------------- */
	/* sublabel */
	#home .heading .sublabel { }
	/* extend */
	#home .headingA .sublabel	{ display:none!important; }
	#home .headingB .sublabel 	{ color:#fdcab8; font-family:'Gentium Book Basic',serif; font-size:24px; font-weight:400; line-height:25px; font-style:italic; margin:0 13.5% 5px 13.5%; }

/* responsive */
@media only screen and (max-width:640px) {

	/* update headingB */
	#home .headingB			{ top:0; left:0; bottom:auto; right:auto; width:200px; height:50%; }
	#home .t1b .headingB	{ height:100%; }

}
@media only screen and (max-width:500px) {

	/* update heading to unified stripe style */
	#home .heading,
	#home .heading .padder { 
		position:relative!important; top:auto!important; left:auto!important; bottom:auto!important; right:auto!important;
		width:auto!important; height:auto!important; margin:0!important; padding:0!important;
		background:#f97a4e!important; }
		
	/* padder */
	#home .heading .padder { margin:15px 4%!important; }
		
	/* label */
	#home .heading .label { 
		color:#fff; text-align:left!important; margin:0;
		font-family:'Raleway',sans-serif; font-size:20px; font-weight:900; line-height:20px; font-style:normal; text-transform:uppercase; }
		
	/* sublabel */
	#home .heading .sublabel { display:none!important; }
	
	/* icon */
	#home .heading .icon { display:none!important; }

}


/* ==========================================================================
   common - HOME - F1
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* container */
#home .f1 {  }

	/* common */
	#home .f1 > .padder,
	#home .f1 > .padder > a, 
	#home .f1 > .padder .imgThumb { display:block; position:relative; width:100%; height:auto; margin:0; padding:0; overflow:hidden; text-decoration:none!important; }
	
	#home .f1 .hover,
	#home .f1 .overlay { display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:hidden; }
	
	/* -------------------------------------------------------------------------- */
	/* btnTrigger */
	#home .f1 .btnTrigger { cursor:pointer;  }
	#home .f1.active .btnTrigger { cursor:default; }

		/* -------------------------------------------------------------------------- */
		/* heading */
		#home .f1 .heading { width:auto; z-index:1; }
		
		/* -------------------------------------------------------------------------- */
		/* hover */
		#home .f1 .hover { display:none; color:#fff; background:rgba(0,0,0,0.7); z-index:2; }
		.oldie #home .f1 .hover { background:#222; }
		.touch #home .f1 .hover { display:block; background:none; }
		
			/* icon */
			#home .f1 .hover .icon { 
				top:50%; left:50%; width:70px; height:70px; margin:-60px 0 0 -35px; padding:0; overflow:hidden;
				color:#fff; background:#d16c49;
				font-size:42px; line-height:70px; text-align:center;
				/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
				/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;
				/*transition*/
				/*-webkit-transform:translate3d(0,0,0);*/
				-webkit-transition:none 0.3s ease-in-out;
				-moz-transition:none 0.3s ease-in-out;
				-o-transition:none 0.3s ease-in-out;
				transition:none 0.3s ease-in-out; }
			.touch #home .f1 .hover .icon,
			.touch #home .f1 .hover .iconRight { 
				top:auto; width:50px; height:50px; left:auto; bottom:8%; right:3%; margin:0;
				background:rgba(0,0,0,0.6); font-size:28px; line-height:50px; }
			.touch #home .f1 .hover .iconLeft { 
				left:3%; right:auto; }
				
			/* label */
			#home .f1 .hover .label { 
				display:block; position:absolute; top:50%; left:0; width:80%; height:60px; margin:30px 10% 0 10%; padding:0; overflow:hidden;
				color:#fff; font-family:'Gentium Book Basic',serif; font-size:30px; font-weight:400; line-height:30px; font-style:italic; text-align:center; }
			.touch #home .f1 .hover .label { display:none!important; }
	
	/* -------------------------------------------------------------------------- */
	/* overlay */
	#home .f1 .overlay { display:none; color:#fff; background:rgba(249,122,78,0.95); z-index:3; }
	.oldie #home .f1 .overlay { background:#f97a4e; }
	
		/* content */ 
		#home .f1 .overlay .content { 
			position:relative; width:auto; height:auto; margin:0; padding:0; overflow:visible;
			font-family:'Gentium Book Basic',serif; font-size:20px; font-weight:400; line-height:25px; font-style:italic; text-align:left; }
		
		/* content - touch scroll */
		/*.touch #home .f1 .overlay .content { overflow:auto; -webkit-overflow-scrolling:touch; }*/
		
			/* slide */
			#home .f1 .overlay .slide { 
				position:absolute; top:0; left:0; width:100%; height:auto; margin:0; padding:0; overflow:hidden;
				/*-webkit-transform:translate3d(0,0,0);*/
				-webkit-transition:opacity 0.3s ease-in-out;
				-moz-transition:opacity 0.3s ease-in-out;
				-o-transition:opacity 0.3s ease-in-out;
				transition:opacity 0.3s ease-in-out;
				/*opacity*/
				opacity:0;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter:alpha(opacity=0); }
			#home .f1 .overlay .slide.active { 
				/*opacity*/
				opacity:1;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100); }
		
		/* controls */
		#home .f1 .overlay .controls { 
			display:block; position:absolute; left:0; bottom:30px; width:100%; height:auto; margin:0; padding:0; overflow:hidden;
			font-size:0; line-height:0; }
			
			/* pager */
			#home .f1 .overlay .controls .pager { 
				display:inline-block; position:relative; width:100%; height:30px; margin:0 auto; padding:0; overflow:hidden;
				text-align:center; }
				
				/* btnSlide */
				#home .f1 .overlay .controls .btnSlide { 
					display:inline-block; width:12px; height:12px; margin:9px 3px; padding:0; overflow:hidden;
					color:#fff; background:#fff;
					cursor:pointer!important; outline:0 none!important;
					/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
					/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box;
					/*transition*/
					/*-webkit-transform:translate3d(0,0,0);*/
					-webkit-transition:opacity 0.3s ease-in-out;
					-moz-transition:opacity 0.3s ease-in-out;
					-o-transition:opacity 0.3s ease-in-out;
					transition:opacity 0.3s ease-in-out;
					/*opacity*/
					opacity:0.6;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
					filter:alpha(opacity=60); }
				#home .f1 .overlay .controls .btnSlide.activeSlide { 
					cursor:default!important;
					/*opacity*/
					opacity:1;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					filter:alpha(opacity=100); }
					
					/* text */
					#home .f1 .overlay .controls .btnSlide span { display:none!important; }
				
		/* extend - content */
		#home .f1 .overlayLeft .content { margin:10% 15% 0 25%; }
		#home .f1 .overlayRight .content { margin:10% 25% 0 15%; }
			
			/* h1 */
			#home .f1 .overlay h1 { margin:0 0 0.5em 0; font-size:30px; font-weight:400; line-height:30px; }
			
			/* h2 */
			#home .f1 .overlay h2 { margin:0 0 0.5em 0; font-size:28px; font-weight:400; line-height:28px; }
			
			/* p */
			#home .f1 .overlay .content p { margin:0 0 0.5em 0; }
			#home .f1 .overlay .content p:last-child { margin-bottom:0; }
			
			/* a */
			#home .f1 .overlay .content a,
			#home .f1 .overlay .content a:hover,
			#home .f1 .overlay .content a:focus,
			#home .f1 .overlay .content a:active { color:#fff; }
			
			/* ul */
			#home .f1 .overlay .content ul,
			#home .f1 .overlay .content ol { margin:0 0 0.5em 0; padding-left:1.2em; -webkit-padding-start:1.2em; }
			
		/* btnClose */
		#home .f1 .overlay .btnClose { 
			position:absolute; top:6%; right:2.4%; width:30px; height:30px; margin:0; padding:0; overflow:hidden;
			color:#fff; font-size:14px; line-height:30px; text-align:center; text-decoration:none!important; }
		.no-touch #home .f1 .overlay .btnClose:hover,
		.no-touch #home .f1 .overlay .btnClose:focus,
		.no-touch #home .f1 .overlay .btnClose:active { font-size:20px; cursor:pointer; }
			
			/* icon */
			#home .f1 .overlay .btnClose .icon { top:0; left:0; width:100%; height:100%; }	
			
/* responsive */
@media only screen and (max-width:980px) {
	
	/* remove overlay heading and use most space */
	#home .f1 .overlay .heading { display:none!important; }
	#home .f1 .overlay .content { margin:5% 10% 0 5%!important; }
	#home .f1 .overlay .controls { bottom:20px; } 
}
@media only screen and (max-width:700px) {
	
	/* smaller font for overlay content */
	#home .f1 .overlay .content { font-size:18px; line-height:20px; }
	#home .f1 .overlay h2 { font-size:25px; line-height:25px; }
	#home .f1 .overlay .controls { bottom:15px; } 
}
@media only screen and (max-width:640px) {
	
	/* update layout and interaction */
	#home .f1 .overlay { position:relative; top:auto; left:auto; width:auto; height:auto; }
	
	/* update bg */
	#home .f1 .overlay,
	.oldie #home .f1 .overlay { background:#d16c49; }
	
	/* update content margin */
	#home .f1 .overlay .content { margin:4% 10% 4% 3%!important; }
	
	/* cancel slides */
	#home .f1 .overlay .content { overflow:hidden; }
	#home .f1 .overlay .content .slide { position:relative; top:auto; left:auto; width:auto; margin-bottom:0.5em; }
	#home .f1 .overlay .content .slide:last-of-type { margin-bottom:0; }
	#home .f1 .overlay .content .slide,
	#home .f1 .overlay .content .slide.active { 
		/*opacity*/opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
	#home .f1 .overlay .controls { display:none!important; }
	
	/* cancel content touch scroll */
	.touch #home .f1 .overlay .content { overflow:hidden; }
	
	/* reposition btnClose */
	#home .f1 .overlay .btnClose { top:8px; right:8px; }

}
@media only screen and (max-width:500px) {
	
	/* bring header above hover */
	#home .f1 .heading { z-index:3; }
	
	/* update hover */
	#home .f1 .hover .icon { margin-top:-10px; }
	#home .f1 .hover .label { display:none!important; }
	
	/* update hover touch */
	.touch #home .f1 .hover .icon { left:3%; right:auto; background:#d16c49; }
	
	/* update content margin */
	#home .f1 .overlay .content { margin:4% 12% 4% 4%!important; }

}


/* ==========================================================================
   common - HOME - T1
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
#home .t1 { min-height:130px;/*25+(30+10+20+20)+25(btnAction)*/ }

	/* -------------------------------------------------------------------------- */
	/* heading */
	#home .t1 .heading { width:210px; }
		
		/* padder */
		#home .t1 .heading .padder { width:100%; }
	
	/* -------------------------------------------------------------------------- */
	/* content */
	#home .t1 .content {
		position:relative; width:auto; height:auto; margin:0 150px 0 210px; padding:4% 4.5%; overflow:hidden;
		color:#303030; background:#ede6dc; }
	#home .t1b .content { margin-right:0; padding-right:150px; }
		
		/* bg */
		#home .t1 .content .bg,
		#home .t1 .content .bgImg { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:hidden; }
		
			/* bgImg */
			#home .t1 .content .bgImg { background-position:center top; background-repeat:no-repeat; }
			#home .t1b .content .bgImg { background-position:right top; }
		
		/* padder */
		#home .t1 .content .padder { position:relative; }
		
			/* p */
			#home .t1 .content p { margin:0 0 0.5em 0; font-family:'Gentium Book Basic',serif; font-size:20px; font-weight:400; font-style:italic; line-height:25px; }
			#home .t1 .content p:last-child { margin-bottom:0; }
			
			/* a */
			#home .t1 .content a { color:#ff6634; text-decoration:none; }
			#home .t1 .content a:hover,
			#home .t1 .content a:focus,
			#home .t1 .content a:active { color:#ff6634; text-decoration:underline; }
	
	/* -------------------------------------------------------------------------- */
	/* btnAction */
	#home .t1 .btnAction { 
		position:absolute; top:0; right:0; width:150px; height:100%; margin:0; padding:0; overflow:hidden;
		color:#fff!important; background:#c5bfb7;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:background-color 0.3s ease-in-out;
		-moz-transition:background-color 0.3s ease-in-out;
		-o-transition:background-color 0.3s ease-in-out;
		transition:background-color 0.3s ease-in-out; }
	#home .t1 .btnAction:hover,
	#home .t1 .btnAction:active,
	#home .t1 .btnAction:focus { background:#f97a4e; }
	#home .t1b .btnAction { display:!important; }
		
		/* padder */
		#home .t1 .btnAction .padder { display:block; position:absolute; top:40px; right:0; width:100%; margin:0; padding:0; overflow:hidden; }
		
			/* icon */
			#home .t1 .btnAction .icon { 
				display:block; position:relative; top:auto; left:auto;
				background:#f97a4e; width:30px; height:30px; margin:0 0 10px 20%;
				font-size:14px; line-height:30px; }
			#home .t1 .btnAction:hover .icon,
			#home .t1 .btnAction:active .icon,
			#home .t1 .btnAction:focus .icon { color:#f97a4e; background:#fff; }
			
			/* label */
			#home .t1 .btnAction .label { 
				position:relative; width:auto; height:auto; margin:0 20%; padding:0; overflow:hidden;
				color:#fff!important; white-space:normal;
				font-family:'Raleway',sans-serif; font-size:18px; font-weight:900; line-height:20px; font-style:normal; text-transform:uppercase; }

/* responsive */
@media only screen and (max-width:640px) {

	/* move action to left */
	
	/* common size */
	#home .t1 				{ min-height:0px; }
	#home .t1 .heading,
	#home .t1 .btnAction 	{ left:0; width:200px; bottom:auto; right:auto; }
	
	/* layout */
	#home .t1 .content 		{ margin-left:200px; margin-right:0; min-height:250px; }
	#home .t1b .content 	{ padding-right:4.5%; min-height:50px; }
	#home .t1 .btnAction 	{ top:50%; height:50%; }
	
	/* bgImg */
	#home .t1b .content .bgImg { background-position:center top; }
	
	/* btnAction */	
	#home .t1 .btnAction:hover,
	#home .t1 .btnAction:active,
	#home .t1 .btnAction:focus { background:#d16c49; }
	
		#home .t1 .btnAction:hover .icon,
		#home .t1 .btnAction:active .icon,
		#home .t1 .btnAction:focus .icon { color:#d16c49; }
		
		#home .t1 .btnAction .padder 	{ left:0; right:auto; }
		#home .t1 .btnAction .icon 		{ position:absolute; top:50%; right:30px; margin:-15px 0 0 0; }
		#home .t1 .btnAction .label 	{ margin-left:13.5%; margin-right:30%; }	
	
}
@media only screen and (max-width:500px) {

	/* update to unified stacking layout */
	
	/* content */
	#home .t1 .content,
	#home .t1b .content { margin-left:0; min-height:0; padding:4%; }
	#home .t1 .content .bg { display:none!important; }
	
	/* btnAction */
	#home .t1 .btnAction,
	#home .t1 .btnAction .padder { 
		position:relative!important; top:auto!important; left:auto!important; bottom:auto!important; right:auto!important;
		width:100%!important; height:auto!important; margin:0!important; padding:0!important; }
	#home .t1 .btnAction .padder 	{ width:auto!important; padding:15px 4%!important; }
	#home .t1 .btnAction .icon 		{ right:4%; }
	#home .t1 .btnAction .label 	{ margin:0 40px 0 0; }
	
}


/* ==========================================================================
   common - HOME - T2
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
#home .t2 { 
	min-height:150px;/*headingA*/
	background:url(../img/bg-t2-textile.jpg) top left repeat; }

	/* -------------------------------------------------------------------------- */
	/* heading */
	#home .t2 .heading { width:auto; }
		
		/* padder */
		#home .t2 .heading .padder { width:100%; }
	
	/* -------------------------------------------------------------------------- */
	/* content */
	#home .t2 .content {
		position:relative; width:auto; height:auto; min-height:120px; margin:0 150px 0 210px; padding:4% 4.5%; overflow:hidden;
		color:#fff; background:#f97a4e; }
	#home .t2.uneven .content { margin-left:225px; }
		
		/* bg */
		#home .t2 .content .bg,
		#home .t2 .content .bgImg { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:hidden; }
		
			/* bgImg */
			#home .t2 .content .bgImg { background-position:center top; background-repeat:no-repeat; }
			
			/* bgPattern */
			#home .t2 .content .bgPattern { 
				position:absolute; top:0; width:2px; height:100%; margin:0; padding:0; overflow:hidden;
				background:url(../img/bg-t2-pattern-tile.png) center top repeat-y;
				/*opacity*/
				opacity:0.5;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter:alpha(opacity=50); }
			#home .t2 .content .bgPatternLeft 	{ left:5px; }
			#home .t2 .content .bgPatternRight	{ right:5px; }
			
		/* padder */
		#home .t2 .content .padder { position:relative; }
		
			/* p */
			#home .t2 .content p { margin:0 0 0.5em 0; font-family:'Gentium Book Basic',serif; font-size:20px; font-weight:400; font-style:italic; line-height:25px; }
			#home .t2 .content p:last-child { margin-bottom:0; }
			
			/* a */
			#home .t2 .content a { color:#fff; text-decoration:none; }
			#home .t2 .content a:hover,
			#home .t2 .content a:focus,
			#home .t2 .content a:active { color:#fff; text-decoration:underline; }
			
			/* btnBox */
			#home .t2 .content .btnBox { margin-top:10px; }
			#home .t2 .content .btnBox:last-child { margin-bottom:0; }
			#home .t2 .content .btnBox:hover,
			#home .t2 .content .btnBox:focus,
			#home .t2 .content .btnBox:active { background-color:#000; margin-top:10px; }
			
	/* -------------------------------------------------------------------------- */
	/* btnAction */
	#home .t2 .btnAction { 
		/*display:none!important;*/ position:absolute; top:0; right:0; width:150px; height:100%; margin:0; padding:0; overflow:hidden;
		color:#fff!important; background:transparent;
		/*transition*/
		/*-webkit-transform:translate3d(0,0,0);*/
		-webkit-transition:background-color 0.3s ease-in-out;
		-moz-transition:background-color 0.3s ease-in-out;
		-o-transition:background-color 0.3s ease-in-out;
		transition:background-color 0.3s ease-in-out; }
	#home .t2 .btnAction:hover,
	#home .t2 .btnAction:active,
	#home .t2 .btnAction:focus { background:#f97a4e; }
		
		/* padder */
		#home .t2 .btnAction .padder { display:block; position:absolute; top:40px; right:0; width:100%; margin:0; padding:0; overflow:hidden; }
		
			/* icon */
			#home .t2 .btnAction .icon { 
				display:block; position:relative; top:auto; left:auto;
				background:#f97a4e; width:30px; height:30px; margin:0 0 10px 20%;
				font-size:14px; line-height:30px; }
			#home .t2 .btnAction:hover .icon,
			#home .t2 .btnAction:active .icon,
			#home .t2 .btnAction:focus .icon { color:#f97a4e; background:#fff; }
			
			/* label */
			#home .t2 .btnAction .label { 
				position:relative; width:auto; height:auto; margin:0 20%; padding:0; overflow:hidden;
				color:#fff!important; white-space:normal;
				font-family:'Raleway',sans-serif; font-size:18px; font-weight:900; line-height:20px; font-style:normal; text-transform:uppercase; }
				
			/* btnBox */
			#home .t2 .content .btnBox { display:none!important; }
	
/* responsive */
@media only screen and (max-width:980px) {
	
	/* revert to even */
	#home .t2.uneven .content { margin-left:210px; }

}
@media only screen and (max-width:700px) {
	
	/* smaller label */
	#home .t2 .content .btnBox,
	#home .t2 .content .btnBox .label { font-size:14px; }
	
}
@media only screen and (max-width:640px) {

	/* move action to left */
	
	/* common size */
	#home .t2 				{ min-height:0px; }
	#home .t2 .btnAction 	{ display:none!important; left:0; width:200px; bottom:auto; right:auto; }
	
	/* layout */
	#home .t2 .content,
	#home .t2.uneven .content	{ margin-left:200px; margin-right:0; min-height:140px; }
	#home .t2 .btnAction 		{ top:60%; height:40%; }
	
	/* btnAction */
	#home .t2 .btnAction:hover,
	#home .t2 .btnAction:active,
	#home .t2 .btnAction:focus { background:#d16c49; }
	
		#home .t2 .btnAction:hover .icon,
		#home .t2 .btnAction:active .icon,
		#home .t2 .btnAction:focus .icon { color:#d16c49; }
		
		#home .t2 .btnAction .padder 	{ left:0; right:auto; }
		#home .t2 .btnAction .icon 		{ position:absolute; top:50%; right:30px; margin:-15px 0 0 0; }
		#home .t2 .btnAction .label 	{ margin-left:13.5%; margin-right:30%; }
	
	/* btnBox */
	#home .t2 .content .btnBox { display:block!important; }
	
}
@media only screen and (max-width:500px) {

	/* update to unified stacking layout */
	
	/* content */
	#home .t2 .content,
	#home .t2.uneven .content { background:#ede6dc; margin-left:0; min-height:0; padding:4%; }
	#home .t2 .content,
	#home .t2 .content a,
	#home .t2 .content a:hover,
	#home .t2 .content a:focus,
	#home .t2 .content a:active { color:#303030; }
	#home .t2 .content .bg,
	#home .t2 .content .btnBox { display:none!important; }
	
	/* btnAction */
	#home .t2 .btnAction,
	#home .t2 .btnAction .padder { 
		display:block!important; position:relative!important; top:auto!important; left:auto!important; bottom:auto!important; right:auto!important;
		width:100%!important; height:auto!important; margin:0!important; padding:0!important; }
	#home .t2 .btnAction .padder 	{ width:auto!important; padding:15px 4%!important; }
	#home .t2 .btnAction .icon 		{ right:4%; }
	#home .t2 .btnAction .label 	{ margin:0 40px 0 0; }
	
	/* custom */
	#home .t2#shop .content p { margin-bottom:0; }
	
}


/* ==========================================================================
   common - HOME - T3
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
#home .t3 { 
	min-height:150px;/*headingA*/
	background:#ede6dc url(../img/bg-t3-contact.jpg) bottom left no-repeat; }

	/* -------------------------------------------------------------------------- */
	/* heading */
	#home .t3 .heading { width:auto; }
		
		/* padder */
		#home .t3 .heading .padder { width:100%; }
	
	/* -------------------------------------------------------------------------- */
	/* content */
	#home .t3 .content {
		position:relative; width:auto; height:auto; margin:0 150px 0 210px; padding:4% 4.5%; overflow:hidden;
		color:#fff; background:#f97a4e; }
	#home .t3.uneven .content { margin-left:225px; }
		
		/* bg */
		#home .t3 .content .bg { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:hidden; }
			
			/* bgPattern */
			#home .t3 .content .bgPattern { 
				position:absolute; top:0; width:2px; height:100%; margin:0; padding:0; overflow:hidden;
				background:url(../img/bg-t2-pattern-tile.png) center top repeat-y;
				/*opacity*/
				opacity:0.5;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter:alpha(opacity=50); }
			#home .t3 .content .bgPatternLeft 	{ left:5px; }
			#home .t3 .content .bgPatternRight	{ right:5px; }
			
		/* padder */
		#home .t3 .content .padder { position:relative; }
			
			/* common */
			#home .t3 .content h1,
			#home .t3 .content h2,
			#home .t3 .content p,
			#home .t3 .content li { margin:0 0 0.5em 0; font-family:'Gentium Book Basic',serif; font-weight:400; font-style:italic; }
			#home .t3 .content li { margin:0; }
			
			/* h1 */
			#home .t3 .content h1 { font-size:30px; line-height:30px; }
			
			/* h2 */
			#home .t3 .content h2 { font-size:28px; line-height:28px; }
			
			/* p */
			#home .t3 .content p { font-size:20px; line-height:25px; }
			#home .t3 .content p:last-child { margin-bottom:0; }
			
			/* a */
			#home .t3 .content a { color:#fff; text-decoration:none; }
			#home .t3 .content a:hover,
			#home .t3 .content a:focus,
			#home .t3 .content a:active { color:#fff; text-decoration:underline; }
			.touch #home .t3 .content a:hover,
			.touch #home .t3 .content a:focus,
			.touch #home .t3 .content a:active { text-decoration:none; }
			
			/* lists */
			#home .t3 .content ul,
			#home .t3 .content ol { margin:0 0 0.5em 0; padding-left:1.2em; -webkit-padding-start:1.2em; font-size:20px; line-height:25px; }
			
			/* links list */
			#home .t3 .content .links,
			#home .t3 .content .links li { display:block; list-style:none; margin:0; padding:0; font-size:20px; line-height:25px; }
			#home .t3 .content .links { padding-top:30px; }
				
				/* item */
				#home .t3 .content .links li { margin-bottom:0.5em; }
				#home .t3 .content .links li:last-child { margin-bottom:0; }
					
					/* label */
					#home .t3 .content .links li .label { 
						display:block; position:relative; padding:8px 0 7px 50px; overflow:hidden;
						text-overflow:ellipsis; }
				
					/* icon */
					#home .t3 .content .links li .icon { 
						top:0; left:0; width:38px; height:38px;
						color:#fff; background:#3e3830; font-size:18px; line-height:38px; text-align:center;
						/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
						/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }

/* responsive */
@media only screen and (max-width:980px) {
	
	/* revert to even */
	#home .t3.uneven .content { margin-left:210px; }

}
@media only screen and (max-width:640px) {

	/* move action to left */
	
	/* common size */
	#home .t3 { min-height:0px; }
	
	/* layout */
	#home .t3 .content,
	#home .t3.uneven .content { margin-left:200px; margin-right:0; min-height:140px; }
	
}
@media only screen and (max-width:500px) {

	/* update to unified stacking layout */
	
	/* content */
	#home .t3 .content,
	#home .t3.uneven .content { background:#d16c49; margin-left:0; min-height:0; padding:4%; }
	#home .t3 .content .bg { display:none!important; }
	#home .t3 .content h2 { font-size:25px; line-height:25px; }
	
	#home .t3 .content .links { padding-top:10px; }
	#home .t3 .content .links li .label { padding:5px 0 5px 45px; }
	#home .t3 .content .links li .icon { width:35px; height:35px; font-size:15px; }
	
}


/* ==========================================================================
   common - HOME - T4
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
#home .t4 { display:block; width:50%; height:auto; background:url(../img/sprite-links.jpg) repeat-x; text-decoration:none!important; cursor:pointer!important; }
.oldie #home .t4 { width:49.875%; }
	
	/* icon */
	#home .t4 > .icon { 
		bottom:25px; width:60px; height:60px; margin:0; padding:0; overflow:hidden;
		color:rgba(255,255,255,0.8); font-size:28px; line-height:60px; text-align:center;
		/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
		/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
	#home .t4a > .icon { right:34px; background:rgba(58,73,39,0.2); font-size:35px; }
	#home .t4b > .icon { right:30px; background:rgba(186,31,56,0.2); }
	.oldie #home .t4a > .icon { color:#ffffff; background:#8aaf5c; }
	.oldie #home .t4b > .icon { color:#ffffff; background:#e8a1ae; }
	
	/* -------------------------------------------------------------------------- */
	/* padder */
	#home .t4 > .padder { display:block; position:relative; width:auto; height:150px; z-index:1; }
		
		/* -------------------------------------------------------------------------- */
		/* bg */
		#home .t4 > .padder .bg { 
			position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:hidden; z-index:0;
			opacity:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0);
			/*transition*/
			/*-webkit-transform:translate3d(0,0,0);*/
			-webkit-transition:opacity 0.3s ease-in-out;
			-moz-transition:opacity 0.3s ease-in-out;
			-o-transition:opacity 0.3s ease-in-out;
			transition:opacity 0.3s ease-in-out; }
		#home .t4a > .padder .bg { background:#8db658; }
		#home .t4b > .padder .bg { background:#fd5d7f; }
		
		#home .t4:hover > .padder .bg,
		#home .t4:focus > .padder .bg,
		#home .t4:active > .padder .bg { 
			opacity:0.6;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			filter:alpha(opacity=60); }
		
		/* -------------------------------------------------------------------------- */
		/* icon */
		#home .t4 > .padder .icon { 
			display:none; position:absolute; top:50%; right:4%; width:30px; height:30px; margin:-15px 0 0 0;
			color:#fff; font-size:14px; line-height:30px;
			/*border-radius*/-webkit-border-radius:50%; border-radius:50%;
			/*background-clip*/-moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; }
		#home .t4a > .padder .icon { background:#86a75c; }
		#home .t4b > .padder .icon { background:#ca7581; }
		
		/* interaction */
		#home .t4a:hover > .padder .icon,
		#home .t4a:focus > .padder .icon,
		#home .t4a:active > .padder .icon { color:#86a75c; background:#fff; }
		#home .t4b:hover > .padder .icon,
		#home .t4b:focus > .padder .icon,
		#home .t4b:active > .padder .icon { color:#ca7581; background:#fff; }
	
		/* -------------------------------------------------------------------------- */
		/* heading */
		#home .t4 .heading { display:block; width:210px; background:none; }
		#home .t4b .heading { width:300px; }
			
			/* padder */
			#home .t4 .heading .padder { width:100%; top:auto; bottom:25px; }
				
				/* label common */
				#home .t4b .heading .label,
				#home .t4b .heading .sublabel { margin-left:9.5%; margin-right:9.5%; }
				
				/* sublabel */
				#home .t4a .heading .sublabel { color:#d1e4bd; }
				#home .t4b .heading .sublabel { color:#ffd3da; }

/* -------------------------------------------------------------------------- */
/* custom */
#home .t4a { float:left; clear:left; background-position:center 0px; }
#home .t4a > .padder { border-right:4px solid #faf3eb; }

#home .t4b { float:right; clear:right; background-position:center -150px; }
#home .t4b > .padder { border-left:4px solid #faf3eb; }

/* -------------------------------------------------------------------------- */
/* responsive */
@media only screen and (max-width:640px) {
	
	/* common size */
	#home .t4 .headingB,
	#home .t4b .headingB { top:0; left:0; bottom:auto; right:auto; width:200px; height:100%; }
	
	/* label common */
	#home .t4b .heading .label,
	#home .t4b .heading .sublabel { margin-left:13.5%; margin-right:13.5%; }
	
	/* hide icon */
	#home .t4 > .icon { display:none!important; }
	
}
@media only screen and (max-width:500px) {

	/* update to unified stacking layout */
	#home .t4,
	.oldie #home .t4 { width:auto; float:none; clear:both; }
	#home .t4 > .padder { height:auto; border-left:none; border-right:none; zoom:1; }
	#home .t4 > .padder .icon { display:block!important; }
	#home .t4 .heading,
	#home .t4 .heading .padder { background:none!important; } 
	#home .t4 .heading .padder { padding-right:40px!important; }
	#home .t4 .heading .padder .label { font-size:18px; line-height:20px; }
	#home .t4 .heading .padder .sublabel { display:none; }
	#home .t4 .heading .label,
	#home .t4 .heading .sublabel { margin-left:0; margin-right:0; }
	
}

/* -------------------------------------------------------------------------- */
/* custom - sosj brand */

/* sizing main background image */
#home .t4a { background-size:100% 320px; }

/* updated mobile icon color */
#home .t4a > .padder .icon { background:#418523; }

/* brandSOSJ */
#home .t4a > .padder .brandSOSJ { 
	display:block; position:absolute; top:50%; left:50%; width:280px; height:100px; margin:-50px 0 0 -140px; padding:0; overflow:hidden; }
@media only screen and (max-width:640px) {
	
	#home .t4a > .padder .brandSOSJ { width:230px; height:82px; margin:-41px 0 0 -115px; }
	
}

/* toggle icon, headings and brand */
#home .t4a > .icon,
#home .t4a .heading { display:none; }
@media only screen and (max-width:500px) {

	#home .t4a > icon,
	#home .t4a .heading { display:block; }
	#home .t4a > .padder .brandSOSJ { display:none; }
	
}
	

/* ==========================================================================
   section - HOME - BOOKING
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
#home #booking { 
	/*transition*/
	/*-webkit-transform:translate3d(0,0,0);*/
	-webkit-transition:border-bottom-width 0.3s ease-in-out;
	-moz-transition:border-bottom-width 0.3s ease-in-out;
	-o-transition:border-bottom-width 0.3s ease-in-out;
	transition:border-bottom-width 0.3s ease-in-out; }
#home #booking.withForm { border-bottom-width:0; }

/* -------------------------------------------------------------------------- */
/* icon */
#home #booking .btnAction .fwicon-chevron-down { display:none; }
#home #booking.withForm .btnAction .fwicon-chevron-right { display:none; }
#home #booking.withForm .btnAction .fwicon-chevron-down { display:block; }


/* ==========================================================================
   section - HOME - BOOKING FORM
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
#home #bookingForm { display:none; margin-top:-1px!important; background:#c5bfb7; }
	
	/* padder */
	#home #bookingForm .padder { position:relative; width:auto; padding:30px; }
	
	/* utils */
	#home #bookingForm .utils { text-align:right; }
	
	/* btnFormBooking */
	#home #bookingForm #btnFormBooking { margin:40px 0 0 0; }

/* responsive */
@media only screen and (max-width:500px) {
	
	/* update padder */
	#home #bookingForm .padder { padding:4%; }
	
	/* btnFormBooking */
	#home #bookingForm #btnFormBooking { display:block; margin-top:4%; }

}

/* ==========================================================================
   section - HOME - ENEWS
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
#home #enews { 
	position:relative; width:100%; min-width:300px; max-width:980px; height:auto; margin:0 auto; padding:0; overflow:hidden;
	background:#ede6dc; border-bottom:8px solid #faf3eb; text-align:center; }

	/* -------------------------------------------------------------------------- */
	/* padder */
	#home #enews .padder { position:relative; width:auto; padding:3%; }
		
		/* -------------------------------------------------------------------------- */
		/* form */
		#home #enews #formENews { margin-top:20px; }
		
		/* fieldset */
		#home #formENews fieldset 				{ margin:0 0 20px 0; padding-right:1%; float:left; }
		#home #formENews fieldset#fldFirstName 	{ width:21%; }
		#home #formENews fieldset#fldSurname 	{ width:21%; }
		#home #formENews fieldset#fldEmail 		{ width:42%; padding-right:0; }
		
		/* input */
		#home #formENews input.text { width:92%; height:16px; margin:0; padding:13px 4% 14px 4%; color:#333; line-height:16px; }		
		#home #formENews fieldset#fldFirstName input.text,
		#home #formENews fieldset#fldSurname input.text	{ width:84%; padding-left:8%; padding-right:8%; }
		
		/* placeholder */
		#home #formENews ::-webkit-input-placeholder 	{ color:#333; }
		#home #formENews :-moz-placeholder 				{ color:#333; }
		#home #formENews ::-moz-placeholder 			{ color:#333; }
		#home #formENews :-ms-input-placeholder			{ color:#333; }
		
		/* btn */
		#home #formENews .btnForm { margin:0; float:right; }
		
/* responsive */
@media only screen and (max-width:900px) {

	/* adjust to fit */
	#home #formENews fieldset#fldFirstName 	{ width:20.5%; }
	#home #formENews fieldset#fldSurname 	{ width:20.5%; }
	#home #formENews fieldset#fldEmail 		{ width:41%; }

}
@media only screen and (max-width:800px) {
	
	/* shrink title size */
	#home #enews .title { font-size:20px; }
	
	/* adjust to fit */
	#home #formENews fieldset#fldFirstName 	{ width:20%; }
	#home #formENews fieldset#fldSurname 	{ width:20%; }
	#home #formENews fieldset#fldEmail 		{ width:40%; }

}
@media only screen and (max-width:700px) {

	/* adjust to fit */
	#home #formENews fieldset#fldFirstName 	{ width:19.5%; }
	#home #formENews fieldset#fldSurname 	{ width:19.5%; }
	#home #formENews fieldset#fldEmail 		{ width:39%; }

}
@media only screen and (max-width:640px) {

	/* breaks into 2 lines */
	#home #formENews fieldset#fldFirstName 	{ width:49%; padding-right:0; }
	#home #formENews fieldset#fldSurname 	{ width:49%; padding-right:0; float:right; }
	#home #formENews fieldset#fldEmail 		{ width:100%; margin-top:2%; }
	#home #formENews .btnForm 				{ margin:2% auto 0 auto; float:none; }
}
@media only screen and (max-width:500px) {
	
	/* hide whole thing for mobile */
	#home #enews { display:none!important; }
}


/* ==========================================================================
   section - RESOURCES - FILTER
   ========================================================================== */
   
/* -------------------------------------------------------------------------- */
/* container */
#formResFilterContainer { 
	position:relative; width:100%; height:auto; margin:4% 0 0 0; padding:0; overflow:hidden;
	background:#f5f3f0; }
	
	/* -------------------------------------------------------------------------- */
	/* padder */
	#formResFilterContainer .padder { position:relative; width:auto; padding:3%; }
		
		/* -------------------------------------------------------------------------- */
		/* titleFeat */
		#formResFilterContainer .titleFeat { width:auto; float:left; clear:left; font-size:26px; line-height:40px; }
		#formResFilterContainer .titleFeat .label:before { display:none; }
		
		/* -------------------------------------------------------------------------- */
		/* form */
		#formResFilter { width:auto; margin:0 0 0 80px; }
		
			/* fieldset */
			#formResFilter fieldset { width:43%; margin:0; margin-right:1%; float:left; }
			
			/* select */
			#formResFilter select { width:100%; }
			#formResFilter .select { width:80.25%; padding-right:15%; }
			#formResFilter .select .icon { width:15%; }
			
			/* btn */
			#formResFilter .btnForm { display:block; width:auto; margin:0; float:right; clear:right; }
			#formResFilter .btnBox,
			#formResFilter .btnBox .label { height:40px; line-height:40px; }
		
/* responsive */
@media only screen and (max-width:800px) {
	
	/* shorter width */
	#formResFilter fieldset { width:41%; }

}
@media only screen and (max-width:640px) {

	/* hide title */
	#formResFilterContainer .titleFeat { display:none; }
	#formResFilter { margin:0; }
	
}
@media only screen and (max-width:500px) {
	
	/* update to stacking order */
	#formResFilter fieldset,
	#formResFilter .btnForm  { width:auto; margin:0; margin:0 0 3% 0; float:none; clear:both; }
	#formResFilter .btnForm { margin:0; }
				
}		


/* ==========================================================================
   Common Styles
   Author: JX 20120127
   ========================================================================== */

/* text style */
.txtUpperCase       { text-transform:uppercase!important; }
.txtLowerCase       { text-transform:lowercase!important; }

/* layout */
.posAbs             { position:absolute!important; }
.posRel             { position:relative!important; }
.mcenter            { margin-left:auto!important; margin-right:auto!important; }
.acenter            { text-align:center!important; }

.dispInline         { display:inline!important; }
.dispInlineBlock    { display:inline-block!important; }
.dispBlock          { display:block!important; }

.overflowVis        { overflow:visible!important; }
.overflowHid        { overflow:hidden!important; }

.fleft              { float:left!important; }
.fright             { float:right!important; }
.fnone              { float:none!important; }
.cleft              { clear:left!important; }
.cright             { clear:right!important; }
.cboth              { clear:both!important; }

/* margin */
.mgnNone            { margin:0!important; }

.mgnTop0            { margin-top:0px!important; }
.mgnTop5            { margin-top:5px!important; }
.mgnTop10           { margin-top:10px!important; }
.mgnTop15           { margin-top:15px!important; }
.mgnTop20           { margin-top:20px!important; }
.mgnTop25           { margin-top:25px!important; }
.mgnTop30           { margin-top:30px!important; }

.mgnBtm0            { margin-bottom:0px!important; }
.mgnBtm5            { margin-bottom:5px!important; }
.mgnBtm10           { margin-bottom:10px!important; }
.mgnBtm15           { margin-bottom:15px!important; }
.mgnBtm20           { margin-bottom:20px!important; }
.mgnBtm25           { margin-bottom:25px!important; }
.mgnBtm30           { margin-bottom:30px!important; }

.mgnLft0            { margin-left:0px!important; }
.mgnLft5            { margin-left:5px!important; }
.mgnLft10           { margin-left:10px!important; }
.mgnLft15           { margin-left:15px!important; }
.mgnLft20           { margin-left:20px!important; }
.mgnLft25           { margin-left:25px!important; }
.mgnLft30           { margin-left:30px!important; }

.mgnRgt0            { margin-right:0px!important; }
.mgnRgt5            { margin-right:5px!important; }
.mgnRgt10           { margin-right:10px!important; }
.mgnRgt15           { margin-right:15px!important; }
.mgnRgt20           { margin-right:20px!important; }
.mgnRgt25           { margin-right:25px!important; }
.mgnRgt30           { margin-right:30px!important; }

/* padding */
.padNone            { padding:0!important; }

.padTop0            { padding-top:0px!important; }
.padTop5            { padding-top:5px!important; }
.padTop10           { padding-top:10px!important; }
.padTop15           { padding-top:15px!important; }
.padTop20           { padding-top:20px!important; }
.padTop25           { padding-top:25px!important; }
.padTop30           { padding-top:30px!important; }

.padBtm0            { padding-bottom:0px!important; }
.padBtm5            { padding-bottom:5px!important; }
.padBtm10           { padding-bottom:10px!important; }
.padBtm15           { padding-bottom:15px!important; }
.padBtm20           { padding-bottom:20px!important; }
.padBtm25           { padding-bottom:25px!important; }
.padBtm30           { padding-bottom:30px!important; }

.padLft0            { padding-left:0px!important; }
.padLft5            { padding-left:5px!important; }
.padLft10           { padding-left:10px!important; }
.padLft15           { padding-left:15px!important; }
.padLft20           { padding-left:20px!important; }
.padLft25           { padding-left:25px!important; }
.padLft30           { padding-left:30px!important; }

.padRgt0            { padding-right:0px!important; }
.padRgt5            { padding-right:5px!important; }
.padRgt10           { padding-right:10px!important; }
.padRgt15           { padding-right:15px!important; }
.padRgt20           { padding-right:20px!important; }
.padRgt25           { padding-right:25px!important; }
.padRgt30           { padding-right:30px!important; }


/* ==========================================================================
   Helper classes
   Author: JX 20120127 (Adapted from HTML5 Boilerplate 4)
   ========================================================================== */

/* Image replacement */
.ir { background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px;/* IE 6/7 fallback */ }
.ir:before { content:""; display:block; width:0; height:150%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display:none!important; visibility:hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0 0 0 0); }

/* Extends the .visuallyhidden class to allow the element to be focusable
   when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden; }

/* Clearfix */
.clearfix:before,
.clearfix:after { content:" "; /* 1 */ display:table; /* 2 */ }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; } /* For IE 6/7 only */

/* Clearer */
.clearer { float:none; clear:both; height:0; line-height:0; overflow:hidden; visibility:hidden; }
.clear { clear:both; }

/* convert a list of links to a horizontal line of links with pipe seps (JX 20111004) */
.listLinks { list-style:none; overflow:visible; }
.listLinks li,
.listLinks > span { display:block; float:left; padding-right:8px; margin-right:8px; border-right:1px solid; background:none; }
.listLinks li:last-child { border-right:none; padding-right:0; }
.listLinks li.last-child { border-right:none; padding-right:0; }
.listLinks span:last-child { border-right:none; padding-right:0; }
.listLinks span.last-child { border-right:none; padding-right:0; }


/* ==========================================================================
   Debug Styles
   Author: JX 20120127
   ========================================================================== */

/* common */
.debug code         { display:inline-block; margin:0 0 20px 0; padding:0 10px; clear:both;
                      color:#fff; background:#CC9; text-shadow:0 1px 0px rgba(0,0,0,0.2);
                      font-size:11px; font-weight:bold; line-height:20px; 
                      border-radius:10px;   box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); }
.debug h1,
.debug h2,
.debug h3,
.debug h4,
.debug h5           { background-color:rgba(0,255,0,0.1);   outline:1px solid green; }
.debug p,
.debug li           { background-color:rgba(255,255,0,0.1); outline:1px solid gold;  }
.debug a            { background-color:rgba(0,0,255,0.1);   outline:1px solid blue;  }
.debug span,
.debug i            { background-color:rgba(255,0,0,0.1);   outline:1px solid red;   }
.debug div          { background-color:rgba(0,0,0,0);       outline:1px solid #0ff;  }

/* IE fallback */
.oldie.debug h1,
.oldie.debug h2,
.oldie.debug h3,
.oldie.debug h4,
.oldie.debug h5 { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1900FF00, endColorstr=#1900FF00);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1900FF00, endColorstr=#1900FF00);
    zoom:1; }
.oldie.debug p,
.oldie.debug li { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFF00, endColorstr=#19FFFF00);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFF00, endColorstr=#19FFFF00);
    zoom:1; }
.oldie.debug a  { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#190000FF, endColorstr=#190000FF);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#190000FF, endColorstr=#190000FF);
    zoom:1; }
.oldie.debug span,
.oldie.debug i  { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FF0000, endColorstr=#19FF0000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FF0000, endColorstr=#19FF0000);
    zoom:1; }
.oldie.debug div { 
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000, endColorstr=#07000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#07000000, endColorstr=#07000000);
    zoom:1; }

/* debugInfo */
#debugInfo {
    position:fixed; top:0; left:0; width:auto; height:30px; margin:0; padding:0 10px; overflow:hidden; z-index:10000;
    color:#ff0; background:rgba(0,0,0,0.7);
    font-size:12px; font-weight:bold; line-height:30px; text-align:center; text-transform:uppercase; }
#debugInfo:before   { content:''; }
#debugInfo:after    { content:'w: 'attr(data-width); } /*popped by JS*/
.oldie #debugInfo   { background:#000; }


/* ==========================================================================
   Media Queries Examples
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}