img.tTip						{ margin: 8px 15px 8px 0px; float: left; }
 
 
#demo_wrapper					{ width: 100%; margin: 5px auto 0px auto; 

    font-size: 32px;
    font-weight: normal;
    line-height: 36px;
	color:#ffffff;
	text-align:center;
}

#demo_wrapper a:hover			{ color: #04443f;}


.yellowTip						{  }
.yellowTip .content				{ width: 750px; padding: 10px; 
border: 0px solid #f9e98e; 
-moz-border-radius: 0px;
 -webkit-border-radius: 0px; 
 background: #423e3e;
 color: #fff; 
 font-size:14px; 
 text-align:center;  
 border-radius: 5px;  }
 
.yellowTip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; }

@media only screen and (max-width: 780px) {
  .yellowTip .content				{ width: 90%; font-size:12px; margin:0px auto; }
 
}


@media only screen and (max-width: 760px) {
  .yellowTip .content				{ width: 90%; font-size:12px; margin:0px auto; }
  
  #demo_wrapper					{ font-size: 16px; line-height: 18px;}
  
}