/* CSS Document */
body {margin:0px; text-align:center; background:#191919; 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 #191919;}
.wrap {margin:0 auto; width:908px; background:url(content-bottom.gif) no-repeat bottom #191919; text-align:center;}
.flag{ text-align:right;width:800px;  margin-top:5px; margin-right:50px;}
.flag a {text-decoration:none;}
.logo {float:left; width:217px; height:59px;  }
.logo a {margin:0px 0 0 40px; display:block; }
.tab {margin:0px 0 0 330px;  padding-top:20px;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:#ffffff; 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; color:#FFFF00; font-weight:bold;}
#tab li.notab {background:none;}
#tab li.selected {background:url(tab-s.gif) no-repeat top; position:relative; top:3px; z-index:10;color:#ffffff;}
#tab li.selected a {color:#ffffff;margin-top:0px; height:34px; padding:8px 0 0 0; font-weight:bold;}

.content {width:908px; background:url(headback.gif) no-repeat top; position:relative; top:-4px;z-index:0; padding-bottom:18px; }
.mainareah1 {width:908px; margin:0px; float:left;}
.mainareah1 h1 { font-size:22px;color:#ffffff; margin:25px 0 0 28px;}

.mainarea {width:560px; margin:0px; float:left;}
.mainarea h1 { font-size:22px;color:#ffffff; margin:28px 0 0 28px;}
.mainarea h2 { font-size:20px; line-height:24px; color:#000000; margin:5px 0;font-weight:normal!important; font-weight:600;}
.mainarea .p1 { margin:23px 10px 0px 32px; font-size:11px; font-weight:normal; color:#aaaaaa; width:540px; line-height:16px;color:#dddddd;}
.mainarea .p1 a {color:#ffffff; font-weight:bold;text-decoration:underline;}
.mainarea .p1 strong {color:#eeeeee; }
.mainarea .p1 a:hover{color:#ffff00; text-decoration:none;}

/*.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:23px 0 0 30px; width:184px; height:42px;  display:block; float:left}*/
.mainarea .download {margin:20px 0 0 60px !important; margin:20px 0 0 30px;  width:184px; height:42px;  display:block; float:left;}

#mainarea .p2 {margin:30px 0 0 10px; background:#3a3a3a; width:296px; line-height:22px; display:block; float:left; padding:0 5px;font-size:11px; color:#999999;}
#mainarea .p2 strong {color:#ffffff;}

.features { background:url(newfeature-top.gif) no-repeat top left #222222; width:559px; padding:0 0 0 0px; margin-top:40px; margin-left:4px; float:left; overflow:hidden;}
.features h2 {margin:10px 0;padding-left:25px; color:#00ccff;}
.features ul {margin:0; padding:0 0 0 27px; }
.features li {font-size:11px;color:#aaaaaa; 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:#aaaaaa; 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:18px; line-height:36px; color:#00ccff; 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 0 15px 0; padding:0;}

.indexblock ul {margin:0;}
.indexblock li {font-size:11px;color:#aaaaaa;font-weight:normal;margin-left:14px; background:url(list-icon2.gif) no-repeat 0 10px; line-height:14px; width:470px;padding:5px 0 5px 16px; }
.indexblock li a{ color:#aaaaaa; font-size:11px; text-decoration:underline; margin:10px 0; border:none; font-weight:normal; letter-spacing:-1px}
.indexblock li a:hover{ color:#ffff00;text-decoration:underline;}
.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:#aaaaaa; 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;}
.indexblock p {font-size:11px;color:#aaaaaa;font-weight:bold;margin-left:14px; line-height:14px; width:470px;padding:5px 0 5px 16px; }
.indexblock p a{ color:#aaaaaa; font-size:11px; text-decoration:underline; margin:10px 0; border:none; font-weight:normal; letter-spacing:-1px}
.indexblock p a:hover{ color:#ffff00;text-decoration:underline;}

#what p {margin:0; color:#cccccc; 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:#dddddd;width:470px;margin:5px 0 0 14px; background:url(comment.gif) left no-repeat top;padding-left:20px; padding-bottom:5px; /*border-bottom:1px dashed #e8e8e8;*/ height:15px; display:block; text-decoration:none;}
#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:55px;  width:100%; width:305px;}
.revolution span {width:100%; text-align:center; font-size:11px; font-weight:bold; color:#aaaaaa; display:block; line-height:26px; margin-bottom:12px;}
.revolution a {text-decoration:none; color:ffffff;}
.revolution a:hover { font-style:italic;}
.revolution ul { margin:0; padding:0;}
.revolution ul li { width:277px; margin-left:15px; padding-bottom:5px; color:#aaaaaa;list-style-position:inside; display:block;float:left;}
.revolution ul li a{ color:#ffffff;}
.revolution ul li h2{ color:#ffffff;}
.revolution ul li a:hover{ color:#ffff00;}
.dot{background-image:url(dot.gif); background-repeat:no-repeat; height:7px;}
#r-pandora { background:url(icon-pandora.gif) 0 3px no-repeat;}
#r-imeem { background:url(icon-imeem.gif) 0 3px no-repeat;}
#r-last-fm { background:url(icon-last.gif) 0 3px no-repeat;}
#r-ijigg { background:url(icon-ijigg.gif) 0 3px no-repeat;}
#r-mog { background:url(icon-mog.gif) 0 3px no-repeat;}
#r-myspace { background:url(icon-myspace.gif) 0 3px no-repeat;}
#r-esinps { background:url(icon-esnips.gif) 0 3px no-repeat;}

.revolution h2 { font-size:14px;  margin:0 0 0 62px; width:207px; line-height:14px; padding:8px 0 4px 0;}
.revolution h2 a {color:#ffffff;}
.revolution h2 a:hover {color:#ffff00;}
#Revolution strong a{ font-size:11px; font-weight: lighter; letter-spacing:-1px; color:#aaaaaa;margin:0px 0 7px 62px;width:207px; display:block;}
#Revolution strong a:hover{ color:#ffff00; font-style:normal;}
#Revolution .learn a{font-size:11px; font-weight: lighter; letter-spacing:-1px; color:#ffffff;margin:0px 0 7px 62px;width:207px; display:block; text-decoration:underline; }
#Revolution .learn a:hover{ color:#ffff00; font-style:normal;}

.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:510px; 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 { margin-top:19px;  width:100%; width:305px;  overflow:hidden; text-align:left;}
.award2 h2{ font-size:14px; color:#ffffee; line-height:30px;  border-bottom:1px solid #333333; width:276px; margin:0 auto 0px auto;}
.award2 a { width:276px; font-size:11px; color:#cccccc;margin:3px 0px;}
.award2 p { width:276px; font-size:11px; line-height:14px; color:#cccccc;}
.award2 li {font-size:11px;color:#1558c3;font-weight:bold;margin-left:14px; background:url(red_square.gif) no-repeat 0 10px; line-height:14px; width:470px;padding:5px 0 5px 16px; }
.award2 li a{ color:#aaaaaa; font-size:11px; text-decoration:underline; margin:10px 0 0 0; border:none; font-weight:normal; letter-spacing:-1px}
.award2 li a:hover{ color:#ffff00;text-decoration:underline;}
#creditfooter img{margin:0px 999999px; width:0px; height:0px;}


.award3 { background: url(award-back.gif) no-repeat top; margin-top:19px;  width:100%; width:305px; height:70px; overflow:hidden; text-align:center;}
.award3 h2{ font-size:14px; color:#000000; line-height:30px; text-align:center; border-bottom:1px solid #d2e3fe; 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-color:#2f2f2f; padding:0; }
.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:0px auto 0 auto; width:950px; height:92px;}
.foot-menu {float:right; width:950px; margin:30px 10px 0 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:800px; padding-top:25px; text-align:center;float:left;}
html* .foot-menu p { font-size:11px; color:#99ccff; margin:0; text-indent:8px;width:750px; padding-top:0; margin-top:-10px; text-align:center;}
#foot-menu .li-end { border:none;}
.foot-option{width:150px; margin-left:10px; margin-top:-3px;}

#blogr{text-align:right;margin-right:20px;}
#blogr a{ font-size:9px;}