body
{
margin: 0px;
}

a
{
text-decoration: none;
color: #000;
}

hr
{
margin: 0px;
border-bottom:0px; 
}

#nav
{
width: 99%;
height: 65px;
text-align: center;
padding-right: 1%;
}

#Logo
{
height: 90%;
float:left;
margin-left: 2%;
margin-top: 0.5%;	
}

.item
{
height: 75%;
display: inline;
float: right;
font-family: FontFB, 'Agency FB';
font-size: 40px;
border: 1px solid #fff;
overflow: hidden;
margin: 0.5% 0.5%;
padding: 0% 1%;
transition: 0.5s 0s;
-webkit-transition: 0.5s 0s;
}

.subnav
{
font-size: 35px;
}


.subnav:hover
{
color: red;
}

.item:hover
{
border: 1px solid #000;
cursor: pointer;
background-color: #fff;
transition: 0.5s 0s;
-webkit-transition: 0.5s 0s;
}

.tutor:hover
{
cursor: pointer;
height: 710%;
background-color: #fff;
transition: 0.5s 0s;
-webkit-transition: 0.5s 0s;
}

.about:hover
{
cursor: pointer;
height: 220%;
background-color: #fff;
transition: 0.5s 0s;
-webkit-transition: 0.5s 0s;
}

#header
{
font-family: FontFB, 'Agency FB';
font-size: 75px;
line-height:55px;
margin: 20px 1%;
clear: left;
}

.head
{
width: 94%;
position: absolute;
margin: 0% 3%;
z-index: -2;
}

red
{
color: red;
}

#tab
{
position: absolute;
padding: 1% 0%;
z-index: -2;
}

.content
{
width: 50%;
}

.subhead i
{
font-size: 30px;
}

.texts
{
font-family: Fonthoma, Tahoma;
font-size: 20px;
margin-left: 3%;
}

li
{
font-family: Fonthoma, Tahoma;
font-size: 20px;
}

#radius2
{
font-family: FontFB, 'Agency FB';
font-size: 30px;
text-align: center;
position: relative;
margin: 0% 3%;
border: 3px solid #000;
border-radius: 45px;
padding: 10px 1%;
}

.syntax
{
font-family: Fonthoma, Tahoma;
font-size: 20px;
width: 94%;
margin: 0% 2%;
border: 1px solid red;
padding: 1% 1%;
}

#shadow
{
font-family: FontFB, 'Agency FB';
font-size: 30px;
text-align: center;
position: relative;
margin: 0% 3%;
border: 3px solid #000;
box-shadow: 10px 10px 5px #888888;
padding: 10px 1%;
}

#imgbrder
{
font-family: FontFB, 'Agency FB';
font-size: 30px;
text-align: center;
position: relative;
-webkit-border-image:url(../Images/border.png) 30 30 round;
-o-border-image:url(../Images/border.png) 30 30 round;
border-image:url(../Images/border.png) 30 30 round;
}

.capt
{
font-family: Fonthoma, Tahoma;
font-size: 20px;
margin: 0px;
}

#Fg1
{
width: 90%;
font-size: 20px;
position: relative;
background-color: #d0d0d0;
border: 4px solid #a0a0a0;
padding: 2%;
}

#Fg2
{
word-wrap: break-word;
width: 90%;
font-size: 17px;
position: relative;
background-color: #d0d0d0;
border: 4px solid #a0a0a0;
padding: 2%;
}

#wrap1
{
width: 25%;
font-family: Fonthoma, Tahoma;
font-size: 15px;
text-align: center;
position: relative;
border: 1px solid #000;
display: inline-block;
margin-right: 10%;
}

#wrap2
{
width: 25%;
font-family: Fonthoma, Tahoma;
font-size: 15px;
text-align: center;
position: relative;
border: 1px solid #000;
word-wrap:break-word;
display: inline-block;
margin-left: 10%;
}

@font-face
{
font-family: FontFB, 'Agency FB';
src: url(../AGENCYR.TTF);
}

@font-face
{
font-family: Fonthoma, Tahoma;
src: url(../tahoma.ttf);
}

#tab89
{
width: 35%;
position: relative;
z-index: -2;
margin: 3% 5% 0% 5%;
}

.ref
{
font-family: Fonthoma, Tahoma;
font-size: 50px;
padding-left: 2%;
}


.image
{
background-color: #87C71D;
border-radius: 20px;
box-shadow: 1px 1px 20px #b0b0b0;
}

td div img
{
margin: 15% 10%;
}

#table2
{
width: 100%;
height: 35%;
position: absolute;
}

#tab90
{
width: 99%;
margin: 1% 1%;
position: absolute;
z-index: -2;
}

#tab tr td
{
width: 50%;
}

.Thumbnails
{
width: 45%;
float: left;
padding: 3%;
margin-right: 1%;
margin-bottom: 10%;
border: 1px solid #000;
}

#sliderFrame 
{
    position:relative;
    width:100%;
    margin: 0 auto;
	z-index: -3;
}

#slider, #slider div.sliderInner 
{
    width:75%;
	height:615px; 
}

#slider {
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

#slider a.imgLink, #slider div.video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}

#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:20px 0;/* 10px will increase the height.*/
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 20px;
	display: none;
}
#slider div.mc-caption-bg 
{
	background:Black;
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	text-align:center;
    background:none;
}
#slider div.mc-caption a {
	color:#FB0;
}
#slider div.mc-caption a:hover {
	color:#DA0;
}



#slider div.navBulletsWrapper  {
    top:320px;/* Its position is relative to the #slider */
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
	display: none;
}

#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(../Images/bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}


#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}

 .navitem
{
color: #000;
}

#Lohg
{
width: 55%;
clear: right;
}

.subhead2
{
font-family: FontFB, 'Agency FB';
font-size: 45px;
margin: -7px 0% 1% 0%;
line-height: 38px;
letter-spacing: 50px;
}

td a div
{
width:100%;
height: 100%;
background-color: #000;
color: #fff;
transition: 0.2s 0s;
-webkit-transition: 0.2s 0s;
-moz-transition: 0.2s 0s;
}


td a div:hover
{
width:100%;
height: 100%;
background-color: #fff;
color: #000;
transition: 0s 0s;
-webkit-transition: 0s 0s;
-moz-transition: 0s 0s;
}

.men
{
width: 25%;
font-size: 23px;
font-family: Fonthoma, Tahoma;
}

td
{
padding: 0px;
}

.mene
{
background-color: #000;
}

#grad
{
font-family: FontFB, 'Agency FB';
font-size: 30px;
text-align: center;
position: relative;
margin: 0% 3%;
border: 3px solid #000;
background: -webkit-linear-gradient(right, orange, green, red, blue);
background: -o-linear-gradient(right, orange, green, red, blue); 
background: -moz-linear-gradient(right, orange, green, red, blue); 
background: linear-gradient(right, orange, green, red, blue); 
padding: 10px 1%;
}

#rad
{
font-family: FontFB, 'Agency FB';
font-size: 30px;
text-align: center;
position: relative;
margin: 0% 3%;
border: 3px solid #000;
background: -webkit-linear-gradient(right, orange, green, red, blue);
background: -webkit-radial-gradient(red, green, blue);
background: -o-radial-gradient(red, green, blue); 
background: -moz-radial-gradient(red, green, blue); 
background: radial-gradient(red, green, blue); 
padding: 50px 1%;
}

#size
{
font-family: FontFB, 'Agency FB';
font-size: 30px;
text-align: center;
position: relative;
margin: 0% 3%;
background-image: url(../Images/logo.png);
background-size: auto 100%;
border: 3px solid #000;
padding: 10px 1%;
}

.subhead
{
font-family: FontFB, 'Agency FB';
font-size: 55px;
margin: 5% 0% 0% 0%;
clear: left;
}

.img
{
padding: 1%;
border: 1px solid #000;
margin-bottom: 2%;
}

#wrap
{
position: absolute;
z-index: -2;
}

.samimg 
{
width: 25%;
}