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

html,body{
margin:0;
padding:0;
background-color:#FFFFFF;
color:#00000;
font-family: Arial;
font-size: 0.85em;
}

img{
border:none;}

#header{
position:fixed;
z-index:1000;
top:0;
width:100%;
background-color:#000000;
border-bottom:#FFFFFF thin solid;
height:70px;
overflow:hidden;
padding:10px 0 0 0;
}

#header_wrapper{
width:980px;
margin:0px auto;}

#logo{
float:left;
width:200px;}

#menu{
float:right;
width:700px;
position:relative;}

#request{
position:absolute;
background-color:#FF0000;
width:200px;
height:30px;
top:-20px;
right:0;
padding:19px 0 0 0;
text-align:center;
cursor:pointer;
-webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px;background-color:#FF0000;}

#request:hover{-webkit-box-shadow: #BFBFBF 6px 6px 6px;-moz-box-shadow: #BFBFBF 6px 6px 6px; box-shadow: #BFBFBF 6px 6px 6px;}

#request a,#request a:visited,#request a:active{
color:#FFFFFF;
text-decoration:none;
font-size:16px;}




#menu ul{
list-style-type:none;
margin:20px 0 0 0;
padding:0;}

#menu ul li{
display:inline;
padding:0 20px 0 20px;}

#menu ul li a,#menu ul li a:active,#menu ul li a:visited{
font-size:18px;
color:#FFFFFF;
text-decoration:none;}

#menu ul li a:hover{
font-size:18px;
color:#CCCCCC;
text-decoration:none;}

#intro_bg {
margin-top: 78px;
background-image:url(../graphics/intro_bg.jpg);
background-position:top center;
background-size: 100%; /* width and height, can be %, px or whatever. */
min-height:1080px;
background-repeat:no-repeat;
padding:30px 0 0 0;
}

#intro_bg_wrapper, #what_wrapper, #junlge_wrapper,#form_div_wrapper,#footer_wrapper{
position:relative;
width:980px;
margin:0px auto;}

.index_whites{
background-color:#FFFFFF;
width:280px;
margin:0 20px 0 0;
padding:10px 10px 10px 10px;
text-align:left;
color:#000000;
float:left;
background-image:url(../graphics/productfeature_btn.png);
background-repeat:no-repeat;
background-position:230px 18px;
height:80px;
-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;
}

.index_whites:hover{
background-image:url(../graphics/productfeature_btnover.png);
background-repeat:no-repeat;
background-position:230px 18px;}

.index_whites h2{
margin:0;
padding:0;}

.index_whites .desc{
width:75%;
}

#slogan{
font-size:36px;
color:#FFFFFF;
margin:10px 0 80px 0px;
font-weight:bold;
}

#platform{
background-color:#FFFFFF;
margin: 50px 0 0 0;
padding:10px 10px 10px 10px;}

.large{
font-size:24px;
font-weight:bold;
text-align:center;}

.medium{
font-size:17px;}

#slogan .small{
font-size:20px;
font-weight:bold;}


#request2{
background-color:#FF0000;
width:200px;
height:30px;
top:-20px;
right:0;
padding:15px 0 0 0;
text-align:center;
cursor:pointer;
-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;background-color:#FF0000;}

#request2:hover{-webkit-box-shadow: #BFBFBF 6px 6px 6px;-moz-box-shadow: #BFBFBF 6px 6px 6px; box-shadow: #BFBFBF 6px 6px 6px;}

#request2 a,#request2 a:visited,#request2 a:active{
color:#FFFFFF;
text-decoration:none;
font-size:16px;}

#what{
padding:0 0 20px 0;}

#jungle{
background-color:#000000;
color:#FFFFFF;
padding:20px 0 20px 0;}


#footer{
background-color:#f2f2f2;}

#footer a,#footer a:active, #footer a:visited{
color:#000000;
text-decoration:none;}

#footer a:hover{
text-decoration:underline;}


.row{
background:#595959;
color:#FFFFFF;
font-size:18px;}

.clear_left{
clear:left;}

.clear{
clear:both;}


#back-top {
	position: fixed;
	bottom: 30px;
	right: 50px;
	z-index:9999;
}


input, #message {
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 15px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
	width:350px;
}