@charset "utf-8";
/* CSS Document */

body
{
padding:auto;margin:auto;width:100%;height:100%; background:#000000;}

img
{
	border:none;
}

#main_frame
{
padding:auto;margin:auto;width:990px;display:table; background:url(../images/sbg.png);
}
#main_header
{
padding:0px; margin:0px; width:100%; height:100%;background:url(../images/sbg.png);}


#header
{
float:left;width:990px;height:178px; margin:0px 0px 0px 0px; background:url(../images/header.png);
}

#header h5
{
float:right; width:101px; height:70px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666666; margin:15px 20px 0px 0px;
}


.menu {
    display:inline-block; width:465px; padding:0; margin:12px 0px 0px 519px;  background-color:#06abce;
  
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
	 border-bottom:5px double #FFFFFF;
	 float:left;
}


#rolling-nav {
  font:normal 12px 'Trebuchet MS',Trebuchet,Arial,Sans-Serif;
  color:white;
  text-transform:uppercase;
	/* outline:1px solid; */
	width:465px; /* Fixed width. Measure it manually */
	margin:0px 0px 0px 0px;
}

#rolling-nav ul {
  height:50px;
  margin:0px 0px;
  padding:0px 0px;
  overflow:hidden;
 
}

#rolling-nav li {
  float:left;
  display:inline;
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}

#rolling-nav a,
#rolling-nav a:before {
  display:block;
  margin:0px 0px;
  padding:0px 10px;
  line-height:50px;
  color:white;
  text-decoration:none;
  background-color:#03aad3;
  
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  position:relative;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

#rolling-nav a:before {
  content:attr(data-clone);
  position:absolute;
  top:100%;
	right:0px;
  left:0px;
  display:block;
  background-color:#2f2f2f;
  
  border-top:2px solid rgba(0,0,0,0.2);
  color:#FFFFFF;
}

#rolling-nav a:hover {
  margin-top:-50px;
  margin-bottom:1px;
}

#main_slider
{
padding:0px;margin:0px;width:100%;height:100%;  background:#000000;  }


#slider
{
float:left;width:990px;height:346px; margin:10px 0px 0px 0px; background:url(../images/slider.png);
}

#slider1
{
float:left;width:990px;height:268px; margin:0px 0px 0px 0px; background:background:#000000; 
}

#main_wrap
{
padding:0px;margin:0px;width:100%;height:100%; border-bottom:5px double #000000;  background:url(../images/sbg.png); }


#wrap
{
float:left;width:990px;height:auto; margin:-5px 0px 0px 0px; background:url(../images/sbg.png); border-top:5px double #000000; padding-bottom:10px;
}

#wrapper
{
float:left;width:990px;height:auto; margin:px 0px 0px 0px; background:url(../images/sbg.png);padding-bottom:10px;
}

#wrapper h1
{
float:left;
width:250px;
height:56px;
margin:0px 0px 10px 700px;
}

#wrapper p
{
float:left;width:940px;height:auto; margin:0px 0px 0px 10px; background:url(../images/sbg.png);padding-bottom:10px; border:2px dotted #000000; padding:10px 10px 10px 10px; font-size:14px; text-align:justify; font-family:Arial, Helvetica, sans-serif;
}

#wrapper span
{
float:left; width:570px;height:auto; margin:20px 0px 0px 10px; padding-bottom:10px; border:2px dotted #000000; padding:10px 10px 10px 10px; font-size:14px !important; font-family:Arial, Helvetica, sans-serif; text-align:justify;
}

#wrapper h2
{
float:left;
width:340px;
height:30px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:35px 10px 20px 10px;
padding:15px 0px 10px 20px;
background:#000000;
text-align:center;
box-shadow:5px 5px 5px #888888;
}


#wrapper h3 a
{
float:left;
width:340px;
height:30px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:10px 0px 10px 110px;
padding:10px 0px 10px 0px;
background:#000000;
text-align:center;
box-shadow:5px 5px 5px #888888;
text-decoration:none;
}





#wrap h1
{
float:left;
width:225px;
height:47px;
background:url(../images/h1_bg.png) no-repeat;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding:18px 0px 0px 45px;
color:#000000;
margin-right:650px;
}

#wrap h2
{
float:left;
width:980px;
height:30px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:10px 10px 20px 5px;
padding:7px 0px 0px 20px;
background:#000000;
box-shadow:5px 5px 5px #888888;
}

#wrap h3
{
float:left;
width:300px;
height:30px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0px 20px 20px 0px;
padding:7px 0px 0px 20px;
background:#000000;
box-shadow:5px 5px 5px #888888;
}
#wrap h3 a
{
float:left;
width:300px;
height:30px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;

}




.right_wrap
{
float:left;
width:600px;
height:auto;
}

.right_wrap h1
{
float:left;
width:250px;
height:56px;
margin:0px 0px 10px 299px;
}

.right_wrap p
{
float:left;
width:560px;
height:auto;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0px 0px 10px;
padding:10px 10px 0px 10px;
color:#000000;
text-align:justify;
line-height:20px;
background:#e4e1e1;
}


.left_wrap
{
float:left;
width:382px;
height:auto;
}


.explore
{
float:left;
width:auto;
height:auto;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-weight:bold;
}

.explore:hover
{
float:left;
width:auto;
height:auto;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#06abce;
font-weight:bold;
}


#main_video
{
padding:0px;margin:0px;width:100%;height:100%;  background:url(../images/sbg.png);  }



#video_tutorial
{
float:left; width:990px; height:auto; margin:0px 0px 0px 0px; background:url(../images/sbg.png);  padding-bottom:10px;
}


#video_tutorial h1
{
float:right; width:990px; height:56px; margin:0px 0px 0px 0px; font-size:18px; font-family:Arial, Helvetica, sans-serif;
 }
 
 #video_tutorial h1 img
{
float:right; width:250px; height:56px; margin:0px 0px 0px 0px; font-size:18px; font-family:Arial, Helvetica, sans-serif;
 }

#video_tutorial div
{
float:left; width:490px; height:auto; margin:0px 0px 0px 3px; background:#000000;  padding-bottom:10px;
}

#video_tutorial div h2
{
float:left; width:480px; height:20px; margin:0px 0px 0px 0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#333333; padding:5px 0px 5px 0px; color:#FFFFFF; 
}
#video_tutorial div h2 a
{
float:left; width:490px; height:20px; margin:0px 0px 0px 0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#333333; padding:2px 0px 0px 0px; color:#FFFFFF; text-decoration:none;
}

#video_tutorial div p
{
float:left; width:490px; height:30px; margin:0px 0px 0px 0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center;  padding:10px 0px 60px 0px; color:#FFFFFF; border-bottom:2px double #06abce;
}

.explore1
{
float:left;
width:auto;
height:auto;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-weight:bold;
text-align:center;
background:#e9e6e6;
border-radius:10px;
padding:5px 10px 5px 10px;
text-decoration:none;
margin-left:20px;
}

.explore1:hover
{
float:left;
width:auto;
height:auto;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#06abce;
font-weight:bold;
background:#000000;
border-radius:10px;
text-decoration:none;
}


#main_footer
{
	padding:0px;margin:0px;width:100%;height:100%; background:url(../images/sbg.png);  
}

#footer
{
padding:0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
height:111px;
width:990px;
background:url(../images/footer.png) no-repeat;
z-index:999;

}





#footer p
{
float:left;
width:auto;
height:auto;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF !important;
margin:60px 0px 0px 10px;

}

.log
{
margin:50px 20px 0px 0px;
float:right;
width:80px;
height:35px;
border:none;
}	

.log_1
{
margin:50px 20px 0px 0px;
float:right;
width:25px;
height:36px;
border:none;
}

#table
{
	float:left;
	width:700px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0px 0px 0px 120px;
}


#table td
{
	padding:5px 5px 5px 5px;
}

#table tr
{
	padding:5px 5px 5px 5px;
	background:#d43f24;
}

#table tr:hover
{
	padding:5px 5px 5px 5px;
	background:#000000;
}