.cloud {
	width: 200px; height: 60px;
	z-index:0;
	position: absolute; 
}


.x1 {
		left: 0px; top:0px;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity:0.8;

	-webkit-animation: moveclouds 140s linear infinite;
	-moz-animation: moveclouds 140s linear infinite;
	-o-animation: moveclouds 140s linear infinite;
}

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {
	left: -500px; top:20px;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.6; /*opacity proportional to the size*/
	
	/*Speed will also be proportional to the size and opacity*/
	/*More the speed. Less the time in 's' = seconds*/
	-webkit-animation: moveclouds 200s linear infinite;
	-moz-animation: moveclouds 200s linear infinite;
	-o-animation: moveclouds 200s linear infinite;
}

.x3 {
	left: -750px; top: 40px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 160s linear infinite;
	-moz-animation: moveclouds 160s linear infinite;
	-o-animation: moveclouds 160s linear infinite;
}

.x4 {
	left: 470px; top: 60px;
	
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	opacity: 0.75; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 180s linear infinite;
	-moz-animation: moveclouds 180s linear infinite;
	-o-animation: moveclouds 180s linear infinite;
}

.x5 {
	left: -150px; top: 80px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 220s linear infinite;
	-moz-animation: moveclouds 220s linear infinite;
	-o-animation: moveclouds 220s linear infinite;
}

@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}




.bubble{
	background:url('sharks_images/bubble.png');
	position:absolute;
	width:180px;
	height:110px;
	margin-top:-80px;
	margin-left:70px; 
	padding-top:70px;
	font-size:14px;
	color:#0000dd;


}


.btn_word_hint{
	width:auto;
	padding: 1px 4px;
	margin-right:0px;
	font-size:14px;
	font-family:Arial;
}

a.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fafafa;
	padding: 5px 16px;
	background:#009900;
	background: -moz-linear-gradient(
		top,
		#6fd569 0%,
		#39610b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#6fd569),
		to(#39610b));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0px solid #2ea100;
}
	a.button:link {color:#f0f0f0;}
	a.button:visited {color:#f0f0f0;}

	a.button:hover {color:#FFFFFF; background: -moz-linear-gradient(top,#8ff589 0%,#39610b); background: -webkit-gradient(linear, left top, left bottom, from(#8ff589), to(#39610b));}
	a.button:active {color:#FFFFFF; background: -moz-linear-gradient(top,#8ff589 0%,#39610b); background: -webkit-gradient(linear, left top, left bottom, from(#8ff589), to(#39610b));}


	a.buttonmbig{
		font-size: 20px;
		padding: 5px 16px;
	}


	a.buttonmedium {
		font-size: 16px;
		padding: 5px 15px;
	}


	a.buttonsmall {
		font-size: 12px;
		padding: 3px 11px;
	}


a.message_box_link:link{
	font-size:16px;
	color:#e87915;
}

a.message_box_link:visited{
	color:#e87915;;
}

a.message_box_link:hover{
	color:#ffffff;
}



.txbx_number{
	background-color:transparent; border:none; text-shadow: 2px 2px 2px #000; color:#ffffff; text-align:center; font-size:14; font-weight:bold; width:25px;
}

.divnumber{
	position:absolute; 
	visibility:hidden;
}

td.ordered_number{
	color:#ffffff;
	width:20px;
}

.btn_word{
	width:auto;
	padding: 1px 4px;
	margin-right:0px;
	font-size:14px;
	font-family:Arial;
}

	.btn_word:hover{

	}

.txt_word{
	width:110px;
	font-size:17px;
	
}

.txt_wordh{
	width:110px;
	font-size:17px;
	text-align:right;
	
}


html {

	overflow: hidden;
}

body{
	
	background:#3366aa;
	background-image: url("../background1.jpg");

	background-attachment: fixed;
	font-family: arial,"sans-serif";
	font-size: 100%;
	letter-spacing:0px;
	overflow: hidden;




}


table{
	width:100%
}

	table.speedboat{
		width:550px;
	}

	table.buttons{
		width:800px;
	}

	table.buttons_half{
		width:500px;
	}

	table.subjects{
	
		border: 2px solid #0000aa;
		background-image: url("clouds1.gif");
		font-weight: bold; 
		width:900px;
		
}

	table.mathgames{

		border-width:2px;
		border-style:solid;
		cellpadding:2px;
		color:#ffffff;
		font-size:13px;			
		border-collapse: collapse; 		
		width:900px;
}		


	table.main{
		width:100%;			
	}

	table.mainright{

		border: 1px solid #0000aa;
		width:180px;
		
	}

	table.mainrightshort{

		border: 1px solid #0000aa;
		width:120px;
		
	}

	table.mainrightadvertise{

		
		width:74%;
		
	}

	table.mainvideos{
		
		

		width:100%;
	}

	table.explanation{
		
	}


	table.advertise{
		width:180px;
	}


th {
	color:#ffff00;
	font-size:14px;

}

	th.instructions{
	width:200px;		
	}




tr.subjects{

	color:#ffff00;
	font-size:14px;	


}


td{
	text-align:center;
}

	td.gameinstructionsleft{
		text-align:right;
		color:#FFFFFF;
		font-size:22px;
		vertical-align:top;
		width:520px;

	}
	td.gameinstructionsimage{
		vertical-align:top;
		text-align:left;
		
	}

	td.mainright{
		background-color:#3366aa;
		text-align:left;
		border: 1px solid #0000aa;
		padding: 2px;
		


	}

	td.mathgames{
		border: 1px solid #0000aa;
		padding: 10px;



	}

	td.mathgamestext{
		border: 1px solid #0000aa;
		padding: 10px;
		text-align:left;
		width:300px;


	}

	td.mainmiddle{
		
	}

	td.subjectstitle{

		border: 0px solid #ffffff;
		width:340px;
		padding: 0px;
		height:24px;


		
	}

	td.subjects{


		width:25%;
		padding: 0px;


		
	}

	td.subjectsempty{

		border: 0px solid #0000aa;
		width:25%;
		padding: 0px;
		
		
	}


	td.videos{
		padding: 4px;
		text-align:left;
		width=80%;
	}

	td.videostitle{
		color:#ffff00;
		width:100%;

		
	}

	td.lefttovideos{
		width:5%;
		
		
	}

	td.righttovideos{
		width:15%;

		
	}

	td.explanation{
		
		background-color:#3366aa;
		border: 2px solid #0000aa;
		

	}

	td.advertise{
		
		border: 2px solid #0000aa;
	}




a{
	width:100% ;
	text-decoration:none;
}

	a.subjects{
		font-size:12px;
		
		line-height:140%;
		width:86%;
		border: 1px solid;
		border-color:#dddddd #0000aa #0000aa #dddddd;
		display:block;

	}

		a.subjects:link{color:#ffbb00;background-color:#3366aa;}

		a.subjects:visited{color:#ffbb00;background-color:#3366aa;}

		a.subjects:hover{color:#ffffff; background-color:#5599dd;}

		a.subjects:active{color:#ffffff; background-color:#dd8800; font:bold;}





a.bottom{
		font-size:13px;
		line-height:140%;
		width:20%;
		text-align:center;
		
		
		

	}

		a.bottom:link{color:#ffffff;background-color:#3366aa;}

		a.bottom:visited{color:#ffffff;background-color:#3366aa;}

		a.bottom:hover{color:#ffffff; background-color:#5599dd;}

		a.bottom:active{color:#ffffff; background-color:#3366aa; font:bold;}
		

	a.mainright{
		font-size:13px;
		font-weight:400;
		width:100%;
		text-align:left;
		line-height:160%;
		display:block;

	}

		a.mainright:link{color:#ffdd00;}

		a.mainright:visited{color:#ffdd00;}

		a.mainright:hover{color:#ffffff; background-color:#5599dd; }

		a.mainright:active{color:#ffffff; background-color:#dd8800;}

	a.maththumb{
		font-size:13px;
		font-weight:400;
		width:100%;
		text-align:left;
		line-height:160%;
		

	}

		a.mainright:link{color:#ffdd00;}

		a.mainright:visited{color:#ffdd00;}

		a.mainright:hover{color:#ffffff; background-color:#5599dd; }

		a.mainright:active{color:#ffffff; background-color:#dd8800;}


	a.mainrightb{
		font-size:13px;
		font-weight:900;
		width:100%;
		text-align:left;
		line-height:160%;
		display:block;

	}

		a.mainrightb:link{color:#fffc88;}

		a.mainrightb:visited{color:#fffc88;}

		a.mainrightb:hover{color:#ffffff; background-color:#5599dd; }

		a.mainrightb:active{color:#ffffff; background-color:#dd8800;}










	a.baraksofer{
		font-size:13px;
		font-weight:bold;
		text-decoration: underline;
		width:10%;

		text-align:left;
		line-height:130%;

		



	}

		a.baraksofer:link{color:#ffff00;}

		a.baraksofer:visited{color:#ffff00;}

		a.baraksofer:hover{color:#ffdd00;  }

		


	a.moregames{
		font-size:16px;
		font-weight:normal;
		text-decoration: underline;
		width:auto;

		text-align:left;
		line-height:130%;

		



	}

		a.moregames:link{color:#ffff00;}

		a.moregames:visited{color:#ffff00;}

		a.moregames:hover{color:#ffdd00;  }

		a.moregames:active{color:#ffffff; background-color:#dd8800;}





	a.howto{
		font-size:13px;
		font-weight:bold;
		text-decoration: underline
		width:100%;

		text-align:left;
		line-height:130%;

	}

		a.howto:link{color:#ffdd00;}

		a.howto:visited{color:#ffdd00;}





img{

}

	img.movie{
		width:26;
		height:16;
		border:none;
		vertical-align:center;
	}
	img.notebookimage{
		width:30;
		height:30;
		border:none;
		vertical-align:center;
		
	}	
	
p{
	text-align:left;
	color:#ffffff;
	font-size:16px;
	margin-left: 20px;
	margin-right: 20px;
	line-height:130%;
}	

h1{
	
	font-size:26px;
	font-weight: bold; 
	text-decoration: none;
	color:#ffff00;
	margin-top:6px; 
	margin-bottom:2px; 
}


h2{
	font-size:13px;
	font-weight: normal; 
	color:#ffffff;
	margin-top:8px; 
	margin-bottom:8px; 
}


h3{
	font-size:13px;
	font-weight: normal; 
	color:#ffffff;
	margin-top:6px; 
	margin-bottom:5px; 
	margin-left: 20px;
	margin-right: 20px;
}
h4{

	font-size:13px;
	font-weight: normal; 
	color:#ffffff;
	margin-top:8px; 
	margin-bottom:8px; 
	margin-left: 20px;
	margin-right: 20px;
}

div.copyright{
	font-size:15px;
	color:#ffff00;
	margin-bottom:12px; 
	font-style: italic;

}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
		width:30;
		height:30;
		border:none;
-moz-opacity: 0.8;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		width:30;
		height:30;
		border:none;
-moz-opacity: 1;
}

div.formula{
	text-align:left;
	color:#ffff00;
	font-size:16px;
	margin-left: 20px;
	margin-right: 20px;
	line-height:130%;
}

div.didyouknow{
	font-size:15;
	font-weight:bold;
	color:#FFFF00;
}


.button_hear_again_balloons{

	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 20px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 22px/100% Arial, Helvetica, sans-serif;
	padding: 7px 28px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 3 3px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 3 3px 3px rgba(0,0,0,.2);
	box-shadow: 3 3px 3px rgba(0,0,0,.2);
	
	color: #e7e7e7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');

}

.button_hear_again_balloons:hover {

	
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}

.button_hear_again_balloons:active {
	position: relative;
	top: 1px;

	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}