* { margin: 0; padding: 0; outline:0; border:none; list-style:none;}
body {in-height: 100%; background:url(images/bg.png) repeat-y center #ECECEC;padding: 0;position: relative;z-index: 1; border: 1px solid #D9D9D9;border-top: none;border-bottom: none;overflow-x: hidden;overflow-y: auto; color:#0e2033;font-family:Verdana, Geneva, sans-serif; font-size:12px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 4px rgba(0,0,0,.3); box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
a:link, a:visited{ color:#3D80C7; text-decoration:none;}
a:hover, a:active{ color:#24369A; text-decoration:underline;}

#main{ width:1002px; margin:0 auto;}
#navigation { height:115px;width:1002px; background:url(images/nav_spite.png) repeat-x; margin:0 auto; }
#navigation ul { float: left;list-style: none outside none; background:url(images/nav_spite.png) 0px 0px no-repeat;}
#navigation ul li { float:left; }
#navigation ul li#home { width:366px; }
#navigation ul li#download  { width:125px;}
#navigation ul li#device { width:100px; }
#navigation ul li#screenshots{ width:130px; }
#navigation ul li#solutions{ width:120px;}
#navigation ul li#forum{ width:90px; }
#navigation ul li#blog{ width:71px; }
.top { padding:5px 0; position:relative; margin-bottom:10px;}
.top .right{ position:absolute; right:0px;top:5px; width:180px; height:150px; }
.top .right2{ position:absolute; right:0px;top:5px; width:150px; height:90px; }
.top h2{ }
.main_content{ background:url(images/con_bg_t.png) no-repeat 0 0; padding:20px 30px; width:940px; margin:0 auto; line-height:1.5}
.main_content h4{ margin:16px 0px 8px 0;}
.main_content p{}
.main_content ul li{line-height:1.6; padding-left:8px; }

.tips {
font-size:10px;
font-weight:normal;
color:#888;
}

.desc {
font-size:11px;
font-weight:normal;
color:#888;
}

.clear-all{display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both;}
#navigation ul li a{display: block;height: 115px; text-indent:-3000px }
#navigation ul li#home a:hover,#navigation ul li#home .active{ background:url(images/nav_spite.png) 0 115px ;}
#navigation ul li#download a:hover,#navigation ul li#download .active { background:url(images/nav_spite.png) -366px  -115px;}
#navigation ul li#device a:hover,#navigation ul li#device .active { background:url(images/nav_spite.png) -491px  -115px;}
#navigation ul li#screenshots a:hover ,#navigation ul li#screenshots .active{ background:url(images/nav_spite.png) -591px  -115px;}
#navigation ul li#solutions a:hover,#navigation ul li#solutions .active {background:url(images/nav_spite.png) -721px  -115px}
#navigation ul li#forum a:hover ,#navigation ul li#forum .active{  background:url(images/nav_spite.png) -841px -115px;}
#navigation ul li#blog a:hover,#navigation ul li#blog .active {background:url(images/nav_spite.png) -931px -115px;}


.content{ min-height:100px; margin:25px 0; }
.content .right{padding:20px 20px 20px 380px;}
.content_odd{background:url(images/con_bg_b.png) bottom no-repeat; position:relative}
.content_odd .left_content{
	position: absolute;
	left: 33px;
	top: 11px;
}
.content .con_bg{ background:url(images/con_bg_t.png) top no-repeat; min-height:100px;}
p.intro{ padding:20px; font-size:16px; line-height:30px; }
.content h3{ font-size:26px; margin-bottom:20px; font-weight:normal; color:#1e3161;}
.left{ padding:20px 398px 20px 20px;}
.left2{ float:left;}
#features{ background:url(images/swiss_knife.png) bottom right no-repeat;}
#fomats{ background:url(images/box.png) bottom right no-repeat}

#app{ min-height:265px;height:100%;_height:265px; font-size:14px;}
.content ul{ padding-left:5px;}
.content ul li{ background:url(images/li_1.png) 8px 10px no-repeat; list-style:none; padding-left:18px; line-height:1.2; margin-bottom:8px; font-size:15px;}
.content ul li ul{ margin-top:10px;}
#app ul.dl{   text-align:left; margin:22px 0 0 0px;}
#app ul.dl li{float:left; width:194px; height:78px; margin-right:20px; background:url(images/down_full_btn.png) 0 0 no-repeat; padding-left:46px; padding-top:8px; color:#fff; cursor:pointer;}
#app ul.dl  a:hover li{float:left; width:194px; height:78px; margin-right:20px; background:url(images/down_full_btn.png) 0  -85px no-repeat; padding-left:46px; padding-top:8px; cursor:pointer;}
#app ul.dl li h4{ line-height:2; margin:3px; padding:0;}
#app ul.dl li ul li{ text-indent:8px; margin-left:3px; background:url(images/blue-arrow2.png) no-repeat 0 5px;}
#app ul.dl b{font-size:12px;}
#app ul.dl i{ font-size:12px; }
#app ul.pre{ text-align:left; margin:0px 0px 0px 15px;}
#app ul.pre li{float:left; width:140px; text-indent:-10px; margin-left:60px; margin-right:30px; background:none;color:#000;background:url(images/blue-arrow2.png) no-repeat 0 5px;}

ul.li_s li{background:url(images/li_1.png) 8px 10px no-repeat; list-style:none; padding-left:18px; line-height:1.5; margin-bottom:4px; font-size:12px;}
.edition ul{ padding:5px 0 20px 44px; clear:both;}
.edition ul li{ float:left; width:230px; margin:8px 40px 0 0; padding-bottom:10px;}
.edition .last { margin-right: 0 !important; }
.dl_title{
font-size: 20px;
font-family: Roboto,arial,sans-serif;
font-weight:lighter;
color: #666;
}
.dl_caption{
font-size: 11px;
color: #666;
}
ul.style_dot li{ background:url(images/li_1.png) 8px 10px no-repeat; list-style:none;padding-left:18px; }
#news i{ color:#449bdc; font-family:Georgia, "Times New Roman";}
#footer{ text-align:center; padding:32px 0; border-top:1px solid #ececec; color:#666; font-size:12px;}