@charset "utf-8";
/* 
	Canapeum Landing Page
	Orange	#FF6600
	Green	#99CC00
	Blue	#0066CC
*/

* 					{ margin: 0; padding: 0; }
html, body			{ height: 80% }
body 				{ font-family: 'QikkiRegRegular', 'Trebuchet MS', Helvetica, sans-serif; width: 800px; margin: 0 auto; text-align: center; padding-top: 50px; z-index:1; position:relative;}
body:nth-of-type {
   font-family:sans-serif!important;
}


p					{ color: black; font-size: 9px; letter-spacing: 0.15em; width: auto; background: none !important; text-transform: uppercase; padding-top: 5px; }
a					{ cursor: pointer; text-transform: uppercase; font-size: 23px; line-height: 1.2; font-weight: normal; display: inline; text-decoration: none; width: auto; white-space: nowrap; display: inline; letter-spacing: 3px;}

@font-face 			{ font-family: 'QikkiRegRegular';
						src: url('../font/Qarmic_sans_Abridged.eot');
						src: local('Qikki Reg Regular'), local('QikkiReg'), url('../font/Qarmic_sans_Abridged.ttf') format('truetype'); }
						
#page-wrap			{ position: relative; }
#events a			{ background: url(../images/green.png) repeat-x 100% 100%; color:#99CC00; }
#platters a			{ background: url(../images/blue.png) repeat-x 100% 100%; color:#0066CC; }
#deliveries a		{ background: url(../images/orange.png) repeat-x 100% 100%; color:#FF6600;}
#deliveries			{ right: -254px;}
#platters			{ right: -565px; top: -110px;}

img					{ margin: 0 auto;  }

div#footer			{ position: fixed; bottom: 0px; z-index:-1; margin: 0 auto; }
img#footer-art		{ position: relative; margin-left: -100px; }

.bubbleInfo 		{ position: relative; width: 288px; }

/* Bubble pop-up */
.popup, .popupe, .popupp { position: absolute; display: none; z-index: 50; border-collapse: collapse; background: url(../images/deliveries-pop-up.png); width: 274px; height: 156px; margin: 50px 0 0 10px; }
        .popupe	{ background: url(../images/events-pop-up.png); margin-left:-40px; width: 321px; height: 156px; }
        .popupp	{ background: url(../images/platters-pop-up.png); margin: 60px 0 0 -10px; width: 321px; height: 156px;}
.popup a, .popupp a, .popupe a		{ font-size: 16px; background: none !important; padding-bottom:150px; }
.popup p, .popupe p, .popupp p		{ font: 11px 'Trebuchet MS', Helvetica, sans-serif; text-transform: none; position: absolute; margin: 0 auto; width:200px; height:300px; letter-spacing: 0.1em;  }
.popup p		{ right:14%; }
.popupp p		{ right:20%; }
.popupe p		{ right:16%; }