body { font: 85% "Trebuchet MS", Helvetica, Verdana, sans-serif; background:#FFFCAC   }
body { padding: 1% 6% 8% 1%; text-align: center; }

* { padding:0; margin:0 }
footer, header, section, article { display:block}
fieldset, form, a img{ border:none}

#page{ padding-top:3.0em }

.ct{ 
	font-size:200%; 
	padding:0.5% 2% 0.5% 12%;
	margin:0 auto;
	text-align:left;
	vertical-align:middle;
	line-height:150%;
	width:45%;  }

.ct em{ font:italic 60% Times,serif; vertical-align:middle; }

/* by Jon Rohan http://www.dinnermint.org/css/creating-triangles-in-css/ */
.chat-bubble {
	background-color:#FFF;
	margin:3% auto 2%;
	padding:5% 1%;
	position:relative;
	text-align:center;
	width:45%;
	min-width:450px;	
	font-size:250%;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;

  -moz-box-shadow:1px -1px 2px #E3E09A;
  -webkit-box-shadow:1px -1px 2px #E3E09A;
  box-shadow:1px -1px 2px #E3E09A;  
	
}

.chat-bubble-arrow[class] {
  	border-color: #FFF transparent transparent transparent;
	border-style:solid;
	border-width:30px;
	bottom:-57px;
	height:0;
	left:106px;
	position:absolute;
	width:0;
}	


#page > header { position:fixed; top:0; width:100%}
#page > header > p{ 
	padding:0.5% 2% 0.5% 8%;
	margin:0 auto;
	text-align:left;
	width:45%;  }
	
#page > header > p a img{ 
  -moz-box-shadow:1px -1px 1px #E3E09A;
  -webkit-box-shadow:1px -1px 1px #E3E09A;
  box-shadow:1px -1px 1px #E3E09A; 	
}
#page > header > p a img:hover{
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none; 	
}