/* Master Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

body{color:#888; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; background:url(images/bg.gif) 0 0 repeat-x; text-align:center; overflow:hidden}
#wrap{height:70px; margin:0 auto; position:relative; width:960px; text-align:left}
a#logo{width:253px; height:58px; float:left; background:url(images/logo.png) no-repeat 0 50%}
#ddarea{font-size:10px; position:absolute; left:400px; top:0; width:240px; padding:0; height:25px; line-height:25px; cursor:pointer}
#ddbox{background:url(images/dd-bg.png) no-repeat 0 50%; font-size:10px; position:absolute; left:400px; top:25px; width:224px; padding:0 8px; height:25px; line-height:25px; cursor:pointer;}
#menu-items{padding:0;margin:0;background:#f7f7f7; font-size:10px; position:absolute; left:150px; top:70px; width:660px;z-index:1300;border:3px solid #ddd;border-top:0;border-radius:0 0 10px 10px}
a#signup, a#pricing{height:25px; position:absolute; top:25px}
a#signup{width:116px; background:url(images/signup.png) no-repeat 0 0; right:0}
a#pricing{width:136px; background:url(images/pricing.png) no-repeat 0 0; right:126px}
#demoframe{border:0; left:0; margin:0; padding:0; overflow-x:hidden; overflow-y:scroll; position:absolute;z-index:1200;}

.main-nav ul{padding:0;margin:0;list-style:none!important}
.main-nav li{float:left;border:none;width:100%;height:auto;line-height:normal;margin:0;padding:0}
.main-nav li a{height:auto;line-height:normal;background:#f5f5f5; color:#666; border-top:1px solid #fff; border-bottom:1px solid #d4d4d4; padding:6px 0; text-indent: 8px; font-size:11px; font-weight:bold; text-shadow:1px 1px 0 #FFF; text-transform:uppercase; text-decoration:none; display:block}
.main-nav li a:hover{background:#ebebeb; text-decoration:none;}
.main-nav li a.free{background: #f5f5f5 url(images/free.gif) no-repeat 98% 50%}
.main-nav li a.free:hover{background: #ebebeb url(images/free.gif) no-repeat 98% 50%}
.main-nav li a.hot{background: #f5f5f5 url(images/hot.gif) no-repeat 98% 50%}
.main-nav li a.hot:hover{background: #ebebeb url(images/hot.gif) no-repeat 98% 50%}
.main-nav li a.new{background: #f5f5f5 url(images/new.gif) no-repeat 98% 50%}
.main-nav li a.new:hover{background: #ebebeb url(images/new.gif) no-repeat 98% 50%}
.main-nav li a.beta{background: #f5f5f5 url(images/beta.gif) no-repeat 98% 50%}
.main-nav li a.beta:hover{background: #ebebeb url(images/beta.gif) no-repeat 98% 50%}
.tip-text{padding:5px; overflow:hidden; min-width:50px;min-height:50px; background:#fff url(images/loading_image.gif) no-repeat 50% 50%; border:1px solid #d3d3d3; margin:0 5px;}
.main-nav li a span.ver{margin-left:5px;padding:2px 5px;font-size:80%;color:#aaa}

.sp-col {width:33.333%;float:left}
.sp-inner {padding:10px}
/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}