$.fn.qtip.styles.mystyle = { // Last part is the name of the style
   width: 200,
   background: '#000000',
   opacity: 0.9,
   color: 'white',
   textAlign: 'left',

   border: {
      width: 1,
      radius: 3,
      color: '#000000'
   },
   tip: 'topRight',
}
	
$(function(){
	$('#help').qtip({
		content: 'Welcome to geo.desi.ca, the portfolio of Chin Li Zhi.<br><br>You can navigate through the site via the 5 squares to the left of this tooltip. <br><br>Simply mouse over them to view the various categories.',//content
//position of tooltip-----------------------------------------------------------
	position: {
      	corner: {
        target: 'bottomLeft',
        tooltip: 'topRight'
      			}
   	},//position
//effects-----------------------------------------------------------------------
    show: {effect: {
	   type: 'slide'
   }},
//styles------------------------------------------------------------------------
	style: 'mystyle'
});//qtip
		




});//close function