/*** general ***/
* {
	margin:0;
	padding:0;
}
body {
	font-family:verdana;
	font-size:12px;
	color:#fff;
	background:#A0A0A3;
	margin:0;
	padding:0;
	/*background: url(images/background-x.jpg) top repeat-x;*/ /* remove mark for body background extended */
}
div#main-wrapper {
	margin:0 auto;
	width:980px;
	border:solid 1px #000; /* change to 0px to remove border from body */
	background: url(../images/bg.jpg) ; 
}
a {
	color:#6DD0F7;
}
.opacity {
	background:#000;
	width:100%;
	height:100%;
	position:absolute;
	-moz-opacity:.70; 
	filter:alpha(opacity=70); 
	opacity:.70; 
}
.black {
	background:#000;
	width:100%;
	height:100%;
	position:absolute; 
}
.navi-border {
	background:#E6E6E6;
	border-style:solid;
	border-color:#555; 
	border-width:3px;
	width:100%;
	height:100%;
	position:absolute;
	color:#000;
}



div.clear {
	clear:both;
	height:0;
	font-size:0;
}
div.seperator-40 {
	padding-top:40px;
}
div.seperator-12 {
	padding-top:12px;
}
div.seperator-30 {
	padding-top:30px;
}
div.seperator-100 {
	padding-top:100px;
}
p.pad-18 {
	padding:18px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.turkiz {
	color:#6DD0F7;
}
img.pad-6 {
	margin:0 6px;
}
img.pad-12 {
	margin:0 12px;
}
/*** header ***/
div#header {
	position:relative;
	z-index:999; 
	height:70px;
	background:#000;
	padding:10px;
}
div#logo {
	padding:0px 0 0 0px;
	float:left;
}
div#logo img {
	display:block;
}
h1#title {
	position:absolute; 
	top:57px;
	left:5px; 
	font-weight: 500; 
	font-size: 12px;
	COLOR: #6FC8F1;
	margin-top:5px;
	margin-left:19px;
}
div#head-navigator {
	float:right;
	width:365px;
	padding:0 0 0 0;
	position:relative;
	z-index:1;
}
#head-navigator ul #box-us {
	padding-top: 20px;
}
div#head-navigator a {
	text-decoration:none;
	color:#000
}
div#head-navigator a:hover,
div#head-navigator a.selected {
	color:#0000F1;
}
html>/**/body div#head-navigator {
	position:static;
	z-index:none;
}
div#head-navigator ul {
	margin:0;
	padding:0;
	list-style:none;
}
div#head-navigator ul li {
	float:left;
	margin-left:3px;
	position:relative;
}
div#head-navigator img {
	border:none;
}
div#head-navigator form {
	margin:0;
	padding:0;
	display:inline;
	
}
div#head-navigator form input.off {
	position:relative;
	width:84px;
	height:20px;
	border:solid 2px #B6B6B6;
	background:#E6E6E6;
	color:#404040;
	margin-top:3px;
	padding:3px;
	font-weight:bold;
}

div#head-navigator form input.on {
	border:solid 2px #93D1EE;
}
div#head-navigator form input.submit {
	margin-left:97px;
}
html>/**/body div#head-navigator form input.submit {
	margin-left:98px;
}
div.head-navi-sub {
	display:none;
	position:absolute;
	left:0;
	top:53px;
	width:180px;
	height:230px;
	z-index:999;
}
div.head-search-sub {
	display:none;
	position:absolute;
	left:0;
	top:33px;
	width:183px;
	height:270px;
	z-index:999;
}
div.head-navi-data {
	position:absolute;
	color:#000;
}
div.head-navi-datamag {
	position:absolute;
	color:#000;
	padding:10px;
	height:inherit; 
	WIDTH:120px; 
	font:normal 12px Verdana;
	line-height:25px;
}
div.head-navi-datamag a{
	color:#000;
	text-decoration:none; 
	

}
li#toolbar {
	margin:-20px; 
}
a.mag {
	color:#000;
	text-decoration:none;
}
div.googlecube  {
	background:#999999;
	border-style:solid; 
	border-color:#555; 
	border-width:3px; 
	display:none;
	position:absolute;
	left:-184px;
	top:33px;
	width:210px;
	padding:30px; 
	height:40px;
	z-index:999999999;
}
div.head-navi-data  div {
	padding:15px;
	position:relative;
}
div.head-navi-data  form {
	margin:0;
	padding:0;
}
div.head-navi-data  form input {
	width:120px;
	border:solid 2px #65BCE3;
}

div.lnglink {
	WIDTH:120px; 
	font:normal 12px Verdana;
	line-height:25px;
}

div#coming-soon {
	position:absolute; 
	left:170px; 
	top:-25px;
	z-index:1000; 
}

/*** menu ***/
div#menu {
	float:left;
	padding-left:180px;
	margin-top:11px;
	position:relative;
}
div#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
}
div#menu ul li {
	float:left;
}
div#menu ul li a {
	display:block;
	padding:16px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
div#menu ul li a:hover,
div#menu ul li a.selected {
	color:#6FC8F1;
	background: url(../images/li-menu-hover.gif) center bottom no-repeat;
}
div#menu ul li.school a{
	color:#69C; 
	background: url(../images/scool.png) center left  no-repeat;
}
div#menu ul li.school a:hover{
	background: url(../images/scoolarror.png) center  no-repeat;
	color:#FFF;
}
div#menu ul li a.teachers {
	background: url(../images/scoolarror.png) center  no-repeat;
}
div#menu ul li a.teachers:hover {
	color:#FFF; 
}
img#help {
	position:absolute;
	left:797px;
	top:-10px;
}
img#btn-help {
	position:absolute;
	left:758px;
	top:-15px;
	
}
img#bubble-help {
	display:none;
	position:absolute;
	right:-100px;
	top:-25px;
}

/*** content ***/

div#content {
	clear:both;
	padding:0 0 0 8px;
	margin-top:-10px;
}
html>/**/body div#content {
	margin-top:0;
}
div#left-bar {
	width:160px;
	height:640px;
	float:left;
	position:relative;
}
div#left-data,
div#center-data,
div#right-data {
	position:absolute;

}
div#left-data {
}
div#center-bar {
	height:640px;
	width:600px;
	float:left;
	margin-left:20px; 
	margin-right:20px; 
}
div#right-bar {
	width:160px;
	height:640px;
	float:left;
	position:relative;
}
div.long {
	width:772px !important;
}
div#content .title {
	color:#6DD0F7;
	font-weight:bold;
	font-size:12px;
	padding:5px 0;
}

div#user-wrapper {
	background:#000;
	width:170px;
	margin-left:-10px;
	padding:7px 5px;
	height:28px;
}
div#user-wrapper div#user {
	float:left;
	padding-left:5px;
}
div#user-wrapper div#userID {
	float:right;
	padding:5px 10px 0 0;
}

div.center-box {
	position:relative;
	min-height:220px;
	height: auto !important;
	height:220px;
	font-family: verdana;
	
}
div.box-data {
	position:absolute;
	min-height:220px;
	height: auto !important;
	height:220px;
}
div#naviButtons {
	padding-left:30px; 
}
img#btn-learn-typing {
	position:absolute;
	margin-top:-35px;
	z-index:999;
}
div.cell {
	height:290px;
	display:table;
	float:left;
}
div.cell p {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position: absolute; 
	top: 50%;
	width:30%;
}
div#Tutorials-menu {
	padding:7px;
	margin-left:20px;
	float:left; 
	font-size:12px; 
	list-style:none; 

}
div#Tutorials-menu  ul li a{
	line-height:17px; 
	color:#fff;
	text-decoration:none;
	
}

div#Tutorials-menu  ul li a:hover,
div#Tutorials-menu ul li a.selected {
	color:#6FC8F1;
}

#navi_bar {
	min-height:130px; 
	height:auto !important;
	height:130px;
	
}
h3.subheding
{
	font-size:12px;  
	color:#6FC8F1;
}
h2.subheding
{
	font-size:14px;  
	color:#6FC8F1;
}

div#tutor-buts {
	float:left; 
margin-left:20px; 
width:300px; 
}
a#btn-instruct:link, a#btn-instruct:active, a#btn-instruct:visited {
	margin-left:15px; 
	margin-right:3px; 
	margin-top:8px;
	float:left; 
		display: block;
		width: 65px;
		height: 65px;
		background-image: url(../images/img-instruction-big.png);
		background-repeat: no-repeat;
		text-decoration:none;
	}	

a#btn-Products:link, a#btn-Products:active, a#btn-Products:visited {
	margin-left:15px; 
	margin-right:3px; 
	margin-top:8px;
	float:left; 
		display: block;
		width: 73px;
		height: 72px;
		background-image: url(../images/primium-course-but.png);
		background-repeat: no-repeat;
		text-decoration:none;
	}	
	a#btn-certificate:link, a#btn-certificate:active, a#btn-certificate:visited {
	margin-left:15px; 
	margin-right:3px; 
	margin-top:8px;
	float:left; 
		display: block;
		width: 73px;
		height: 72px;
		background-image: url(../images/certification-but.png);
		background-repeat: no-repeat;
		text-decoration:none;
	}		

a#btn-typing:link, a#btn-typing:active, a#btn-typing:visited {
	margin-left:15px; 
	margin-right:3px; 
	margin-top:8px;
	float:left; 
		display: block;
		width: 65px;
		height: 65px;
		background-image: url(../images/img-tt-big.png);
		
		background-repeat: no-repeat;
		text-decoration:none;
	}	

	
	a#btn-numb:link, a#btn-numb:active, a#btn-numb:visited {
	margin-left:15px; 
	margin-right:3px; 
	margin-top:8px;
	float:left; 
		display: block;
		width: 65px;
		height: 65px;
		background-image:url(../images/img-numb-big.png);
		
		background-repeat: no-repeat;
		text-decoration:none;
	}	

	a#btn-games:link, a#btn-games:active, a#btn-games:visited {
	margin-left:15px; 
	margin-right:3px; 
	margin-top:8px;
	float:left; 
		display: block;
		width: 65px;
		height: 65px;
		background-image: url(../images/img-games-big.png);
		background-repeat: no-repeat;
		text-decoration:none;
	}	

a#btn-test:link, a#btn-test:active, a#btn-test:visited {
	margin-left:15px; 
	margin-right:3px; 
	margin-top:8px;
	float:left; 
		display: block;
		width: 65px;
		height: 65px;
		background-image: url(../images/img-test-big.png);
		background-repeat: no-repeat;
		text-decoration:none;
	}	


div#left-menu {
	padding:10px; 
	
}
div#left-menu ul li a{
	line-height:20px; 
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	list-style:none; 
}

div#left-menu ul li a:hover,
div#left-menu ul li a.selected {
	color:#6FC8F1;
}
/*** center footer links ***/
div#center-footer-link {
	margin-top:10px;
	padding:18px;
}
div.links-box {
	float:left;
	padding:0 30px;
}
div.links-box ul {
	margin:0;
	padding:0;
	list-style:none;
}
div.links-box ul li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
div.links-box ul li a:hover {
	text-decoration:underline;
}

/*** products carusel ***/
div.product-wrapper {
	width:144px;
	padding:8px;
	background:#5F5F5F;
	color:#6DD0F7;
	height:16px;
	margin-top:-2px;
	font-weight:bold;
}
div.product-wrapper a {
	text-decoration:none;
}
div.product-wrapper a:hover {
	text-decoration:underline;
}
div.product-try-buy {
	float:left;
}
div.product-price {
	float:right;
}
div.product-details {
	color:#fff;
	padding:3px 0;
}
div.product-details a {
	text-decoration:none;
	color:#fff;
}
div.product-details a:hover {
	text-decoration:underline;
}

div.game-wrapper {
	width:133px;
	padding:8px;
	background:#5F5F5F;
	color:#6DD0F7;
	height:20px;
	margin-top:-2px;
	font-weight:bold;
}
	div#butoomRe {
		min-height:140px; 
	height:auto !important;
	height:140px;
		width:100%;
		text-align:center; 
	}
/*** footer ***/
div#footer {
	clear:both;
	width:100%;
	height:50px;
	text-align:center;
	font-size:10px;
	
}
#main-wrapper #content #center-bar #navi_bar #naviButtons table #totorlinks td a {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#main-wrapper #content #center-bar #navi_bar #naviButtons table #totorlinks td a:hover{
color:#6DD0F7;
}

#main-wrapper #menu ul li span {
	color: #69C;
	background-color: #FFF;
}