* { font-family: arial; font-size: 12pt; COLOR: gray; }
	b { font-weight: bold; }
	

body {
	background-color:#c8c8c8;
	background-image:url(bg.png);
	background-repeat:no-repeat;
	background-position:top center;
}

	
#wrap{
	margin:10px auto;
	width:350px;
	text-align:center;
	padding-top:250px;
}
	
/* tooltip styling. uses a background image (a black box with an arrow) */ 
	div.tooltip { 
    background:transparent url(black_arrow.png) no-repeat scroll 0 0; 
    font-size:14px; 
    height:80px; 
    padding:30px; 
    width:145px; 
    font-size:14px; 
    display:none; 
    color:#fff; 
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px;
	font-weight:bold;
	line-height:1.4pt;
    color:#fff; 
}

#trigger {
	background-image: url(welcome.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	color:#333;
	display:block;
	font-size:14px;
	height:78px !important;
	padding:0 auto;
	text-decoration:none;
	width:301px !important;
	margin: 0 auto;
	position:relative;
	top:10px;
}

/* simple mouseover effect for the trigger */
#trigger:hover {
	color:#000;
}

img {
	border:none}
	
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}