/*
Theme Name: Mister Nice Guy Theme
Theme URI: http://www.misterniceguy.com.au
Description: Theme for Mister Nice Guy site
Version: 1.0
Author: Erik Gorton
Author URI: http://www.faircode.com.au

	Theme for Mister Nice Guy site
	www.misterniceguy.com.au
	site by www.faircode.com.au
	
*/

/* ----------------------- */
/* GLOBAL */

html { -webkit-text-size-adjust: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
body { margin:0; color:#fff; font-size:10px; line-height:1.7em; font-family:Arial, Helvetica, sans-serif;
			background:#7ccdcd url(images/global/bg_background.png) center top repeat; }
html, body {  width:100%; height:100%; }
h1,h2,h3,h4,h5,h6,p { margin:0 0 1em 0; }
a { text-decoration:none; font-weight:normal; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a img { border:none; }
a:hover { text-decoration:none; font-weight:normal; }
a:active, a:focus { outline:0; } /* remove firefox dotted outline on links */
img { border:none; }
.clear { float:none; clear:both; }
.blank_30 { position:relative; height:30px; float:none; clear:both; display:block; }
.blank_20 { position:relative; height:20px; float:none; clear:both; display:block; }
.unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
			-ms-user-select: none; user-select: none; }
#preloader { position:absolute; top:-1000px; left:-1000px; width:1px; height:1px; overflow:hidden; }
#top { position:relative; width:100%; height:0px; /*background:url(images/global/bg_top_tile.png) center top repeat-x;*/  }
#wrapper { position:relative; width:100%; margin:0 auto 0 auto; overflow:hidden; }
.validatetooltip { position:absolute; left:0; top:0; margin:0 0 0 0; z-index:1020; padding:4px 10px; color:#fff/*ECC9C4*/; background:#c34342; border:solid 1px #ECC9C4; font-size:10px;
			-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#comingsoon { width:100%; height:100%; background:#baddd8 url(images/admin/comingsoon.png) center center no-repeat; }

/* ----------------------- */
/* FONTS */

/* MisterTelevision */
/*
@font-face {
	font-family: 'MisterTelevisionRegular';
	src: url('fonts/mistertelevision/mister_television-webfont.eot');
	src: local('☺'), url('fonts/mistertelevision/mister_television-webfont.woff') format('woff'), url('fonts/mistertelevision/mister_television-webfont.ttf') format('truetype'), url('fonts/mistertelevision/mister_television-webfont.svg#webfontslAbk3F1') format('svg');
}
*/

/* KomikaAxis */

/*@font-face {
	font-family: 'KomikaAxisRegular';
	src: url('fonts/komikaaxis/komikax_0-webfont.eot');
	src: local('☺'), url('fonts/komikaaxis/komikax_0-webfont.woff') format('woff'), url('fonts/komikaaxis/komikax_0-webfont.ttf') format('truetype'), url('fonts/komikaaxis/komikax_0-webfont.svg#KomikaAxisRegular') format('svg');
}*/


/* Leisure */


@font-face {
    font-family: 'Mullen';
    src: url('fonts/mullen/mullen_hand-webfont.eot');
    src: url('fonts/mullen/mullen_hand-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mullen/mullen_hand-webfont.woff') format('woff'),
         url('fonts/mullen/mullen_hand-webfont.ttf') format('truetype'),
         url('fonts/mullen/mullen_hand-webfont.svg#mullen_handregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'LeisureRegular';
	src: url('fonts/leisure/leisure-webfont.eot');
	src: local('☺'), url('fonts/leisure/leisure-webfont.ttf') format('truetype'), url('fonts/leisure/leisure-webfont.woff') format('woff'), url('fonts/leisure/leisure-webfont.svg#LeisureRegular') format('svg');
	font-weight:normal; font-style:normal;
	/* had to remove woff as it didn't work properly */
}

/* Desigers */

@font-face {
	font-family: 'DesigersBold';
	src: url('fonts/desigers/desigersb-webfont.eot');
	src: local('☺'), url('fonts/desigers/desigersb-webfont.ttf') format('truetype'), url('fonts/desigers/desigersb-webfont.svg#DesigersBold') format('svg');
	font-weight:normal; font-style:normal;
	/* had to remove woff as it didn't work properly */
}

/* CenturyGothic */

@font-face {
	font-family: 'CenturyGothicRegular';
	src: url('fonts/centurygothic/gothic-webfont.eot');
	src: local('☺'), url('fonts/centurygothic/gothic-webfont.woff') format('woff'), url('fonts/centurygothic/gothic-webfont.ttf') format('truetype'), url('fonts/centurygothic/gothic-webfont.svg#CenturyGothicRegular') format('svg');
	font-weight:normal; font-style:normal;
}

@font-face {
	font-family: 'CenturyGothicItalic';
	src: url('fonts/centurygothic/gothici-webfont.eot');
	src: local('☺'), url('fonts/centurygothic/gothici-webfont.woff') format('woff'), url('fonts/centurygothic/gothici-webfont.ttf') format('truetype'), url('fonts/centurygothic/gothici-webfont.svg#CenturyGothicItalic') format('svg');
	font-weight:normal; font-style:normal;
}

@font-face {
	font-family: 'CenturyGothicBold';
	src: url('fonts/centurygothic/gothicb-webfont.eot');
	src: local('☺'), url('fonts/centurygothic/gothicb-webfont.woff') format('woff'), url('fonts/centurygothic/gothicb-webfont.ttf') format('truetype'), url('fonts/centurygothic/gothicb-webfont.svg#CenturyGothicBold') format('svg');
	font-weight:normal; font-style:normal;
}

@font-face {
	font-family: 'CenturyGothicBoldItalic';
	src: url('fonts/centurygothic/gothicbi-webfont.eot');
	src: local('☺'), url('fonts/centurygothic/gothicbi-webfont.woff') format('woff'), url('fonts/centurygothic/gothicbi-webfont.ttf') format('truetype'), url('fonts/centurygothic/gothicbi-webfont.svg#CenturyGothicBoldItalic') format('svg');
	font-weight:normal; font-style:normal;
}


/* ----------------------- */
/* HEADER */
#header { position:relative; width:100%; margin:30px 0 19px 0; padding-bottom:1px; text-align:center; }
#header .logo { position:relative; display:inline-block; width:320px; max-width:90%; height:auto;
			-webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center;
			-webkit-animation-name: swing; -moz-animation-name: swing; -ms-animation-name: swing; -o-animation-name: swing; animation-name: swing;
			color:#fff; font-size:36px; line-height:1.4em; letter-spacing:.05em;
			font-family:'LeisureRegular', Georgia, 'Times New Roman', Times, serif; font-weight:normal; backface-visibility: hidden; }

.logoanimated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;
			-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(8deg); } 40% { -webkit-transform: rotate(-6deg); } 60% { -webkit-transform: rotate(3deg); } 80% { -webkit-transform: rotate(-2deg); } 100% { -webkit-transform: rotate(0deg); } }
@-moz-keyframes swing { 20% { -moz-transform: rotate(8deg); } 40% { -moz-transform: rotate(-6deg); } 60% { -moz-transform: rotate(3deg); } 80% { -moz-transform: rotate(-2deg); } 100% { -moz-transform: rotate(0deg); } }
@-ms-keyframes swing { 20% { -ms-transform: rotate(8deg); } 40% { -ms-transform: rotate(-6deg); } 60% { -ms-transform: rotate(3deg); } 80% { -ms-transform: rotate(-2deg); } 100% { -ms-transform: rotate(0deg); } }
@-o-keyframes swing { 20% { -o-transform: rotate(8deg); } 40% { -o-transform: rotate(-6deg); } 60% { -o-transform: rotate(3deg); } 80% { -o-transform: rotate(-2deg); } 100% { -o-transform: rotate(0deg); } }
@keyframes swing { 20% { transform: rotate(8deg); } 40% { transform: rotate(-6deg); } 60% { transform: rotate(3deg); } 80% { transform: rotate(-2deg); } 100% { transform: rotate(0deg); } }

/* ----------------------- */
/* NAV */
#nav { position:relative; height:auto; width:100%; margin:15px auto 0 auto; text-align:center; color:#000; font-size:2.8em; line-height:2em; text-transform:lowercase;
			font-family:'Mullen', 'Times New Roman', Times, serif; font-weight:normal; cursor:default; }
#nav a { position:relative; z-index:1; color:#ec5ca2; margin:0 1.2em 0 1.2em; white-space:nowrap; vertical-align:top; }
#nav a:hover { color:#fff; }
#nav .current, #nav .current a { color:#007871; }
#nav .dropdown { position:relative; display:inline-block; width: auto; text-align:left; vertical-align:top; margin-left:.2em; margin-right:.2em; z-index:10;}
#nav .dropdown .box { display:none; position:absolute; left:0; top:0; padding:1.9em 0 .7em 0;
			-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
    /*gradient*/
    background: #7ccdcd;
    background: linear-gradient(to bottom,  rgba(124,205,205,0) 0%,rgba(124,205,205,1) 10%,rgba(124,205,205,1) 20%,rgba(124,205,205,1) 100%);
    }
#nav .dropdown:hover .box { display:block; }
/*#nav .dropdown:active .box { display:none; }*/
#nav .dropdown .box a { display:block; margin-top:0; font-size: .8em; }
#nav .dropdown .box a.selected { color:#007871; }
#nav .dropdown .box a.selected:after { content:' *'; position: absolute; top: .4em; padding-left:.3em; }


/* ----------------------- */
/* FOOTER */
#footer { position:relative; width:95%; margin:0 auto 60px auto; font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; }
#footer ul.creditsbox { position:relative; list-style-type:none; padding:0; margin:0; text-align:center; }
#footer .creditsbox li { list-style-type:none; display:inline-block; padding:5px 10px; margin:0; font-size:11px; line-height:1.6em; color:#42827f; vertical-align:top; }
#footer .creditsbox a { color:#023833; }
#footer .creditsbox a:hover { color:#fff; }
#footer .creditsbox .faircodelogo { position:relative; display:inline-block; color:#fff; font-size:14px; line-height:1em; letter-spacing:-.01em; 
			font-family:Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:top; padding-top:.1em; }
#footer .creditsbox .faircodelogo span { color:#eff8f7; letter-spacing:-.07em; }
#footer .creditsbox .faircodelogo:hover span { color:#fff; }
#footer .creditsbox .faircodelogo:before { content:""; position:absolute; left:-7px; top:-7px; width:40px; height:25px; background:url(images/admin/faircodelogo_hilight.png) 0 0 no-repeat; z-index:-1; }

#footer ul.termsbox { position:relative; list-style-type:none; padding:0; margin:0; text-align:center; }
#footer .termsbox li { list-style-type:none; display:inline-block; padding:5px 10px; margin:0; font-size:10px; line-height:1.6em; color:#5aada9; vertical-align:top; }
#footer .termsbox a { color:#5aada9; }
#footer .termsbox a:hover { color:#fff; }

/* ----------------------- */
/* STYLES */
.styles { font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; color:#dfdbd2; font-size:12px; line-height:1.5em;  }
.styles em { font-family:'CenturyGothicItalic', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }
.styles strong { font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }
.styles em strong, .styles strong em { font-family:'CenturyGothicBoldItalic', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }

.styles a { color:#003e3a; font-weight:bold; }
.styles.curlybox.black a { color:#009f8f; font-weight:bold; }
.styles a:hover,
.styles.curlybox.black a:hover { color:#fff; font-weight:bold;  }
.styles p { margin:0 0 1em 0; }
.styles h1, .styles h2, .styles h3, .styles h4, .styles h5, .styles h6 { color:#fff; font-size:1.2em; line-height:1.4em; margin:0 0 0.8em 0; font-style:normal; font-weight:normal; }
.styles h1 { font-size:4em; line-height:1em;  }
.styles h2 { font-size:1.2em; margin-top:1em; }
.styles h3 { font-size:1.6em; margin:0 0 0.5em 0; font-family:'DesigersBold', 'Times New Roman', Times, serif; }
.styles h4 { font-size:1.8em; margin-top:1em;  }
.styles h5 { font-size:1.5em; font-style:normal;  }
.styles h6 { font-size:1.6em; font-style:italic; margin-top:1em;  }

.styles.title,
.styles .title { position:relative; font-size:36px; margin:35px 0 -5em 30px; text-align:left; }
.styles.title h2,
.styles .title h2 { position:relative; display:inline-block; margin:0; vertical-align:top; text-align:left; 
			color:#fff; font-size:1em; line-height:1.4em; letter-spacing:.05em;
			font-family:'LeisureRegular', Georgia, 'Times New Roman', Times, serif; font-weight:normal; 
			-moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg); -ms-transform:rotate(-5deg);
            backface-visibility: hidden;
			 }

.styles.light { color:#333; }
.styles.light h1, .styles.dark h2, .styles.dark h3, .styles.dark h4, .styles.dark h5, .styles.dark h6 { color:#000; }
.styles.light a { color:#023833; }

/* images */

.styles img,
.styles img.size-thumbnail,
.styles img.size-medium,
.styles img.size-large,
.styles img.size-full,
.styles img.size-fullscreen {
	max-width:100%; height:auto;
	}

.styles img.size-large,
.styles img.size-full {
	width:100% !important;
}

.styles img.size-fullscreen {
	width:100% !important; max-width:100%; height:auto !important;
	}	


/* ----------------------- */
/* WORDPRESS STYLES */
.alignleft { float:left; margin:0 10px 0 0 !important; }
.alignright { float:right; margin:0 0 0 10px !important; }
.aligncenter { margin-left:auto !important; margin-right:auto !important; }
.pagenavigation { margin-left:0px; }
a.more-link { color:#175281; font-size:1em; font-weight:bold; }
a.more-link:hover { color:#000; font-weight:bold; }


/* ----------------------- */
/* NUMBERED PAGE NAV */
.page-nav { font-size: 1.2em; font-weight: normal; margin:0; padding: 0; overflow: hidden; cursor:default; }
.page-nav .page-number-title { color:#2f2f2f; float:left; padding:.3em .4em .3em 0; margin:0; font-weight:normal; cursor:default; }
.page-nav .page-number,
.page-nav .current-page-number { float:left; padding:.3em .8em; margin:0 .4em; border:.1em solid;
				-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.page-nav .current-page-number { color:#fff; background:#51a08d; border-color:#4f7494; cursor:default; }
.page-nav .page-number {  color:#2f2f2f; background:#fff; border-color:#2f2f2f; cursor:pointer; }
.page-nav a:hover .page-number { color:#fff; background:#333; border-color:#333; }
.page-nav .elipses { float:left; padding:.3em .2em; }


/* ----------------------- */
/* CURLYBOX */

.curlybox { position:relative; margin:0 auto; min-height:50px; padding:0 17px 0 17px; }
.curlybox .TL, .curlybox .TR, .curlybox .ML, .curlybox .MR, .curlybox .BL, .curlybox .BR, .curlybox .TM, .curlybox .BM, .curlybox .TMT, .curlybox .BMB { position:absolute; z-index:-1; }
.curlybox .TL, .curlybox .TR, .curlybox .ML, .curlybox .MR, .curlybox .BL, .curlybox .BR { width:29px; height:90px; background-repeat:none; }
.curlybox .TMT, .curlybox .BMB { width:60px; height:22px; background-repeat:none; }
.curlybox .TL { top:-6px; left:-12px; background-position:0 0; }
.curlybox .TM { top:-6px; left:15px; right:15px; width:auto; height:8px; background:#000;  }
.curlybox .TR { top:-6px; right:-12px; background-position:-39px 0; }
.curlybox .ML { top:49%; left:-12px; background-position:0 -94px; margin-top:-45px; }
.curlybox .MR { top:49%; right:-12px; background-position:-39px -94px; margin-top:-45px; }
.curlybox .BL { bottom:-6px; left:-12px; background-position:0 -188px; }
.curlybox .BM { bottom:-6px; left:15px; right:15px; width:auto; height:8px; background:#000; }
.curlybox .BR { bottom:-6px; right:-12px; background-position:-39px -188px; }
/*optional top and bottom pieces*/
.curlybox .TMT { top:0; left:50%; margin-left:-30px; margin-top:-18px; background-position:0 0; }
.curlybox .BMB { bottom:0; left:50%; margin-left:-30px; margin-bottom:-12px; background-position:0 -22px; }

/* CURLYBOX BLACK */
.curlybox.black, .curlybox.black .TM, .curlybox.black .BM { background:#000; }
.curlybox.black .TL, .curlybox.black .TR, .curlybox.black .ML, .curlybox.black .MR, .curlybox.black .BL, .curlybox.black .BR { background-image:url(images/curlybox/curlybox_black.png); }
.curlybox.black .TMT, .curlybox.black .BMB { background-image:url(images/curlybox/curlybox_top_black.png); }


/* CURLYBOX WHITE */
.curlybox.white, .curlybox.white .TM, .curlybox.white .BM { background:#fff; }
.curlybox.white .TL, .curlybox.white .TR, .curlybox.white .ML, .curlybox.white .MR, .curlybox.white .BL, .curlybox.white .BR { background-image:url(images/curlybox/curlybox_white.png); }
.curlybox.white .TMT, .curlybox.white .BMB { background-image:url(images/curlybox/curlybox_top_white.png); }


/* CURLYBOX TRANSWHITE */
.curlybox.transwhite, .curlybox.transwhite .TM, .curlybox.transwhite .BM { background:#fff; }
.curlybox.transwhite .TL, .curlybox.transwhite .TR, .curlybox.transwhite .ML, .curlybox.transwhite .MR, .curlybox.transwhite .BL, .curlybox.transwhite .BR { background-image:url(images/curlybox/curlybox_white.png); }
.curlybox.transwhite .TMT, .curlybox.transwhite .BMB { background-image:url(images/curlybox/curlybox_top_white.png); }
.curlybox.transwhite { position:absolute; margin:0; min-height:auto; padding:0; left:0; top:0; right:0; bottom:0; filter:alpha(opacity=50); opacity:.5; z-index:-1; }

/* CURLYBOX TEAL */
.curlybox.teal, .curlybox.teal .TM, .curlybox.teal .BM { background:#cce0dd; }
.curlybox.teal .TL, .curlybox.teal .TR, .curlybox.teal .ML, .curlybox.teal .MR, .curlybox.teal .BL, .curlybox.teal .BR { background-image:url(images/curlybox/curlybox_teal.png); }

/* CURLYBOX MINT */
.curlybox.mint { background:#b7e2e4; border-radius: 1.5em; }
.curlybox.mint .TM, .curlybox.mint .BM, .curlybox.mint .TL, .curlybox.mint .TR, .curlybox.mint .ML, .curlybox.mint .MR, .curlybox.mint .BL, .curlybox.mint .BR, .curlybox.mint .TMT, .curlybox.mint .BMB { display:none; }


/* VALIDATE TOOLTIP */
.validatetooltip { position:absolute; left:0; top:0; z-index:1000; padding:4px 10px; color:#ECC9C4; background:#A22020; border:solid 1px #ECC9C4; font-size:10px; }


/* BUTTONS */
.genericbutton { display:inline-block; padding:9px 10px 9px 10px; min-width:85px; vertical-align: middle; cursor:pointer;
			color:#fff; font-size:15px; line-height:1em; text-decoration:none; text-transform:uppercase; text-align:center; 
			text-shadow:rgba(0,0,0, .7) 0 -1px 0;
			background:#888;
			background:-moz-linear-gradient(top, #888 0%, #888 50%, #ccc);
			background:-webkit-gradient(linear, left top, left bottom, from(#888), color-stop(0.50, #888), to(#ccc));
			background:-ms-linear-gradient(top, #888, #ccc);
   		background:-o-linear-gradient(top, #888, #ccc);
	 		font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif;
			border:none;
   		border-top: 1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
			-webkit-box-shadow:#888 0 2px 0; -moz-box-shadow:#888 0 2px 0; box-shadow:#888 0 2px 0;
			/* make unselectable */
			-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
			-ms-user-select: none; user-select: none; }
.genericbutton:hover { color:#fff; border-top-color:#aaa; background:#555;
			-webkit-box-shadow:#555 0 2px 0; -moz-box-shadow:#555 0 2px 0; box-shadow:#555 0 2px 0; }
.genericbutton:active { color:#ddd; border-top-color:#000; background:#000;
			-webkit-box-shadow:#000 0 2px 0; -moz-box-shadow:#000 0 2px 0; box-shadow:#000 0 2px 0; }

.genericbutton.btn_main { color:#fff;
			background:#b23663;
			background:-moz-linear-gradient(top, #b23663 0%, #b23663 50%, #d99ab0);
			background:-webkit-gradient(linear, left top, left bottom, from(#b23663), color-stop(0.50, #b23663), to(#d99ab0));
			background:-ms-linear-gradient(top, #b23663, #d99ab0);
   		background:-o-linear-gradient(top, #b23663, #d99ab0);
			border-top: 1px solid #d99ab0;
			-webkit-box-shadow:#b23663 0 2px 0; -moz-box-shadow:#b23663 0 2px 0; box-shadow:#b23663 0 2px 0; }
.genericbutton.btn_main:hover { border-top-color:#b23663; background:#8f254c;
			-webkit-box-shadow:#8f254c 0 2px 0; -moz-box-shadow:#8f254c 0 2px 0; box-shadow:#8f254c 0 2px 0; }
.genericbutton.btn_main:active { color:#ddd; border-top-color:#000; background:#000;
			-webkit-box-shadow:#000 0 2px 0; -moz-box-shadow:#000 0 2px 0; box-shadow:#000 0 2px 0;  }

.genericbutton.btn_second { color:#fff;
			background:#35b5a4;
			background:-moz-linear-gradient(top, #35b5a4 0%, #35b5a4 50%, #98dad1);
			background:-webkit-gradient(linear, left top, left bottom, from(#35b5a4), color-stop(0.50, #35b5a4), to(#98dad1));
			background:-ms-linear-gradient(top, #35b5a4, #98dad1);
   		background:-o-linear-gradient(top, #35b5a4, #98dad1);
			border-top: 1px solid #98dad1;
			-webkit-box-shadow:#35b5a4 0 2px 0; -moz-box-shadow:#35b5a4 0 2px 0; box-shadow:#35b5a4 0 2px 0; }
.genericbutton.btn_second:hover { border-top-color:#35b5a4; background:#288a7d;
			-webkit-box-shadow:#288a7d 0 2px 0; -moz-box-shadow:#288a7d 0 2px 0; box-shadow:#288a7d 0 2px 0; }
.genericbutton.btn_second:active { color:#ddd; border-top-color:#000; background:#000;
			-webkit-box-shadow:#000 0 2px 0; -moz-box-shadow:#000 0 2px 0; box-shadow:#000 0 2px 0;  }


/* ----------------------- */
/* FCIF_SLIDESHOW */

.fcif_slideshow { position:relative; }
.fcif_slideshow .slide { position:absolute; width:100%; height:100%; left:0; top:0; background:center center no-repeat; background-size:auto 100%; overflow:hidden; }
.fcif_slideshow .wait { position:absolute; display:block; left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px; 
			background:#fff url(images/fcif-slideshow/wait.gif) center center no-repeat; filter:alpha(opacity=70); opacity:0.7;
			-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10; }		
.fcif_slideshow .arrow { display:block; filter:alpha(opacity=0); opacity:0; position:absolute; z-index:10; top:48%; margin:-17px -17px 0 -17px; width:34px; height:34px; 
			background:url(images/fcif-slideshow/arrows.png) 0 0 no-repeat; cursor:pointer;
			-webkit-transition:opacity 200ms ease-in-out; -moz-transition:opacity 200ms ease-in-out; -o-transition:opacity 200ms ease-in-out; 
			-ms-transition:opacity 200ms ease-in-out; transition:opacity 200ms ease-in-out; }
.fcif_slideshow .arrow.l { left:0; background-position:0 0; }
/*.fcif_slideshow .arrow.l:hover,
.fcif_slideshow .arrow.l:active { background-position:0 -39px; }*/
.fcif_slideshow .arrow.r { right:0; background-position:-39px 0; }
/*.fcif_slideshow .arrow.r:hover,
.fcif_slideshow .arrow.r:active { background-position:-39px -39px; }*/
.fcif_slideshow:hover .arrow { display:block; filter:alpha(opacity=70); opacity:.7; /*margin:-17px -17px 0 -17px;*/ }
.fcif_slideshow .arrow:hover { filter:alpha(opacity=100); opacity:1; }

@media screen and (max-width:650px){
	.fcif_slideshow .arrow { filter:alpha(opacity=70); opacity:.7; }
	.fcif_slideshow .arrow:hover { filter:alpha(opacity=100); opacity:1; }
}

/* ----------------------- */
/* FCTB_THICKBOX Styles */

#fctb_thickbox { position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000; display:none; }
#fctb_thickbox .fctb_thickbox_overlay { position:fixed; left:0; top:0; right:0; bottom:0; background:#000; filter:alpha(opacity=70); opacity:0.7; }
#fctb_thickbox .fctb_thickbox_table { border:none; margin:0; padding:0; width:100%; height:100%; }
#fctb_thickbox .fctb_thickbox_window { position:relative; display:inline-block; margin:0 0 0 0; z-index:1010; line-height:0;
			border:solid 2px #cbc9c7; background:#13110c; overflow:hidden;
			-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
			-moz-box-shadow: 0 0 20px #2f2b1e; -webkit-box-shadow: 0 0 20px #2f2b1e; box-shadow: 0 0 20px #2f2b1e; }
#fctb_thickbox .fctb_thickbox_window .fctb_thickbox_image { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }


/* ----------------------- */
/* BLOCKUI Dialogue Styles */

div.blockMsg { width:340px !important; top:20% !important; left:50% !important; margin-left:-170px !important; padding:0 !important;
		text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif;
		background:#fff; 
		-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
		-moz-opacity:1; opacity:1; }
		
div.blockMsg .message {	font-size:10px; padding:15px 5% 15px 5%; }
div.blockMsg .centeredblock {	margin:1em auto 1.5em auto; text-align:left; width:230px; }
div.blockMsg h1 { font-size:2.4em; line-height:1.3em; font-family:'CenturyGothicBold', Geneva, Arial, sans-serif; margin:0 0 .5em 0; text-align:center; font-weight:normal; }
div.blockMsg h2 { font-size:1.8em; line-height:1.3em; font-family:'CenturyGothicBold', Geneva, Arial, sans-serif; margin:0 0 .5em 0; text-align:center; font-weight:normal; }
div.blockMsg h3 { font-size:1.6em; line-height:1.5em; font-family:'CenturyGothicRegular', Geneva, Arial, sans-serif; margin:0 0 .5em 0; text-align:center; font-weight:normal; }
div.blockMsg p { font-size:1.4em; line-height:1.5em; font-family:'CenturyGothicRegular', Geneva, Arial, sans-serif; margin:0 0 .5em 0; text-align:center; font-weight:normal; }
div.blockMsg .green { color:#81ac37; }
div.blockMsg .red { color:#F00; }
div.blockMsg .wait { position:relative; min-height:24px; background:url(images/global/wait.gif) center center no-repeat; }
div.blockMsg .tick:before { content:'✔'; position:relative; width:40px; height:40px; font-size:40px; line-height:1em; color:#81ac37; }
div.blockMsg .cross:before { content:'✘'; position:relative; width:40px; height:40px; font-size:40px; line-height:1em; color:#F00; }
div.blockMsg .fineprint { font-size:1em; }
div.blockMsg .hilight { background-color:#FFC; padding:0 .5em; }
div.blockMsg textarea { width:100%; border:solid 1px #eee; padding:5px 10px; margin:1em 0 1em 0; font-size:10px; height:100px;
			-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
			-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	
div.blockOverlay {
		background-color:#000 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
    -moz-opacity:.80; opacity:.80 !important; }

div.blockElement {
		background-color:#fff !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
    -moz-opacity:.80; opacity:.80 !important; }


/* ----------------------- */
/* HOME */

#home { text-align:center; }

#home .container { position:relative; display:inline-block; width:700px; max-width:90%; margin:10px 0 20px 15px; text-align:center; }

#home .intro.curlybox { width:auto; margin:0 auto 0 auto; padding-top:15px; min-height:200px; text-align:center; }
#home .intro .textbox { position:relative;display:inline-block; vertical-align:top; text-align:left; width:360px; max-width:90%; overflow:hidden; margin:12px 15px 20px 15px; }

#home .intro .title { position:relative; display:block; min-width:200px; max-width:95%; margin:0; text-align:center; }
#home .intro .title h2 { position:relative; display:inline-block; margin:0; vertical-align:top;  padding:.9em 0 .8em .05em;
			color:#fff; font-size:24px; line-height:1.5em; letter-spacing:.05em;
			font-family:'LeisureRegular', Georgia, 'Times New Roman', Times, serif; font-weight:normal; 
			-moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg); -ms-transform:rotate(-5deg); }

#home .intro .text { position:relative; color:#007871; }
#home .intro .fcif_slideshow { position:relative; display:inline-block; vertical-align:top; width:260px; height:188px; max-width:90%; margin:10px 12px 33px 0;  }
#home .intro .fcif_slideshow .slide { -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-size: cover !important; }

#home .newsbox { position:relative; display:inline-block; width:auto; top:auto; left:auto; margin:40px auto 0 auto; padding:25px 15px 0 20px; 
			text-align:left; color:#000;
			-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
		#home .newsbox.curlybox { min-height:75px; height:auto; text-align:center; }
		#home .newsbox .textclip { position:relative; height:5em; overflow:hidden; }
		#home .newsbox h2 { left:-5px; top:-17px;
					position:absolute; display:block; width:160px; height:36px; overflow:hidden; text-indent:-999em;
					background:url(images/home/txt_news.png) 0 0 no-repeat; }
		#home .newsbox a { display:inline-block; width:30%; min-width:105px; margin:0 0 10px 0; padding:5px; 
					color:#000; text-align:left; vertical-align:top; }
		#home .newsbox a:hover { color:#028e7a; }
		#home .newsbox h3 { font-size:10px; line-height:1em; margin:0 0 4px 0;
					font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }
		#home .newsbox p { font-size:11px; line-height:14px; margin:0 0 0 0;
					font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }
		#home .newsbox a .link_arrow { color:#028e7a; font-size:12px; padding:0 0 0 .1em; font-family:Arial, Helvetica, sans-serif; }

#home .banneralert { position:absolute; display:block; right:-41px; top:-40px; width:366px; height:83px; overflow:hidden; cursor:pointer;
			background:url(images/home/bg_banneralert.png) 0 0 no-repeat; }
#home .banneralert:hover { background-position:0 -93px; }
#home .banneralert h3 { position:absolute; color:#000; font-size:12px; line-height:1em; left:40px; top:26px; text-align:left;
			font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }
#home .banneralert h3 .bannerheading { font-size:14px; font-family:'DesigersBold', 'Times New Roman', Times, serif; vertical-align:top; margin-right:.3em; }

#home .socmediabox { position:relative; display:inline-block; width:90%; top:auto; left:auto; margin:25px 0 0 0; 
			height:auto; }
		#home .socmediabox a {
				display:inline-block; margin:0 5px 10px 5px; 
				width:113px; height:36px; overflow:hidden; text-indent:-999em; }

		#home .socmediabox a.facebook { background: url(images/home/socmedia_facebook.png) 0 0 no-repeat; }

		#home .socmediabox a.subscribe { background: url(images/home/socmedia_subscribe.png) 0 0 no-repeat; }

		#home .socmediabox a.instagram { background: url(images/home/socmedia_instagram.png) 0 0 no-repeat; }

        #home .socmediabox a:hover { background-position:0 -46px; }

        #home .socmediabox a.nav_delivery {
            display: block;
            height: auto;
            margin: 0 auto 25px auto;
            text-indent: 0;
            opacity: 1;
            transition: opacity .3s ease;
        }

        #home .socmediabox a.nav_delivery:hover {
            opacity: .7;
        }
	
@media screen and (min-width:1100px){
	
	#home .intro.curlybox { margin-bottom:20px }
	
	#home .newsbox { position:absolute; display:block; width:110px; top:0px; left:-131px; margin:0 0 0 -40px; padding:40px 11px 10px 15px; }
			#home .newsbox.curlybox { min-height:0; height:199px; }
			#home .newsbox .textclip { height:199px; }
			#home .newsbox h2 { left:-12px; top:-7px; }
			#home .newsbox a { display:block; width:auto; min-width:auto; margin:0 0 10px 0; padding:0; }
			
	#home .socmediabox { position:absolute; display:block; width:113px; top:30px; right:-120px; margin:0 -30px 0 0; }
			#home .socmediabox a { display:block; margin:0 0 25px 0; }
            #home .socmediabox a.nav_delivery {
                height: auto;
                margin-top: -30px;
            }
}

@media screen and (max-width:304px){
	#home .newsbox .textclip { position:relative; height:199px; overflow:hidden; }
}


/* ----------------------- */
/* ABOUT */

#about {}
#about .topbox.curlybox { width:700px; max-width:90%; margin:0 auto 40px auto; padding:20px 1px 10px 1px; text-align:center; }
#about .topbox .item { position:relative; display:inline-block; width:150px; height:120px; overflow:hidden; text-indent:-999em; margin:5px 5% 5px 5%;
			background:url(images/aboutus/sprite_about_links.png); background-repeat:none; }
	#about .topbox .item.no1 { background-position:0 0; }
	#about .topbox .item.no2 { background-position:0 -130px; }
	#about .topbox .item.no3 { background-position:0 -260px; }
	#about .topbox .item.no4 { background-position:0 -390px; }
	#about .topbox .item.no5 { background-position:0 -520px; }
	#about .topbox .item.no1:hover { background-position:-160px 0; }
	#about .topbox .item.no2:hover { background-position:-160px -130px; }
	#about .topbox .item.no3:hover { background-position:-160px -260px; }
	#about .topbox .item.no4:hover { background-position:-160px -390px; }
	#about .topbox .item.no5:hover { background-position:-160px -520px; }
		


/* ----------------------- */
/* ABOUT US */

#aboutus {}
#aboutus .topbox.curlybox { width:700px; max-width:80%; margin:0 auto 40px auto; padding:30px 2% 1px 3%; text-align:center; }
	#aboutus .topbox .title { position:relative; display:block; vertical-align:top; width:100px; height:61px; margin:0 auto 15px auto; padding:10px 0 0 0; }
	#aboutus .topbox .sideimage { position:relative; display:inline-block; vertical-align:top; max-width:90%; height:auto; margin:0 0 30px 0; }
	#aboutus .topbox .botleftimage { display:none; }
	#aboutus .topbox .text { position:relative; font-size:11px; display:inline-block; vertical-align:top; width:310px; max-width:80%; margin:5px 20px 25px 20px; padding:0 0 0 0; text-align:left; }
	#aboutus .topbox .text .moreinfo { position:relative; width:100%; padding:1em 0 0 0; }
	#aboutus .topbox .text .moreinfo .left { position:relative; float:left; width:30%; text-align:left; }
	#aboutus .topbox .text .moreinfo .right { position:relative; float:right; width:60%; text-align:right; }

@media screen and (min-width:860px){
	#aboutus .topbox .title { display:inline-block; margin-top:0; }
	#aboutus .topbox .botleftimage { position:absolute; display:block; left:30px; bottom:35px; }
}



/* ----------------------- */
/* MORE ABOUT US */

#moreaboutus {}
#moreaboutus .bio { position:relative; width:580px; max-width:75%; margin:30px auto 70px auto; padding:25px 40px 35px 40px; }
#moreaboutus .bio .bio_image { position:absolute; left:-15px; top:-12px; width:286px; height:304px; max-width:100%; }
#moreaboutus .bio .bio_image.deb { background:url(images/aboutus/moreaboutus_bio_image_deb.png) 0 0 no-repeat; }
#moreaboutus .bio .bio_image.lucas { background:url(images/aboutus/moreaboutus_bio_image_lucas.png) 0 0 no-repeat; }

#moreaboutus .bio .bio_text { position:relative; display:block; max-width:100%; padding-left:240px; vertical-align:top;
			 -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#moreaboutus .bio .bio_text .title { display:block; margin:5px 0 .2em 0; font-size:40px; }
#moreaboutus .bio .bio_text .title h2 { margin:0; color:#000; }
#moreaboutus .bio .bio_text .portfolio { position:relative; display:inline-block; float:right; width:38px; height:44px; overflow:hidden; text-indent:-999em;
			background:url(images/aboutus/bg_owl.png) 0 0 no-repeat; }

@media screen and (max-width:690px){
	#moreaboutus .curlybox .TMT { display:none; } /* remove the top point from curly box when it goes under the bio pic */
}

@media screen and (max-width:600px){
	#moreaboutus .bio .bio_text { padding-left:0; padding-top:280px; }
	#moreaboutus .bio .bio_text .title { position:absolute; left:210px; top:120px; display:block; font-size:60px; }
}

/* ----------------------- */
/* VEGAN INGREDIENTS */

#veganingredients {}
#veganingredients .intro {}

#veganingredients .intro .curlybox_black { margin:0 auto 25px auto; }
#veganingredients .intro .curlybox_black .title { position:absolute; left:13px; top:-25px; }
#veganingredients .intro .curlybox_black .botleftimage { position:absolute; bottom:15px; left:0; }
#veganingredients .intro .curlybox_black .text { position:relative; width:520px; padding:50px 0 20px 333px; }



/* ----------------------- */
/* BLOGSTYLES */
.blogstyles { font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; color:#333; font-size:12px; line-height:1.5em;  }

.blogstyles a { color:#018f7b; font-weight:normal; }
.blogstyles a:hover { color:#9b7800; font-weight:normal;  }
.blogstyles p { margin:0 0 1em 0; }
.blogstyles h1, .blogstyles h2, .blogstyles h3, .blogstyles h4, .blogstyles h5, .blogstyles h6 { 
			font-size:10px; line-height:1.3em; margin:0 0 0.8em 0; font-style:normal; font-weight:normal; }
.blogstyles h1,
.blogstyles h2 { font-size:1.5em; letter-spacing:.02em; margin:0 0 10px 0; color:#005c5c;
			font-family:'DesigersBold', 'Times New Roman', Times, serif; }
.blogstyles h1 { max-width:92%; }
.blogstyles h1 a,
.blogstyles h2 a { color:#005c5c; }
.blogstyles h1 a:hover,
.blogstyles h2 a:hover { color:#000; }
.blogstyles h2 { font-size:1.3em; margin-top:1em; }
.blogstyles h3 { font-size:1.2em; margin:0 0 0.5em 0;
			font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; }
.blogstyles h4 { font-size:1.8em; margin-top:1em;  }
.blogstyles h5 { font-size:1.5em; font-style:normal;  }
.blogstyles h6 { font-size:1.6em; font-style:italic; margin-top:1em; }

.blogstyles h1 { font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif;  }
.blogstyles h2 { font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;  }
.blogstyles h3 { font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;  }

.blogstyles img,
.blogstyles .wp-caption { max-width:96% !important; height:auto !important; padding:0; margin:10px 0 10px 0; text-align:center; }
.blogstyles img { border:solid 1px #bbded9; padding:6px;
 			-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.blogstyles .wp-caption img { max-width:100% !important; height:auto !important; margin:0 0 0 -6px; padding:6px; 
			border:solid 1px #bbded9; text-align:center;
 			-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.blogstyles .size-thumb,
.blogstyles .size-medium,
.blogstyles .size-large { margin:0 10px 10px 0 !important; }
			
.blogstyles .wp-caption p { padding:0; margin:0; }
.blogstyles .wp-caption .wp-caption-text { font-size:12px; line-height:14px; padding:5px 7px 6px 7px; margin:0; font-weight:normal; color:#005c5c; }

.blogstyles .gallery-container { text-align:center; }
.blogstyles .gallery-item dl,
.blogstyles .gallery-item dt,
.blogstyles .gallery-item dd { list-style-type:none; margin:0; padding:0; }

.blogstyles .gallery-item { display:inline-block; vertical-align:top; width:162px; max-width:80%; text-align:center; margin:10px 10px 15px 10px; }
.blogstyles .gallery-item img { margin:0; }
.blogstyles .gallery-item .gallery-icon { }
.blogstyles .gallery-item .gallery-caption { }
.blogstyles .gallery-container br { position:absolute; display:block !important; clear:none !important; }

/*datebox - used on blog posts */

.blogstyles .datebox { position:absolute; top:-20px; right:-20px; width:80px; height:80px; margin:0 0 0 0; font-size:10px; line-height:1em; color:#fff;
			background:#51a08d; text-align:center;
			-moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.blogstyles .datebox .month { position:relative; font-size:12px; margin:.9em 0 0 0; }
.blogstyles .datebox .date { position:relative; font-size:28px; margin:.4em 0 .45em 0; }
.blogstyles .datebox .year { position:relative; font-size:12px; }

/*numberbox - used on recipe posts */
.blogstyles .numberbox { position:absolute; top:-20px; right:-20px; width:80px; height:80px; margin:0; font-size:10px; line-height:1em;; color:#fff;
			background:#51a08d; text-align:center;
			-moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.blogstyles .numberbox .eptitle { position:relative; font-size:1.2em; margin:1.6em 0 0 0; }
.blogstyles .numberbox .epnumber { position:relative; font-size:3em; margin:.45em 0 0 0; }
.blogstyles .numberbox .epnumber span { font-size:.7em; vertical-align:top; margin:0 0 0 -.4em; }

.blogstyles .commentslink { position:relative; color:#005c5c; padding:0 0 1em 0; margin:0; }
.blogstyles .commentslink a { color:#005c5c; margin:0; }
.blogstyles .commentslink a:hover { color:#028e7a; }

.blogstyles .separator_line { position:relative; display:block; height:1px; background:#e5f1ee; margin:1em 0 1em 0; }

.blogstyles .shortcode_box { position:relative; display:inline-block; margin:0 2em 0 0; vertical-align:top; }
.blogstyles .shortcode_clear { position:relative; float:none; clear:both; }

/* comments */

#comments { margin:2em 0 2em 0; }
#comments h3 { 
			position:relative; display:inline-block; margin:0 0 1em 0; vertical-align:top; 
			color:#000; font-size:25px; line-height:1.4em; letter-spacing:.05em;
			font-family:'LeisureRegular', Georgia, 'Times New Roman', Times, serif; font-weight:normal; 
			-moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg); -ms-transform:rotate(-5deg); }

#commentform { text-align:center; }
#commentform .field { position:relative; width:47%; padding:5px 11px 5px 11px; margin:0 0 1.5em 0;
			color:#000; font-size:12px; line-height:1.3em; font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;
			background:none; border:solid 1px #cfdfde;
			-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#commentform .left { float:left; }
#commentform .right { float:right; }
#commentform .fieldbox { position:relative; width:100%; display:block; padding:5px 11px 5px 11px; margin:0 0 1.5em 0;
			color:#000; font-size:12px; line-height:1.3em; font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;
			background:none; border:solid 1px #cfdfde;
			-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#commentform .genericbutton { font-size:13px; min-width:6em; padding:.4em .7em .3em .7em; }

#comments ul.commentsbox, #comments ul.commentsbox li { list-style:none; list-style-type:none; padding:0; margin:0; }
#comments ul.commentsbox { color:#000; padding:0; } 
#comments .commentsbox h3 {font-size:27px; }
#comments .commentsbox .entry { position:relative; margin:0 0 40px 0; padding:0; font-size:10px; }
#comments .commentsbox .entry .date { font-size:1em; color:#000; line-height:1em; margin:0 0 1.7em 0;
			font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal;  }
#comments .commentsbox .entry .author { font-size:1.4em; color:#111; line-height:1.4em; margin:0 0 .3em 0;
			font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; }
#comments .commentsbox .entry .text { position:relative; }
#comments .commentsbox .entry .text p { font-size:1.2em; color:#444; line-height:1.5em; }
#comments .commentsbox .entry .moderation { font-size:1.2em; color:#c34342; }

/* socmedia */

.socmedia { position:relative; padding:1em 0 1em 0; }
	.socmedia .share { position:relative; width:94px; }
		.socmedia .share .plusone { position:relative; float:left; width:33px; margin:0 0 0 0; }
		.socmedia .share .like { position:relative; float:left; width:47px; margin:0 0 0 0; }
	.socmedia .follow { position:relative; }
		.socmedia .follow .twitter, .socmedia .follow .facebook { 
					position:relative; float:left; overflow:hidden; text-indent:-999em;
					background:url(images/global/global_sprite.png) 0 0 no-repeat; }
		.socmedia .follow .twitter { width:36px; height:26px; background-position:-58px -406px; margin:2px 0 0 0; }
			.socmedia .follow .twitter:hover, .socmedia .follow .twitter:active { background-position:-94px -406px; }
		.socmedia .follow .facebook { width:29px; height:28px; background-position:0 -404px; margin:0 0 0 13px; }
			.socmedia .follow .facebook:hover, .socmedia .follow .facebook:active { background-position:-29px -404px; }

/* make the Facebook like button smaller */
.fb_edge_widget_with_comment iframe { width:47px !important; }
/* but make the span that holds the comment box larger */
span.fb_edge_comment_widget.fb_iframe_widget iframe { width:401px !important; }

/* ----------------------- */
/* NEWS */

#news { text-align:center; }
#news .postbox { position:relative; width:400px; max-width:70%; margin:0 auto 50px auto; padding:30px 30px 20px 30px; text-align:left; }
#news .pagenavigation { display:inline-block; margin:0 0 0 -3em; }

/* SINGLE */

#single { text-align:center; }
#single .postbox { position:relative; width:400px; max-width:70%; margin:0 auto 50px auto; padding:30px 30px 20px 30px; text-align:left; }


/* ----------------------- */
/* MENU */

#menu {}
#menu .intro.curlybox { width:620px; min-width:240px; max-width:90%; min-height:0; margin:0 auto 40px auto; padding:30px 1px 20px 1px; text-align:center; }

#menu .intro .menulink { position:relative; display:inline-block; vertical-align:bottom; margin:0 25px 25px 25px; overflow:hidden; text-indent:-999em;
			background:url(images/menu/sprite_menu_links.png?v2) 0 0 no-repeat; }
#menu .intro .menulink.btn_cupcakes { background-position:0 -5px; width:107px; height:133px; }
#menu .intro .menulink.btn_cupcakes:hover { background-position:0 -153px; }
#menu .intro .menulink.btn_cakes { background-position:-117px 0px; width:145px; height:138px; }
#menu .intro .menulink.btn_cakes:hover { background-position:-117px -148px; }
#menu .intro .menulink.btn_patisserie { background-position:-272px -22px; width:151px; height:116px; margin-left:15px; margin-right:15px; }
#menu .intro .menulink.btn_patisserie:hover { background-position:-272px -170px; }
#menu .intro .menulink.btn_deli { background-position:-433px -15px; width:152px; height:123px; }
#menu .intro .menulink.btn_deli:hover { background-position:-433px -163px; }
#menu .intro .menulink.btn_drinks { background-position:-595px 0px; width:90px; height:138px; }
#menu .intro .menulink.btn_drinks:hover { background-position:-595px -148px; }
#menu .intro .menulink.btn_catering { background-position:-695px -18px; width:142px; height:120px; }
#menu .intro .menulink.btn_catering:hover { background-position:-695px -166px; }
#menu .intro .menulink.btn_tieredcakes { background-position:-847px 0px; width:146px; height:138px; }
#menu .intro .menulink.btn_tieredcakes:hover { background-position:-847px -148px; }


/* NoticeBox */

#noticebox { position:relative; color:#000; font-size:12px; line-height:1.5em; }
#noticebox.curlybox { width:340px; max-width:75%; margin:40px auto 20px auto; padding:27px 40px 20px 40px; text-align:center; }
#noticebox h3 { display:inline-block; color:#018f7b; font-size:16px; margin:.4em 0 1em 0;
			font-family:'DesigersBold', 'Times New Roman', Times, serif; font-weight:normal; font-style:normal; }
#noticebox p { font-size:1.2em; margin-bottom:1em; }
#noticebox a { color:#018f7b; border-bottom:dashed 1px #018f7b; }
#noticebox a:hover { color:#000; border-bottom-color:#000; }



/* ----------------------- */
/* CUPCAKES */

#cupcakes { position:relative; margin:0 0 30px 0; }

#cupcakes .topbox.curlybox { width:640px/*607px*/; max-width:75%; margin:20px auto 10px auto; padding:1px 30px 20px 30px; text-align:center; font-size:10px; }

#cupcakes .topbox .title { position:relative; margin:30px 0 -2em 30px;  }
#cupcakes .topbox .text { position:relative; text-align:center; color:#ccc; }
#cupcakes .topbox .text p { font-size:11px; line-height:14px; margin:0 0 7px 0; }
#cupcakes .topbox .text h3 { font-size:15px; line-height:1em; letter-spacing:.27em; margin:0 0 10px 0; color:#33d3cd; text-transform:uppercase; font-weight:normal; }
#cupcakes .topbox .text h4 { font-size:15px; line-height:1em; letter-spacing:.1em; margin:0 0 14px 0; color:#fff; text-transform:uppercase; font-weight:normal; }

#cupcakes .topbox .left { position:relative; display:inline-block; width:286px; max-width:90%; margin:0 0 0 0; padding:0 0 0 0; }
#cupcakes .topbox .left .image_mini { position:relative; width:72px; height:134px; margin:0 auto 20px auto;
			background:url(images/menu/bg_cupcakes_topbox_mini.png) 0 bottom no-repeat; }

#cupcakes .topbox .right { position:relative; display:inline-block; width:286px; max-width:90%; margin:0 0 0 0; padding:0 0 0 0; }
#cupcakes .topbox .right .image_regular { position:relative; width:107px; height:134px; margin:0 auto 20px auto;
			background:url(images/menu/bg_cupcakes_topbox_regular.png) 0 bottom no-repeat; }

#cupcakes .topbox .bottom { position:relative; margin:25px 0 0 0; padding:27px 0 27px 0; color:#b9a97d; }
#cupcakes .topbox .bottom:before { content:""; position:absolute; left:28%; right:28%; top:0; height:1px; border-bottom:dashed 1px #7e724f; }
/*#cupcakes .topbox .bottom:before { content:""; position:absolute; left:32%; right:32%; top:0; height:1px; background:#7e724f; }*/
/*#cupcakes .topbox .bottom:after  { content:""; position:absolute; left:50%; top:0; width:23px; height:14px; margin:-7px 0 0 -11px; background:url(images/global/wideheading_ornament_gold.png) 0 0 no-repeat; }*/
#cupcakes .topbox .bottom h3 { font-size:16px; line-height:1em; letter-spacing:0; margin:0 0 14px 0; color:#e8d49d; text-transform:none; font-weight:normal;
			font-family:'DesigersBold', 'Times New Roman', Times, serif; }

/* cupcakes product hover GLOW */
/*#cupcakes .fcmo_style.product_list .entry:before { background-image:url(images/menu/bg_cupcakes_hover.png); }*/

/*centered image */
#cupcakes .centeredimage { position:relative; text-align:center; margin:0 0 40px 0; }

#cupcakes .genericflagalert {}

/* ----------------------- */
/* CAKES */

#cakes { position:relative; margin:0 0 30px 0; }

#cakes .centeredimage { position:relative; text-align:center; margin:0 0 40px 0; }

#cakes .onelayerbox.curlybox { width:810px; max-width:90%; min-height:100px; margin:0 auto 45px auto; padding:30px 1px 1px 1px; text-align:center; font-size:10px; }
#cakes .onelayerbox .contentbox { position:relative; margin:0; text-align:center; }

#cakes .twolayerbox.curlybox { width:810px; max-width:90%; min-height:100px; margin:0 auto 30px auto; padding:30px 1px 1px 1px; text-align:center; font-size:10px; }
#cakes .twolayerbox .contentbox { position:relative; margin:0; text-align:center; }

#cakes .contentbox .title { font-size:34px; text-align:center; margin:0 0 25px 0; } 
#cakes .contentbox .sizebox { position:relative; display:inline-block; margin:0 15px 30px 15px; }
#cakes .contentbox .sizebox .text { position:relative; text-align:center; }
#cakes .contentbox .sizebox .text h4 { font-size:15px; line-height:1em; letter-spacing:.27em; margin:0 0 .45em 0; color:#fff; text-transform:uppercase; font-weight:normal; }
#cakes .contentbox .sizebox .text h4.price { font-size:13px; line-height:1em; letter-spacing:.1em; margin:.6em 0 .45em 0; text-transform:none; font-weight:normal; }
#cakes .contentbox .sizebox .text h5 { font-size:12px; line-height:1em; letter-spacing:.27em; margin:0 0 .5em 0; color:#33d3cd; text-transform:uppercase; font-weight:normal; }
#cakes .contentbox .sizebox .image { position:relative; display:block; vertical-align:bottom; margin:0 0 17px 0; text-indent:-999em; overflow:hidden;
			background:url(images/menu/sprite_cakes_singlelayer.png) 0 0 no-repeat; }
#cakes .contentbox .image.size_giantcupcake { width:136px; height:164px; background-position:0 bottom; }
#cakes .contentbox .image.size_xsmall { width:107px; height:100px; background-position:-26px bottom; }
#cakes .contentbox .image.size_small { width:135px; height:125px; background-position:-161px bottom; }
#cakes .contentbox .image.size_medium { width:155px; height:137px; background-position:-323px bottom; }
#cakes .contentbox .image.size_large { width:164px; height:158px; background-position:-505px bottom; }

#cakes .twolayerbox .contentbox .title h2 { color:#000; }
#cakes .twolayerbox .contentbox .sizebox .text h4 { color:#000; font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; }
#cakes .twolayerbox .contentbox .sizebox .text h5 { color:#2aa5a1; font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; }
#cakes .twolayerbox .contentbox .sizebox .image { background-image:url(images/menu/sprite_cakes_doublelayer.png); }

#cakes .optionsbox { list-style-type:none; max-width:80%; margin:0 auto 0 auto; padding:0; text-align:center; color:#013a38; }
#cakes .optionsbox li { list-style-type:none; display:block; margin:0 20px 20px 20px; padding:0; text-align:center; vertical-align:top; }
#cakes .optionsbox h3 { font-size:15px; line-height:1.5em; margin:0 0 .4em 0; text-shadow:0 1px #ceeeea;
			font-family:'DesigersBold', 'Times New Roman', Times, serif; font-weight:normal; }
#cakes .optionsbox p { font-size:12px; line-height:1.5em; margin:0 0 .7em 0; }
#cakes .optionsbox .price { font-size:14px; line-height:1em; margin:0 0 .3em 0; font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; }		

#cakes .flagalert { position:relative; padding:0 40px 20px 40px; }

/* cake product hover GLOW */
/*#cakes .fcmo_style.product_list .entry:before { left:24px; top:-21px; background-image:url(images/menu/bg_cakes_hover.png); }*/

@media screen and (max-width:720px){
	#cakes .optionsbox li { display:inline; margin-bottom:10px;  }
}


/* ----------------------- */
/* SHOP */

#shop {}
#shop .title { position:relative; margin:0 0 40px 120px; }
#shop .centeredimage { position:relative; text-align:center; margin:0 0 40px 0; }


/* ----------------------- */
/* COMICS */
#comics {}
#comics .title { position:relative; margin:0 0 40px 120px; }
#comics .centeredimage { position:relative; text-align:center; margin:0 0 0 0; }
#comics .centeredimage p { position:relative; margin:0 0 40px 0; }


/* ----------------------- */
/* PAGE (generic page) */

#page {}
#page .pagebox.curlybox { width:500px; max-width:70%; min-height:100px; margin:0 auto 45px auto; padding:30px 35px 30px 40px; text-align:center; font-size:11px; }
#page .pagebox .title { position:relative; display:block; vertical-align:top; text-align:center; padding:0; margin:0 0 .7em 0; }
#page .pagebox .text { position:relative; padding:0; text-align:left; }
#page .pagebox .text h2 { font-size:1.8em; color:#ffffbb; margin:0 0 1em 0; font-family:'DesigersBold', 'Times New Roman', Times, serif;  }
#page .pagebox .text h3 { margin:0 0 .5em 0; }

#page .pagebox.styles .title h2 { font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; transform: none; letter-spacing: 0; font-size: .5 !important;  }
#page .pagebox .text h2 { font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;  }
#page .pagebox .text h3 { font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;  }


/* ----------------------- */
/* STOCKISTS */
#stockists {}
#stockists .pagebox.curlybox { width:600px; max-width:90%; min-height:100px; margin:0 auto 45px auto; padding:30px 1px 1px 1px; text-align:center; font-size:10px; }

#stockists .pagebox .title { position:absolute; left:10px; top:0px; width:80px; height:61px; }

#stockists .pagebox .text { position:relative; padding:0 20px 30px 20px; text-align:center; font-size:12px; }

#stockists .pagebox .text h2 { font-size:1.8em; color:#ffffbb; margin:0 0 1em 0; font-family:'DesigersBold', 'Times New Roman', Times, serif;  }
#stockists .pagebox .text h3 { margin:1.5em 0 .5em 0; }

@media screen and (max-width:580px){
	#stockists .pagebox .title { position:relative; display:block; text-align:center; left:auto; top:auto; vertical-align:top; width:auto;; height:auto; 
				margin:0 0 .6em 0; }
}



/* ----------------------- */
/* MENU MORE */

#menu_more { }
#menu_more .pagebox.curlybox { width:600px; max-width:90%; min-height:100px; margin:0 auto 60px auto; padding:30px 1px 1px 1px; text-align:center; font-size:10px; }

#menu_more .pagebox .title { position:absolute; left:10px; top:0px; width:80px; height:61px; }

#menu_more .pagebox .text { position:relative; padding:0 20px 30px 20px; font-size:12px; text-align:center;  }

#menu_more .pagebox .text h2 { font-size:1.8em; color:#ffffbb; margin:0 0 1em 0; font-family:'DesigersBold', 'Times New Roman', Times, serif; }
#menu_more .pagebox .text h3 { margin:1.8em 0 .7em 0; line-height:1.1em; }
#menu_more .pagebox .text h3 strong { font-size:13px; line-height:1.2em; font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; font-weight:normal; }
#menu_more .pagebox .text p { max-width:300px; display:block; margin-left:auto; margin-right:auto; }
#menu_more .pagebox .text img { max-width:100% !important; height:auto !important; 
			border:solid 1px #333; padding:6px;
 			-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
			-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#menu_more .pagebox .text a:hover img { border-color:#777; background:#111;
			-webkit-transition:background-color 200ms ease-in-out; -moz-transition:background-color 200ms ease-in-out; -o-transition:background-color 200ms ease-in-out; -ms-transition:background-color 200ms ease-in-out; transition:background-color 200ms ease-in-out;
			-webkit-transition:border-color 200ms ease-in-out; -moz-transition:border-color 200ms ease-in-out; -o-transition:border-color 200ms ease-in-out; -ms-transition:border-color 200ms ease-in-out; transition:border-color 200ms ease-in-out; }

@media screen and (max-width:580px){
	#menu_more .pagebox .title { position:relative; display:block; text-align:center; left:auto; top:auto; vertical-align:top; width:auto;; height:auto; 
				margin:0 0 .6em 0; }
}



/* ----------------------- */
/* EPISODES */

#episodes { position:relative; width:620px; max-width:90%; margin:0 auto; text-align:center; }
#episodes .title { position:relative; display:block; text-align:center; margin:0 0 50px 0; }
#episodes .postbox { position:relative; padding:30px 40px 20px 40px; margin:0 0 60px 0; font-size:12px; }
#episodes .postbox .content iframe { position:relative; display:block; padding:11px 12px 12px 12px; background:#b9e6e6; margin:25px 0 15px -12px;
			max-width:100%; overflow:hidden;
			-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#episodes .postbox h2 { margin:0 0 1em 0; font-size:1.6em; }
#episodes .postbox p { text-align:left; }
#episodes .postbox .readmore { font-size:1.2em; letter-spacing:.03em; display:block; margin:1em 0 0 0;
			font-family:'DesigersBold', 'Times New Roman', Times, serif; font-weight:normal; }

#episodes .pagenavigation { display:inline-block; margin:0 0 0 -3em; }


/* RECIPES-SINGLE */

#single-recipes { position:relative; text-align:center; }
#single-recipes .postbox.curlybox { position:relative; width:540px; max-width:70%; margin:30px auto 50px auto; padding:30px 40px 20px 40px; text-align:left; }
#single-recipes .postbox.curlybox .BMB { margin-bottom:-18px; }
#single-recipes .postbox .content iframe { position:relative; display:block; padding:11px 12px 12px 12px; background:#b9e6e6; margin:25px 0 15px -12px;
			max-width:100%; overflow:hidden;
			-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#single-recipes .postbox h1 { text-align:center; margin:0 0 1em 0; }



/* ----------------------- */
/* GALLERY */

#gallery { text-align:center; margin:0 0 30px 0; }

#gallery .title { margin:-.2em 0 .7em 0; text-align:center; }
#gallery .title h2 { padding:0 1em 0 1em; } /*fixes issue on chrome where text gets cut off if anything animates on screen - sheesh!*/
#gallery .item { position:relative; display:inline-block; vertical-align:top; width:250px; max-width:80%; height:auto; margin:0 8px 20px 8px; padding:9px; color:#000;
			background:#e4efe1; background:rgba(255,255,255, .6);
			-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#gallery .item .image { position:relative; display:block; width:250px; max-width:100%; height:188px; margin:0 0 12px 0; overflow:hidden; background:rgba(0,0,0, .1);
			-webkit-transition:opacity 200ms ease-in-out; -moz-transition:opacity 200ms ease-in-out; -o-transition:opacity 200ms ease-in-out; -ms-transition:opacity 200ms ease-in-out; transition:opacity 200ms ease-in-out; }
#gallery .item .image:hover { filter:alpha(opacity=70); opacity:.7; }
#gallery .item .image .portrait { width:100%; height:auto; }
#gallery .item .image .landscape { width:auto; height:100%; }
#gallery .item h2 { position:relative; text-align:center; font-size:13px; line-height:1.4em; margin:0 0 10px 0; 
			font-family:'DesigersBold', 'Times New Roman', Times, serif; font-weight:normal; font-style:normal; }
#gallery .item .description { position:relative; height:6.5em; overflow:hidden; padding:0 1px 5px 5px; margin:0 0 10px 0; text-align:left; color:#000; }


/* ----------------------- */
/* SAY HELLO */

#sayhello {}
#sayhello .topbox.curlybox { width:560px/*640*/; max-width:75%; min-height:100px; margin:0 auto 35px auto; padding:27px 40px 25px 40px; text-align:center; }

#sayhello { color:#dfdbd2; font-size:11px; line-height:1.4em; font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; }
#sayhello strong { color:#fff; font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }
#sayhello p { margin:0 0 1em 0; }
#sayhello h3 { color:#fff; font-size:12px; line-height:1em; letter-spacing:.27em; margin:0 0 .3em 0; text-transform:uppercase;
			font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }
#sayhello .yellow { color:#fff7b5; }
#sayhello .larger { font-size:13px; line-height:1.5em; }
#sayhello .fineprint { color:#bbb; font-size:10px; line-height:1.5em; margin:0 0 2em 0; }
#sayhello .topbox .leftside { position:relative; display:inline-block; width:270px; max-width:100%; margin:0 0 0 0; vertical-align:top; }
#sayhello .genericbutton { display:inline-block; font-size:13px; min-width:0; padding:.6em 1.3em .5em 1.3em; }
#sayhello .genericbutton:active { background-color:#fbbad6; color:#000; text-shadow:none; }

#sayhello .topbox .mainbox { position:relative; display:inline-block; width:100%; max-width:100%; margin:3px 0 31px 0; text-align:left; vertical-align:top; }
	#sayhello .topbox .mainbox .title { color:#fff; margin:0 0 78px 0; }
	#sayhello .topbox .mainbox .img_cupcake { position:absolute; right:-50px; top:-10px; width:203px; height:135px; background:url(images/sayhello/bg_topbox_phone.png) 0 0 no-repeat; }

/* mainbox content styling */

/*
#sayhello .topbox .mainbox .call,
#sayhello .topbox .mainbox .phone,
#sayhello .topbox .mainbox .email { font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; }
#sayhello .topbox .mainbox .phone { font-size:18px; letter-spacing:0; text-transform:none; }
#sayhello .topbox .mainbox .call { font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; letter-spacing:.2em; text-transform:none; }
#sayhello .topbox .mainbox .email { font-size:14px; letter-spacing:0; text-transform:none; }
#sayhello .topbox .mainbox a { color:#9eeee3; font-weight:normal; }
#sayhello .topbox .mainbox a:hover { color:#fff7b5; font-weight:normal;  }
#sayhello .topbox .mainbox .survey { margin:1em 0 0 0; font-size:14px; letter-spacing:0; text-transform:none; }
*/

#sayhello .topbox .mainbox h2:not(.thetitle) { font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; letter-spacing:.2em; text-transform:none; color:#fff7b5; margin-top: 1.5em; }
#sayhello .topbox .mainbox h3 { font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.3em; letter-spacing:0; text-transform:none; }
#sayhello .topbox .mainbox a { color:#9eeee3; font-weight:normal; }
#sayhello .topbox .mainbox a:hover { color:#fff7b5; font-weight:normal;  }

/* end mainbox */

#sayhello .topbox .contact { position:relative; display:inline-block; width:270px; max-width:100%; margin:0 0 40px 0; text-align:center; vertical-align:top; }
#sayhello .topbox .contact .input_text { position:relative; display:block; width:100%; padding:5px 11px 5px 11px; margin:0 0 1.3em 0;
			color:#dfdbd2; font-size:12px; line-height:1.3em; font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;
			background:none; border:solid 1px #444;
			-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#sayhello .topbox .contact .input_textarea { position:relative; display:block; width:100%; padding:5px 11px 5px 11px; margin:0 0 1.5em 0;
			color:#dfdbd2; font-size:12px; line-height:1.3em; font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;
			background:none; border:solid 1px #444;
			-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#sayhello .topbox .contact .input_text:focus,
#sayhello .topbox .contact .input_textarea:focus { color:#fff; border-color:#777; }

#sayhello .topbox .rightside { position:relative; display:inline-block; width:255px; max-width:100%; margin:0 0 0 31px; vertical-align:top; }

#sayhello .topbox .location { position:relative; display:inline-block; width:100%; max-width:100%; padding:17px 1.5em 8px 1.5em; margin:0 0 41px 0; 
			vertical-align:top; text-align:center; border:dashed 1px #555;
			-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
			-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	#sayhello .topbox .location .title { margin:.6em 0 0 0; text-align:center; }
	#sayhello .topbox .location .title h2 { color#:#fff; font-size:25px; }
	#sayhello .topbox .location a { color:#9eeee3; }
	#sayhello .topbox .location a:hover { color:#fff7b5; }
	#sayhello .topbox .location a:hover img { opacity:.7; }
	
.genericflagalert { position:relative; display:block; max-width:80%; margin:0 0 2em 20%; text-align:left; }
.genericflagalert .img_flag { position:absolute; left:-64px; top:-29px; width:82px; height:106px; background:url(images/sayhello/bg_flagalert.png) 0 0 no-repeat; }
.genericflagalert p { position:relative; display:block; max-width:100%; color:#dfdbd2; font-size:11px; line-height:1.4em; 
			font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif; }
.genericflagalert p .flagheading { color:#fff7b5; font-size:1.2em;
			font-family:'CenturyGothicBold', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }

.genericflagalert.light p { color:#000; }
.genericflagalert.light p .flagheading { color:#000; }

/* SOCMEDIA */

#sayhello .socmediabox { position:relative; display:block; width:560px; max-width:75%; margin:0 auto 30px auto; height:auto; text-align:center; }
	#sayhello .socmediabox a { display:inline-block; margin:0 5px 10px 5px; width:86px; height:30px; overflow:hidden; text-indent:-999em; 
				background:url(images/home/sprite_socmedia.png) 0 0 no-repeat;  }
	#sayhello .socmediabox a.twitter { background-position:0 0; }
			#sayhello .socmediabox a.twitter:hover { background-position:-96px 0; }
	#sayhello .socmediabox a.facebook { background-position:0 -42px; }
			#sayhello .socmediabox a.facebook:hover { background-position:-96px -42px; }
	#sayhello .socmediabox a.vimeo { background-position:0 -84px; }
			#sayhello .socmediabox a.vimeo:hover { background-position:-96px -84px; }
	#sayhello .socmediabox a.subscribe { background-position:0 -126px; }
			#sayhello .socmediabox a.subscribe:hover { background-position:-96px -126px; }
	#sayhello .socmediabox a.instagram { background-position:0 -168px; }
				#sayhello .socmediabox a.instagram:hover { background-position:-96px -168px; }

/* SUBSCRIBE */

#subscribe {}
	#subscribe.curlybox { width:560px/*640*/; max-width:75%; margin:0 auto 60px auto; padding:27px 40px 20px 40px; text-align:center; }
	#subscribe .title { margin:.2em .7em .2em 0; text-align:left; display:inline-block; vertical-align:bottom; }
	#subscribe .title h2 { color#:#fff; font-size:30px; }
	#subscribe .rightside { position:relative; display:inline-block; vertical-align:top; margin:0; text-align:left; }
	#subscribe h3 { color:#fff; font-size:13px; line-height:1.4em; letter-spacing:.03em; margin:0 0 1em 0; text-transform:none; text-align:left; 
				font-family:'DesigersBold', 'Times New Roman', Times, serif; font-weight:normal; font-style:normal;  }
	#subscribe .input_text { position:relative; display:inline-block; width:70%; padding:5px 11px 5px 11px; margin:.15em 1em 1em 0; text-align:left; 
			color:#dfdbd2; font-size:12px; line-height:1.3em; font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;
			background:none; border:solid 1px #444;
			-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	#subscribe .input_text:focus { color:#fff; border-color:#777; }
	#subscribe .genericbutton { display:inline-block; vertical-align:top; margin:0; }

/* EXTRABOX */

#sayhello .extrabox { position:relative; color:#000; font-size:12px; line-height:1.5em; }
#sayhello .extrabox.curlybox { width:280px; max-width:75%; margin:0 auto 60px auto; padding:27px 40px 20px 40px; text-align:center; }
#sayhello .extrabox h3 { color:#000; margin-bottom:.5em; text-shadow:0 1px #ceeeea; }
#sayhello .extrabox p { margin-bottom:1.7em; }
#sayhello .extrabox a { color:#018f7b; }
#sayhello .extrabox a:hover { color:#9b7800; }
#sayhello .extrabox .order_link { display:inline-block; color:#018f7b; font-size:16px; margin:.4em 0 .8em 0;
			font-family:'DesigersBold', 'Times New Roman', Times, serif; font-weight:normal; font-style:normal; }
#sayhello .extrabox .order_link:hover { color:#9b7800; }
				
@media screen and (max-width:762px){
	#sayhello .topbox .rightside { width:270px; margin-left:0 }
}

@media screen and (max-width:691px){
	#subscribe .title { margin-right:.35em; margin-left:.35em; }
}
@media screen and (max-width:430px){
	#subscribe .rightside { text-align:center; }
	#subscribe .input_text { width:100%; }
}



/* ----------------------- */
/* PAGE404 */

#page404 { position:relative; margin:-1em 0 0 0; }
#page404 .error404 { position:relative; width:366px; max-width:80%; margin:0 auto 5em auto; text-align:center; }
#page404 .error404 .image { position:relative; display:block; max-width:100%; height:auto; margin:0 0 3em 0; }
#page404 .error404 h1 { position:relative; color:#000; font-size:2.3em; line-height:1.2em; margin:0 0 0.5em 0; text-shadow:0 1px #ceeeea; font-weight:normal;
			font-family:'DesigersBold', 'Times New Roman', Times, serif; }
#page404 .error404 h1:after { content:"..."; position:absolute; }
#page404 .error404 p { color:#000; font-size:1.6em; line-height:1.2em; margin:0 0 0.5em 0; }

/* ----------------------- */
/* TOOLTIP */

.generictooltip { position:absolute; left:0; top:0; width:125px; height:auto; min-height:1em; margin:-100px 0 0 -63px; padding:.8em 1em .8em 1em; z-index:10;
			color:#fff; font-size:12px; line-height:1.3em;
			font-family:'CenturyGothicRegular', Arial, Helvetica, sans-serif;
			background:#444; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.generictooltip:before { content:" "; position:absolute; display:block; width:0; height:0; left:50%; bottom:-30px; margin-left:-18px;
			border:18px solid transparent; border-top-color:#444; }