html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family: Helvetica, Verdana, Arial, sans-serif}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

a {color: gray; text-decoration: none}
a:hover {color: black; text-decoration: underline}
a:active {color: gray;}

body { background:url(img/background0.png) 1px 0 repeat-y}
#container {width: 100%; min-height: 700px; margin: 0;}

#menu {
	height: 25px;
	background: url(img/menu.png) 0 0 no-repeat;
	display: block;
	color: white;
	width: 175px;
	font-size: 0.8em;
	margin: 25px 0 0 805px;
	text-align: center;
	padding-top: 6px;
	text-transform:uppercase;
}
#menu a {color: #7f7f7f; text-decoration: none}
#menu a:hover {color: #3f3f3f; text-decoration: none}
#menu a:active {color: white; text-decoration: underline}

#topline {background:#8cb322; height: 5px;}
#bottomline {background:#8cb322; height: 2px; display: block; float: left}

#col01 {width: 284px; min-height: 700px; display: block; position: relative; float: left;}
#col02 {width: 155px; min-height: 700px; display: block; position: relative; float: left;}
#col03 {}

#logo { width: 284px; height: 150px; background: url(img/logo2.png) 10px 10px no-repeat; text-indent:-9999px; margin-top: -50px;}

.button li {display: block; width: 284px; height: 126px; padding: 1px 0;}
.button li a {display: block; width: 284px; height: 126px; background: none}

.rnp {display: block; width: 284px; height: 126px; background: url(img/rnp2.png) 9px 26px no-repeat; text-indent:-9999px;}
.rnp a:hover {display: block; width: 284px; height: 126px; background: url(img/fon_rnp.png) 0 0 no-repeat; text-indent:-9999px; z-index: 9;}
.active_rnp { display: block; width: 284px; height: 126px; background: url(img/fon_rnp.png) 0 1px no-repeat; text-indent:-9999px; z-index: 9;}
.kg {display: block; width: 284px; height: 126px; background: url(img/kg2.png) 10px 26px no-repeat; text-indent:-9999px;}
.kg a:hover {display: block; width: 284px; height: 126px; background: url(img/fon_kg.png) 0 0 no-repeat; text-indent:-9999px; z-index: 9;}
.active_kg { display: block; width: 284px; height: 126px; background: url(img/fon_kg.png) 0 1px no-repeat; text-indent:-9999px; z-index: 9;}
.rw {display: block; width: 284px; height: 126px; background: url(img/rw2.png) 10px 26px no-repeat; text-indent:-9999px;}
.rw a:hover {display: block; width: 284px; height: 126px; background: url(img/fon_rw.png) 0 0 no-repeat; text-indent:-9999px; z-index: 9;}
.active_rw { display: block; width: 284px; height: 126px; background: url(img/fon_rw.png) 0 1px no-repeat; text-indent:-9999px; z-index: 9;}

#m2 {display: block; width: 284px; height: 126px;}
#wc {display: block; width: 284px; height: 126px;}

#games {margin-top: 149px;}
#games li {display: block; width: 169px; height: 126px; padding: 1px 0;}
#games li a {display: block; width: 149px; height: 126px; margin-left: -22px; padding-left: 22px;}
 
.game_dino { height: 126px; background: url(img/icon_ds.png) 9px 21px no-repeat;  text-indent:-9999px;}
.game_dino a:hover {height: 126px; background: url(img/fon_dino.png) -4px 0 no-repeat;  text-indent:-9999px;}
.active_g_dino {height: 126px; background: url(img/fon_dino.png) -4px 1px no-repeat;  text-indent:-9999px; margin-left: -22px; padding-left: 22px;}

.game_tigra { height: 126px; background: url(img/icon_qm.png) 9px 21px no-repeat;  text-indent:-9999px;}
.game_tigra a:hover {height: 126px; background: url(img/fon_tigra.png) -4px 0 no-repeat;  text-indent:-9999px;}
.active_g_tigra {height: 126px; background: url(img/fon_tigra.png) -4px 1px no-repeat;  text-indent:-9999px; margin-left: -22px; padding-left: 22px;}

.game_ant { height: 126px; background: url(img/icon_as.png) 9px 21px no-repeat;  text-indent:-9999px;}
.game_ant a:hover {height: 126px; background: url(img/fon_ant.png) -4px 0 no-repeat;  text-indent:-9999px;}
.active_g_ant {height: 126px; background: url(img/fon_ant.png) -4px 1px no-repeat;  text-indent:-9999px; margin-left: -22px; padding-left: 22px;}

.game_whale { height: 126px; background: url(img/icon_whale.png) 9px 21px no-repeat;  text-indent:-9999px;}
.game_whale a:hover {height: 126px; background: url(img/fon_whale.png) -4px 0 no-repeat;  text-indent:-9999px;}
.active_g_whale {height: 126px; background: url(img/fon_whale.png) -4px 1px no-repeat;  text-indent:-9999px; margin-left: -22px; padding-left: 22px;}

.game_cook { height: 126px; background: url(img/icon.png) 9px 22px no-repeat;  text-indent:-9999px;}
.game_cook a:hover {height: 126px; background: url(img/fon_cook.png) -4px 0 no-repeat;  text-indent:-9999px;}
.active_g_cook {height: 126px; background: url(img/fon_cook.png) -4px 1px no-repeat;  text-indent:-9999px; margin-left: -22px; padding-left: 22px;}

.game_flower { height: 126px; background: url(img/icon_gf.png) 9px 22px no-repeat;  text-indent:-9999px;}
.game_flower a:hover {height: 126px; background: url(img/fon_flower.png) -4px 0 no-repeat;  text-indent:-9999px;}
.active_g_flower {height: 126px; background: url(img/fon_flower.png) -4px 1px no-repeat;  text-indent:-9999px; margin-left: -22px; padding-left: 22px;}

.game_tree { height: 126px; background: url(img/icon_gt.png) 9px 21px no-repeat;  text-indent:-9999px;}
.game_tree a:hover {height: 126px; background: url(img/fon_tree.png) -4px 0 no-repeat;  text-indent:-9999px;}
.active_g_tree {height: 126px; background: url(img/fon_tree.png) -4px 1px no-repeat;  text-indent:-9999px; margin-left: -22px; padding-left: 22px;}

.game_meal { height: 126px; background: url(img/icon_gm.png) 9px 23px no-repeat;  text-indent:-9999px;}
.game_meal a:hover {height: 126px; background: url(img/fon_meal.png) -4px 0 no-repeat;  text-indent:-9999px;}
.active_g_meal {height: 126px; background: url(img/fon_meal.png) -4px 1px no-repeat;  text-indent:-9999px; margin-left: -22px; padding-left: 22px;}

.game_wall { height: 126px; background: url(img/icon_ww.png) 9px 23px no-repeat;  text-indent:-9999px;}
.game_wall a:hover {height: 126px; background: url(img/fon_wall.png) -4px 0 no-repeat;  text-indent:-9999px;}
.active_g_wall {height: 126px; background: url(img/fon_wall.png) -4px 1px no-repeat;  text-indent:-9999px; margin-left: -22px; padding-left: 22px;}

#game2 { height: 126px; background: url(img/icon_ds.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game2u {height: 126px; background: url(img/icon_ds0.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game3 { height: 126px; background: url(img/icon_qm.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game3u {height: 126px; background: url(img/icon_qm0.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game4 { height: 126px; background: url(img/icon_gf.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game4u {height: 126px; background: url(img/icon_gf0.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game5 { height: 126px; background: url(img/icon_gt.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game5u {height: 126px; background: url(img/icon_gt0.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game6 { height: 126px; background: url(img/icon_gm.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game6u {height: 126px; background: url(img/icon_gm0.png) 10px 20px no-repeat;  text-indent:-9999px;}


#game_cs { height: 126px; background: url(img/icon_cs2.png) 10px 20px no-repeat;  text-indent:-9999px;}
#game_csu {height: 126px; background: url(img/icon_cs.png) 10px 20px no-repeat;  text-indent:-9999px;}

#content {font-family: Helvetica, Verdana, Arial, sans-serif; width: 480px; margin-left: 500px; position:relative; color: #3f3f3f;}
#content p { line-height: 1.3em; font-variant: normal; font-style: normal; font-weight: normal; font-size: .9em; font-family: Helvetica, Verdana, Arial, sans-serif; color: #3f3f3f; word-spacing: 0em; text-align: justify; padding-top:20px; padding-bottom: 10px;}

h1 {
	text-align:right;
	margin-top:80px;
	margin-bottom:40px;
	font-size:2.4em;
	color: #8cb322;
	word-spacing:-0.1em;
	letter-spacing:-0.05em;
	text-decoration:none;
}

#slider{  }	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:480px;
	height:320px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:65px;
	height:65px;
	position:absolute;
	left:-33px;
	margin-top:-200px;
	text-indent:-9999px;
	background:url(img/pn2.png) no-repeat 0 0;
	}	
#nextBtn{ 
	left:450px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:65px;
	height:65px;
	background:url(img/pn0.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(img/pn0.png) no-repeat 0 0;	
	}	
#itunes {display: block; width: 150px; height: 50px; background: url(img/app-store.png) 0 0 no-repeat; text-indent:-9999px; margin-top: 20px;cursor: pointer}

#power {width: 0px; height: 0px; display: none;}
#aqility {width: 640px; height: 480px; background: url(img/aqility_bg.jpg) 0 0 no-repeat; bottom: 0px; text-indent:-9999px; margin-left: -150px; margin-top: 150px;}
#download {background: url(img/download.png) 0 0 no-repeat; padding-left: 24px; margin-left: 5px;}
#pr {background: url(img/pr.png) 0 0 no-repeat; padding-left: 20px; margin-left: 7px;}
#maintext {font-size: 28px; color: #8cb322; margin-top: 180px; margin-left: -130px;}

.b_new {width: 48px; height: 48px; display: block; background: url(img/b_new.png) 0 0 no-repeat; text-indent: -9999px; margin: -110px 0 0 195px}

/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
  text-decoration: underline;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: -200px;
  left: 50px;
  width: 350px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

#lc-b a {display: block; width: 200px; height: 200px; margin-top: -320px; margin-bottom: 120px; z-index: 999; }

#tw {width: 24px; height: 24px; background: url(img/tw.png) 0 0 no-repeat; text-indent: -9999em; margin: -31px 0 0 985px;}

/* css/tooltip.css */