body { margin:0; padding:0; width:100%; background:#1f1f1f; }
html { padding:0; margin:0; }

a, a:hover { text-decoration:none;}
/* main */
.main { padding:0; margin:0 auto; }
/********** header **********/
.blok_header { margin:0; padding:0; background:#009ae3;}
.header { width:980px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:20px 0 0 0; width:324px; float:left;}
#info { list-style:none; padding:0 0 0 10px; height:11px; line-height:11px; margin:10px 0 0 0; overflow:hidden; }
#info li { position:absolute; top:203px; display:none; color:#fff; font:normal 11px 'Trebuchet MS', Helvetica, sans-serif; line-height:11px; }
#info li.select { display:block; }
/* menu */	
.menu { padding:40px 0 0 0; margin:0; width:400px; float:right;}
.menu ul { text-align:right; padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:10px; color:#a9e4ff; font:bold 12px 'Trebuchet MS', Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a:hover { color:#fff; }
.menu ul li a.active { color:#fff; }
/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background: url(../images/simple_bg_res.gif) top repeat-x; border-bottom:1px solid #ececec;}
.header_text_bg2 { margin:0; padding:10px 0 0 0; background: #009ae3 url(../images/simple_bg_res2.gif) bottom repeat-x;}
.header_text_bg2 .inside { margin:0 auto; width:980px;  }
/*header_text*/
.header_text { margin:0 auto; padding:10px 0 0 0; width:980px; background: url(../images/simple_bg.gif) top no-repeat; height:414px; }
.header_search { margin:0; padding:0 0 0 93px; height:143px; overflow:hidden; }
.header_search form { margin:40px 0 0 0; }
.header_search .type { list-style:none; display:block; position:absolute; padding:0; margin:-2px 0 0 0; }
.header_search .type li { float:left; display:block; padding:0; }
.header_search .type a { float:left; font:bold 12px 'Trebuchet MS', Helvetica, sans-serif; color:#a9e4ff; text-transform:uppercase; padding:5px 10px 14px 10px; line-height:23px; }
.header_search .type a.select { background:url(../images/pointer.gif) no-repeat center bottom; }
.header_search .type a:hover, .header_search .type a.select { color:#fff; text-decoration:none; }
.header_search .list { width:53px; height:48px; background:url(../images/list.gif) no-repeat 0 -48px; overflow:hidden; position:absolute; margin:1px 0 0 -90px; cursor:pointer; font: normal 24px 'Trebuchet MS', Helvetica, sans-serif; color:#fff; line-height:48px; text-align:center; padding-right:24px; text-shadow:1px 1px 0 #0080b9; }
.header_search .lengths { display:none; position:absolute; width:55px; background:url(../images/lengths.png) no-repeat  -55px bottom; padding-bottom:10px; margin:35px 0 0 -90px; z-index:777; }
.header_search .lengths ul { margin:0; padding:5px 0 0 0; width:55px; list-style:none; background:url(../images/lengths.png) no-repeat 0 0;  }
.header_search .lengths ul li { width:53px; height:34px; overflow:hidden; cursor:pointer; font: normal 24px 'Trebuchet MS', Helvetica, sans-serif; color:#a9e4ff; line-height:34px; text-align:center; text-shadow:1px 1px 0 #0080b9; }
.header_search .lengths ul li:hover { text-shadow:none; color:#fff; } 
.header_search .lengths ul li.select { display:none; }
.header_search .fields { width:626px; height:49px; background: url(../images/textbox.gif) no-repeat; }
#field_1 input { padding:0 0 0 8px; border:0; margin:5px 5px 5px 5px; line-height:39px; height:39px; font: bold 30px 'Trebuchet MS', Helvetica, sans-serif; color:#888; width:612px; letter-spacing:7px; }
#field_2 { padding:6px 0 0 6px; }
#field_2 input { text-align:center; padding:0; border:0; line-height:37px; height:37px; font: bold 30px 'Trebuchet MS', Helvetica, sans-serif; color:#888; width:39px; background:url(../images/field.gif) no-repeat; display:block; float:left; margin-right:2px; }
#submit { border:0; text-indent:0; display:block; width:55px; height:48px; overflow:hidden; position:absolute; margin:-48px 0 0 638px; background:url(../images/search.gif) no-repeat 0 -48px; cursor:pointer; }
.header_text .div { width:875px; padding:0; margin:0 auto;}
.header_text img.screen { float:right; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:450px; padding:10px 0 0 0; margin:0;}
.header_text .div .left1 img { float:left; margin:70px 8px 0 0; padding:0;}
.header_text .div .left1 h2 { font:bold 40px 'Trebuchet MS', Helvetica, sans-serif; color:#fff; padding:0; margin:0 0 10px 0;}
.header_text .div .left1 p { font: normal 12px 'Trebuchet MS', Helvetica, sans-serif; color:#fefefe; padding:25px 10px 10px 0; margin:0;}

/********** body **********/
.body_resize { margin:0; padding:0; background:#fff; }
.body { width:960px;  margin:0 auto; padding:10px 10px 25px 10px;}
.body h1, .body h2 {  font: bold 18px 'Trebuchet MS', Helvetica, sans-serif; color:#303030; margin:0;  padding:10px 5px;}
.body h1 span, .body h2 span { font: normal 11px 'Trebuchet MS', Helvetica, sans-serif; color:#b3b3b3;}
.body h1#word,
.body h1#word a { font-size:64px; }
.body img { float:left; padding:0; margin:10px 10px 10px 5px;}
.body img.port { float:left; padding:0; margin:5px 3px;}
.body p { font:normal 12px 'Trebuchet MS', Helvetica, sans-serif; color:#868686; line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { color:#454545; font: bold 12px 'Trebuchet MS', Helvetica, sans-serif; line-height:1.8em;}
.body p.data { width:100px; text-align:center; color:#e44900; background:#f7f7f7; padding:2px 3px; margin:0; font: bold 12px 'Trebuchet MS', Helvetica, sans-serif;}
.body a { text-decoration:none; color:#454545; font:bold 12px 'Trebuchet MS', Helvetica, sans-serif; border-bottom:1px solid transparent; _border-color:#fff; }
.body a:hover { color:#009ae3; border-color:#454545; }
.body_small { width:320px; float:right; margin:5px 5px; padding:0;}
.body_small.padding { margin-top:102px; }
.body_big { width:560px; float:left; margin:5px 0 5px 5px; padding:0;}
.only_big .body_small { visibility:hidden; width:1px; overflow:hidden; }
.only_big .body_big { width:900px; }
.body .block2 { width:260px; margin:5px; padding:0; float:left;}
.body .block2 a { color:#009ae3; text-decoration:none; font: bold 11px 'Trebuchet MS', Helvetica, sans-serif;}
.body_big ul { list-style:none; margin:0 0 0 8px; padding:0;}
.body_big li { margin:0;  font:normal 12px 'Trebuchet MS', Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
/* Navigation */	
ul.Navigation { padding:0; margin:0; list-style:none; border:0;}
ul.Navigation li { height:23px; margin:8px 0; padding:3px 0; border:0; line-height:0px; background: url(../images/nav_ul_li_a.gif) center no-repeat;}
ul.Navigation li a { background:url(../images/ul_li_nav.gif) 10px center no-repeat; border:1px solid #f4f4f4; display:block; padding:5px 25px;   color:#747474; font:normal 12px 'Trebuchet MS', Helvetica, sans-serif; text-decoration:none; line-height:1.6em;}
ul.Navigation li a:hover { background: #f4f4f4 url(../images/ul_li_nav_active.gif) 10px center no-repeat; color:#00a3e5; font: bold 12px 'Trebuchet MS', Helvetica, sans-serif;  padding:5px 25px;  margin:0;}
ul.Navigation li a.active { background: #f4f4f4 url(../images/ul_li_nav_active.gif) 10px center no-repeat;  padding:5px 25px;  margin:0; color:#00a3e5; font: bold 12px 'Trebuchet MS', Helvetica, sans-serif;}
/* END_bloga*/
/*************footer**********/
.footer_resize { width:980px; margin:0 auto; padding:0 0 10px 0; }
.footer {padding:0;  margin:0; border-top:1px solid #111; background:#1f1f1f; }
.footer img { float:left; margin:0; padding:0 15px 0 0;}
.footer p { font:normal 12px  'Trebuchet MS', Helvetica, sans-serif; color:#5c5c5c;}
.footer a { font:normal 12px 'Trebuchet MS', Helvetica, sans-serif; color:#009ae3; text-decoration:none; padding:5px; margin:0;}
.footer span { padding:10px 0 0 0; margin:0;}
.footer p.leftt { text-align:left; width:40%; margin:0; padding:40px 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:40px 20px 0 0; float:right; color:#5c5c5c; }
/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:0; background:#f7f7f7; border:1px solid #ececec;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px 'Trebuchet MS', Helvetica, sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px 'Trebuchet MS', Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 400px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px 'Trebuchet MS', Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dfdfdf; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

.popular li {
    display:block;
    float:left;
    font-size:35px;
    line-height:70px;
    padding:0 11px 0 15px;
    background:url(../images/point.gif) no-repeat 0 center;
}
.popular li.first {
    padding-left:0;
    background:none;
}
.popular a { font-size:35px; }
.popular a.color-1 { color:#858585; }
.popular a.color-1:hover { color:#009ae3; border-color:#858585; }
p small {
    font-size:12px;
}

.alphabet {
    margin:-15px 0 25px 5px;
    color:#868686;
}
.alphabet a,
.alphabet {
    font-size:20px;
    line-height:60px;
}
.alphabet a.active {
    font-size:60px;
    position:relative;
    top:15px;
    color:#009ae3;
}
.alphabet a.active { border:0; }

.words li { line-height:40px; }
.words a {
    font-size:26px;
    font-weight:normal;
}
.words li span {
    font-size:10px;
    display:block;
    position:absolute;
    width:40px;
    height:30px;
    padding-right:5px;
    margin:-2px 0 0 -55px;
    color:#bbb;
    text-align:right;
}

ul.pages li,
ul.pages a { font-size:20px; }
ul.pages li {
    display:inline;
    padding:0 5px 0 5px;
    float:left;
    color:#009ae3;
}
ul.pages a {
    font-weight:normal;
}

ul.browse a,
ul.browse li {
    font-size:50px;
}
ul.browse li {
    float:left;
    margin-right:10px;
    line-height:60px;
    color:#009ae3;
}
ul.browse li span {
    display:block;
    position:relative;
    top:8px;
    font-size:8px;
    line-height:8px;
    color:#bbb;
}

div.images li,
div.videos li {
    display:block;
    float:left;
}
div.images li a,
div.videos li a {
    width:60px;
    height:60px;
    float:left;
    overflow:hidden;
    border:2px solid #fff;
    margin:1px;
}
div.images li a:hover,
div.videos li a:hover {
    border-color:#009ae3;
}
div.images li a img,
div.videos li a img {
    border:0;
    height:80px;
    margin:-10px 0 0 0;
}

.tooltip { display:none; }
#tooltip {
    display:block;
    position:absolute;
    width:323px;
    background:url(../images/tooltip.png) no-repeat -318px bottom;
    padding:0 0 30px 0;
}
#tooltip div {
    background:url(../images/tooltip.png) no-repeat 0 0;
    padding:10px 15px 0 15px;
    font-size:12px;
    color:#333;
}
#tooltip div b {
    color:#00a2e5;
    display:block;
}

div.examples { margin-left:-2px; }
div.examples li {
    color:#868686;
    margin-bottom:12px;
}
div.examples a { color:#00a2e5; }
div.examples a:hover { border-color:#fff; }

.tweets ul {
    list-style:none;
    padding:0;
    margin-left:0;
}
.tweets li {
    clear:left;
    color:#868686;
    font-size:14px;
    font:12px/18px 'Trebuchet MS', Helvetica, sans-serif;
    margin-top:10px;
}
.body .tweets img { margin-top:5px; }
.tweets a {
    color:#00a2e5;
}
.tweets a:hover { border-color:#fff; }


div.blogs a {
    color:#00a2e5;
    font-style:italic;
}
div.blogs a:hover { border-color:#fff; }
div.blogs ul {
    padding:0;
    list-style:none;
    margin-bottom:0;
    margin-left:0;
}

div.concepts { margin-top:5px; }
div.concepts ul {
    list-style:none;
    padding-left:5px;
    margin:0;
}
div.concepts ul li { line-height:24px; }
div.concepts ul a {
    font-size:12px;
    font-weight:normal;
}

.body .more, .body .more-close {
    display:block;
    float:right;
    width:16px;
    height:8px;
    background:url(../images/more.gif) no-repeat 0 0;
    cursor:pointer;
    overflow:hidden;
    position:relative;
    border:0;
    text-indent:-999em;
    margin-right:10px;
}
.body .more:hover { background-position:-16px 0; }
.body .more-close { background-position:0 -8px; }
.body .more-close:hover { background-position:-16px -8px; }

.body .scroll {
    display:block;
    float:right;
    width:40px;
    height:8px;
    overflow:hidden;
    position:relative;
    border:0;
    margin-right:10px;
}
.body .body_small .scroll {
    float:none;
    position:relative;
    margin:30px auto;
}
.body .scroll li {
    display:block;
    float:right;
    width:16px;
    height:8px;
    margin:0 0 0 4px;
}
.body .scroll li a {
    display:block;
    float:right;
    width:16px;
    height:8px;
    overflow:hidden;
    text-indent:-999em;
    background:url(../images/more.gif) no-repeat 0 -8px;
    border:0;
}
.body .scroll li a:hover { background-position: -16px -8px; }
.body .scroll li.down a { background-position: 0 0; }
.body .scroll li.down a:hover { background-position: -16px 0; }

ul.scroll-list li { display:none; }
ul.scroll-list li.active { display:block; }

h2.twitter, h2.blogs,
h2.keywords, h2.concepts,
h2.videos, h2.images, h2.examples {
    background:url(../images/twitter-icon.gif) no-repeat 0 0;
    padding-left:43px;
}
h2.blogs { background:url(../images/blogs-icon.gif) no-repeat 0 10px; }
h2.keywords { background:url(../images/keywords-icon.gif) no-repeat 0 10px; }
h2.concepts { background:url(../images/concepts-icon.gif) no-repeat 0 10px; }
h2.videos { background:url(../images/videos-icon.gif) no-repeat 3px 10px; }
h2.images { background:url(../images/images-icon.gif) no-repeat 3px 10px; *background-position:3px 18px; }
h2.examples { background:url(../images/examples-icon.gif) no-repeat 2px 10px; }

.body .a2a_dd,
.body .a2a_dd:hover {
    display:block;
    width:76px;
    height:16px;
    background:url(../images/bookmark.gif) no-repeat;
    text-indent:-999em;
    border:0;
    margin:0 0 10px 8px;
}
/* .body .addthis_button:hover { background-position:0 -17px; } */