/* CSS Document */
body {margin:0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
li {list-style:none;}
img {border:none;}
div {text-align:left;}
ul {margin:0; padding:0}
.clear {clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.outwrap {margin:0; text-align:center; background:url(bottom.gif) repeat-x bottom #ffffff;}
.wrap {margin:0 auto; width:908px; background:url(content-bottom.gif) no-repeat bottom #ffffff; text-align:center;}
.crumbs{ text-align:left;width:900px; margin:2px 10px 5px 10px; font-size:9px; line-height:12px;}
.crumbs a {text-decoration:underline; color:#666666;}
.logo {float:left; width:217px; height:59px;  }
.logo a {margin:0px 0 0 40px; display:block; }
.flag{ text-align:right;width:500px;  margin:0px 50px 0px 330px;}
.flag a {text-decoration:none;}
.tab {margin:0px 0 0 330px;  padding-top:0px;position:relative;z-index:9;}
.tab ul {margin:0px; padding:0;width:568px; height:42px;background:url(tabback-2.gif) no-repeat 0 4px; position:relative;}
.tab ul li {float:left; width:80px;background:url(li-line.gif) right bottom no-repeat; }
.tab ul li a {color:#1558c3; font-size:12px; text-decoration:none; width:78px;text-align:center;margin-top:10px; padding-right:2px; display:block; line-height:30px;}
.tab ul li a:hover {text-decoration:underline;}
#tab li.notab {background:none;}
#tab li.selected {background:url(tab-s.gif) no-repeat top; position:relative; top:3px; z-index:10;}
#tab li.selected a {color:#000000;margin-top:0px; height:34px; padding:8px 0 0 0;}

.content {width:908px; background:url(headback.gif) no-repeat top; position:relative; top:-4px;z-index:0; padding-bottom:18px;}
.mainarea {width:560px; margin:0px; float:left;}
.mainarea h1 { font-size:24px;color:#000000; margin:28px 0 0 28px;font-weight:bold;}
.mainarea h2 { font-size:20px; line-height:24px; color:#000000; margin:5px 0;font-weight:normal!important; font-weight:600;}
.mainarea .p1 { margin:23px 0 0 70px; font-size:11px; font-weight:normal; color:#000000; width:480px; line-height:16px;}
/*.mainarea a.download {margin:3px 0 0 60px!important;margin:3px 0 0 30px; width:184px; height:42px; background:url(download-botton.gif) no-repeat top left; text-indent:-999px; display:block; float:left}*/
.mainarea a.download {margin:3px 0 0 60px!important;margin:3px 0 0 30px; width:184px; height:42px;  display:block; float:left}

#mainarea .p2 {margin:20px 0 0 10px; background:#cde0fe; width:283px; line-height:22px; display:block; float:left; padding:0 5px;font-size:11px; color:#000000;}

.features2 { width:559px; padding:0 0 0 0px; margin-top:40px; margin-left:4px; float:left; overflow:hidden;}
.features { background:url(newfeature-win72.jpg) no-repeat top left #e6f0ff; width:559px; padding:0 0 0 0px; margin-top:10px; margin-left:4px; float:left; overflow:hidden;}
.features h2,.features2 h2{margin:10px 0;padding-left:25px;}
.features ul {margin:0; padding:0 0 0 27px; }

.features2 { background:url(newfeature-win.jpg) no-repeat top left #e6f0ff; width:559px; padding:0 0 0 0px; margin-top:10px; margin-left:4px; float:left; overflow:hidden;}

.features2 p {font-size:11px;color:#1558c3; font-weight:normal;padding-left:25px;line-height:16px; width:500px; margin-top:10px;margin-bottom:10px;}

.features li {font-size:11px;color:#1558c3; font-weight:normal;padding-left:16px; background:url(list-icon1.gif) no-repeat 0 6px; line-height:16px; width:500px; margin-top:10px;margint-bottom:10px;}
.features p {margin:12px 0 0 0px; font-size:11px; color:#666666; width:500px; letter-spacing:-1px;padding-left:28px;}
.features-b { width:559px; height:16px; background:url(newfeature-bottom.gif) bottom left no-repeat; margin:0; padding:0}

.indexblock {margin:5px 0 0 25px; width:536px; background: url(index-ktop.gif) no-repeat 0 44px; display:inline; float:left;}
.mainarea .indexblock h2 { font-size:20px; line-height:36px; color:#000000; margin:5px 0; font-weight:normal!important; font-weight:600;}
.index-blockcontent { background:url(index-kbody.gif) repeat-y; width:536px; margin:15px 0 0 0;}
.index-blockbottom  { width:536px; height:15px; background:url(index-kbottom.gif) top no-repeat; margin:0; padding:0;}

.indexblock ul {margin:0;}
.indexblock li {font-size:12px;color:#1558c3;font-weight:bold;margin-left:14px; background:url(list-icon2.gif) no-repeat 0 10px; line-height:14px; width:470px;padding:5px 0 5px 16px; border-bottom:1px dashed #e8e8e8;}

.indexblock li p {margin:0; color:#666666; font-size:11px; font-weight:normal; letter-spacing:-1px; line-height:16px;}
.indexblock li.why-more {border:none; margin-top:10px;background:none;}
.indexblock li.why-more a{ color:#ff9900; font-size:11px; text-decoration:none; margin:10px 0; border:none; font-weight:normal; letter-spacing:-1px}
.indexblock li.why-more a:hover{ text-decoration:underline;}

#what p {margin:0; color:#666666; font-size:11px;margin:5px 0 0 14px; font-weight:normal; letter-spacing:-1px; width:470px;padding-left:16px; line-height:16px;}
#what a { font-size:12px; color:#1558c3;width:470px;margin:5px 0 0 14px; background:url(message.gif) left no-repeat top;padding-left:16px; padding-bottom:5px; /*border-bottom:1px dashed #e8e8e8;*/ height:15px; display:block; text-decoration:none;}
#what span{ font-size:12px; color:#1558c3;width:470px;margin:5px 0 0 14px; background:url(message.gif) left no-repeat top;padding-left:16px; padding-bottom:5px; /*border-bottom:1px dashed #e8e8e8;*/ height:15px; display:block; text-decoration:none; display:block;}
#what a:hover {text-decoration:underline;}

.side { width:305px; margin:0; padding:0;position:absolute; top:0; right:20px;}

.revolution { background:url(back-11.gif) no-repeat top; margin-top:25px;  width:100%; width:305px;}
.revolution span {width:100%; text-align:center; font-size:11px; font-weight:bold; color:#000000; display:block; line-height:26px; margin-bottom:12px;}
.revolution a {text-decoration:none;}
.revolution a:hover { font-style:italic;}
.revolution ul { margin:0; padding:0;}
.revolution ul li { border-bottom:1px solid #e8e8e8; width:277px; margin-left:10px; padding-bottom:5px;}
#revolution1 { background:url(icon-music.gif) 0 3px no-repeat;}
#revolution2 { background:url(icon-video.gif) 0 3px no-repeat;}
#revolution3 { background:url(icon-file.gif) 0 3px no-repeat;}
#revolution4 { background:url(icon-4.gif) 0 3px no-repeat; border:none;}
.revolution h2 { font-size:14px;  margin:0 0 0 62px; width:207px; line-height:14px; padding:8px 0 4px 0;color:#1558c3;}
.revolution h2 a {color:#1558c3;}
.revolution h2 a:hover {background-color:#fef4bb;}
#Revolution strong span{ font-size:11px; font-weight: lighter; letter-spacing:-1px; color:#000000;margin:0px 0 7px 62px;width:207px;display:block; line-height:normal; text-align:left;}
#Revolution strong a{ font-size:11px; font-weight: lighter; letter-spacing:-1px; color:#000000;margin:0px 0 7px 62px;width:207px; display:block;}
.revolution-b { width:100%; background:url(back-12.gif) no-repeat bottom; height:15px; margin:0; padding:0}

.award { background: url(award-back.gif) no-repeat top; margin-top:9px;  width:100%; width:305px; height:600px; overflow:hidden; text-align:center;}
.award h2{ font-size:14px; color:#000000; line-height:40px; text-align:center; border-bottom:1px solid #d2e3fe; width:276px; margin:0 auto 14px auto;}
.award a {display:block; width:276px; margin:10px auto; text-align:center;}

.award2 { background: url(left-top-corner-box.jpg) scroll left top no-repeat;margin-top:19px;  width:100%; width:305px;  overflow:hidden; text-align:center;}
.award2 h2{  font-size:14px; color:#000000; line-height:30px; text-align:left; width:276px; margin:0 auto 0px auto;}
.award2 a { width:276px; text-align:center;font-size:10px;}
.award2 p { width:276px; text-align:center; font-size:10px; line-height:18px; margin:3px 5px;}
.award2 li {font-size:11px;color:#666666;margin-left:14px; background:url(list-icon2.gif) no-repeat 0 10px; line-height:14px; width:276px;padding:5px 0 5px 16px; }
.award2 li a{ color:#666666; font-size:11px; text-decoration:underline; margin:10px 0 0 0; border:none; font-weight:normal; letter-spacing:-1px}
.award2 li a:hover{ color:#333333;text-decoration:underline;}
#creditfooter img{margin:0px 999999px; width:0px; height:0px;}
.feedburnerFeedBlock {margin:0px 15px;}

.award3 {  background: url(left-top-corner-box.jpg) scroll left top no-repeat;margin-top:19px;  width:100%; width:305px; overflow:hidden; text-align:center;}
.award3 h2{ font-size:14px; color:#000000; line-height:30px; text-align:left;  width:276px; margin:0 auto 0px auto;}
.award3 a { width:276px; text-align:center;font-size:12px;}
.award3 p { width:276px; text-align:center; font-size:12px;}

.bottom {margin:0; text-align:center; background:#123e83; padding:0; border:1px solid #123e83;}
.how {margin:0 auto; width:900px;}
.how h2 {margin:18px 0 15px 28px; font-size:14px; color:#FFFFFF; font-weight:bold; line-height:14px;}
.how ul {margin:0 0 0 28px;}
.how li { text-indent:6px; font-size:11px;  letter-spacing:-1px; color:#0080ff; line-height:18px;}
.how li a {color:#99ccff;}


.foot {margin:20px auto 0 auto; width:900px; background: url(foot.gif) no-repeat top #123e83; height:110px;}
#foot-logo {float:left; width:149px; height:61px;}
#foot-logo a {display:block; width:119px; height:31px; background:url(logo2.gif) no-repeat top left; text-indent:-999px; margin:30px 0 0 30px;}
.foot-menu {float:right; width:700px; margin:30px 10px 0px 0;}
.foot-menu li {float:left; font-size:11px; border-right:1px solid #ffffff;}
.foot-menu li a {margin:0 8px;color:#FFFFFF; text-decoration:none;}
.foot-menu li a:hover {text-decoration:underline;}
.foot-menu p { font-size:11px; color:#99ccff; margin:0; text-indent:8px;width:700px; float:left; margin-top:5px;}
.foot-menu p a{color:#ffffff;}
#foot-menu .li-end { border:none;}