body { margin:0; color:#333; font:13px/19px Arial, Helvetica, sans-serif; 
background:#eee url(../images/background.png) 50% 0;
 height:100%; }

body.custom-image-repeat {background-image: url(../images/background-sample.jpg);}
body.custom-image-no-repeat {background-image: url(../images/background-sample.jpg no-repeat);}

body.custom-image-no-repeat {background-image: url( no-repeat);}

img { border-style:none; }
a { text-decoration:none; color:#5cadad; }
a:hover { text-decoration:underline; }
input,textarea,select { font:100% Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; }
form,fieldset { margin:0; padding:0; border-style:none; }

.hide {display: none;}

q { quotes:none; }
q:before { content:''; }
q:after { content:''; }
#wrapper { width:929px; margin:0 auto; }
#header { width:100%; overflow:hidden; padding:54px 0 38px; }
#header h1 { margin:0; text-shadow:0 1px 1px #4d5861; font-size:48px; line-height:58px; }
#header h1 a { color:#fff; text-decoration:none; }
#main { width:100%; overflow:hidden; margin:0 0 40px; }
#content { width:505px; overflow:hidden; float:left; margin:0 28px 0 0; }
#content .b,#content .t { background:url(../images/bg-content-holder.png) no-repeat; height:3px; overflow:hidden; }
#content .b { background:url(../images/bg-content-frame.png) no-repeat; }
#content .c { background:url(../images/bg-content-center.gif) repeat-y; width:495px; overflow:hidden; padding:2px 5px 12px; }
#content .content-section { width:495px; overflow:hidden; margin:0 0 15px; background:#fff; }
#content .content-section .holder { background:url(../images/bg-section-holder.gif) no-repeat; }
#content .content-section .frame { background:url(../images/bg-section-frame.gif) no-repeat 0 100%; width:435px; overflow:hidden; padding:23px 35px 11px 25px; }
.content-section .frame h2 { margin:0 0 16px; font-size:19px; line-height:24px; }
.content-section .frame .text-block { width:100%; overflow:hidden; }
.content-section .frame p { margin:0 0 6px; }
.content-section .frame .less,.content-section .frame .more { color:#5cadad; display:inline-block; font-weight:bold; }
.content-section .frame .more-box { display:block; }
.content-section .frame .less-box { display:none; padding:0 0 15px; }
#content .popup-block { width:475px; padding:0 10px; overflow:hidden; }
#content .popup-block .button-list { padding:0; margin:0; list-style:none; width:100%; overflow:hidden; font-size:14px; line-height:21px; }
.button-list li { float:left; height:40px; margin:0 3px 0 0; }
.button-list li a { background:url(../images/btn-link.gif) no-repeat 0 -40px; color:#399; cursor:pointer; float:left; text-shadow:0 0 1px #f9f9f9; text-decoration:none; font-weight:bold; }
.button-list li a span { background:url(../images/btn-link.gif) no-repeat 100% 0; padding:0 20px 0 16px; line-height:40px; height:40px; float:left; }
.button-list li.active a,.button-list li a:hover { background-position:0 -120px; color:#033; }
.button-list li.active a span,.button-list li a:hover span { background-position:100% -80px; }
.button-list a strong { width:16px; height:17px; overflow:hidden; float:left; margin:11px 7px 0 -3px; }
.button-list .info a strong { background:url(../images/ico-info.gif) no-repeat; }
.button-list .photos a strong { background:url(../images/ico-photos.gif) no-repeat; }
.button-list .links a strong { background:url(../images/ico-links.gif) no-repeat; }
.button-list li.active a strong,.button-list li a:hover strong { background-position:0 100%; }
.popup-block .info-block { width:445px; overflow:hidden; padding:38px 15px 16px; }
.popup-block .info-block .heading { font-size:13px; line-height:19px; display:block; margin:0 0 6px; }
.popup-block .info-block .mail { margin:0 0 6px; font-size:13px; line-height:19px; }
.info-block .mail dt { float:left; padding:0 6px 0 0; }
.info-block .mail dd { margin:0; }
.info-block .mail a { color:#333; }
.popup-block .info-block .web { text-transform:uppercase; }
.popup-block .photo-block { width:460px; overflow:hidden; padding:32px 10px 0 18px; }
.photo-block .photo-list { padding:0; margin:0; list-style:none; width:100%; overflow:hidden; }
.photo-block .photo-list li { float:left; padding:0 21px 21px 0; }
.photo-block .photo-list img { display:block; }
.popup-block .links-block { width:445px; overflow:hidden; padding:38px 15px 13px; }
.links-block .links-list { padding:0; margin:0; list-style:none; width:100%; overflow:hidden; }
.links-block .links-list li { float:left; width:100%; margin:0 0 6px; }
#sidebar { width:392px; overflow:hidden; float:left; }
#sidebar .side-block { width:100%; overflow:hidden; margin:0 0 27px; }
#sidebar .b,#sidebar .t { background:url(../images/bg-sidebar-holder.png) no-repeat; height:3px; overflow:hidden; }
#sidebar .b { background:url(../images/bg-sidebar-frame.png) no-repeat; }
#sidebar .c { background:url(../images/bg-sidebar-center.gif) repeat-y; width:382px; overflow:hidden; padding:2px 5px; }
#sidebar .side-section { width:382px; overflow:hidden; background:#333; }
#sidebar .side-section .holder { background:url(../images/bg-side-holder.gif) no-repeat; }
#sidebar .side-section .frame { background:url(../images/bg-side-frame.gif) no-repeat 0 100%; width:368px; overflow:hidden; padding:7px 7px 10px; }
.side-section .code-block { width:100%; overflow:hidden; display:block; }
.side-section .code-block .code-section { width:100%; overflow:hidden; display:block; padding:8px 0 0; }
.side-section .code-block .images { background:url(../images/bg-photo-border.gif) no-repeat; width:132px; height:130px; overflow:hidden; float:left; padding:2px 11px 11px; margin:0 6px 0 0; }
.side-section .code-block .description { overflow:hidden; height:1%; }
.code-block .description h3 { color:#999; font-size:14px; line-height:15px; margin:0 0 10px 4px; font-weight:normal; }
.code-block .description h4 { display:block; font-size:18px; line-height:21px; color:#fff; margin:0 0 7px 4px; }
.code-block .description .submit-form { background:url(../images/bg-submit-form.gif) no-repeat; width:194px; overflow:hidden; padding:4px; margin:0 0 6px; }
.submit-form .text { background:url(../images/bg-text.gif) no-repeat; border:0; width:103px; padding:7px 10px 8px; float:left; margin:0 6px 0 0; }
.submit-form .text input { background:none; border:0; color:#c4c4c4; font-size:14px; line-height:18px; font-weight:bold; width:103px; outline:none; }
.submit-form .btn-submit { background:url(../images/btn-submit.gif) no-repeat; border:0; width:65px; height:35px; cursor:pointer; color:#226b6b; font-weight:bold; text-align:center; text-shadow:0 1px 1px #9acfcf; padding:0 4px 0 0; }
.code-block .description .link { display:block; font-size:12px; line-height:18px; padding:0 0 0 4px; }
#sidebar .code-block .code-popup { background:#fff; width:368px; overflow:hidden; display:none; }
#sidebar .code-block .code-popup .holder { background:url(../images/bg-popup-holder.gif) no-repeat; }
#sidebar .code-block .code-popup .frame { background:url(../images/bg-popup-frame.gif) no-repeat 0 100%; width:341px; overflow:hidden; padding:9px 8px 15px 19px; }
.code-popup .popup-section { width:100%; overflow:hidden; position:relative; }
.code-popup .popup-section .close { position:absolute; top:0; right:0; background:url(../images/btn-close.gif) no-repeat; width:28px; height:28px; text-indent:-9999px; overflow:hidden; }
.code-popup .popup-section .card-pop { width:270px; overflow:hidden; padding:9px 0 0; display:none; }
.popup-section .card-pop h3 { margin:0 0 11px; font-size:18px; line-height:21px; color:#333; font-weight:normal; }
.card-pop .example { position:relative; padding:0 0 0 25px; }
.card-pop .example:after { clear:both; display:block; content:''; }
.card-pop .example .arrow { position:absolute; top:12px; left:8px; background:url(../images/arrow-code.png) no-repeat; width:35px; height:42px; z-index:5; }
.card-pop .code { background:url(../images/bg-example.gif) no-repeat 100% 0; color:#000; float:left; padding:0 4px 0 0; }
.card-pop .code span { background:url(../images/bg-example.gif) no-repeat 0 -66px; float:left; height:30px; padding:36px 4px 0 21px; color:#000; font-size:11px; line-height:20px; }
.popup-section .again { display:none; width:245px; overflow:hidden; padding:9px 0 0; }
.popup-section .again h3 { margin:0 0 9px; color:#333; font-size:18px; line-height:21px; font-weight:normal; }
.popup-section .again .try { margin:0 0 0 4px; }
#sidebar .social-block { width:100%; overflow:hidden; }
#sidebar .social-block h5 { margin:0 0 9px; color:#399; font-size:14px; line-height:19px; padding:7px 0 0 6px; text-shadow:0 1px 1px #fff; }
#sidebar .social-block h5 img { float:left; padding:0 10px 0 0; }
#sidebar .social-block .link-block { background:#fff; width:382px; overflow:hidden; }
.social-block .link-block .holder { background:url(../images/bg-social-holder.gif) no-repeat; }
.social-block .link-block .frame { background:url(../images/bg-social-frame.gif) no-repeat 0 100%; width:358px; overflow:hidden; padding:13px 12px 15px; }
.social-block .social-list { padding:0; margin:0; list-style:none; width:382px; overflow:hidden; }
.social-block .social-list li { float:left; margin:0 6px 0 0; }
.social-block .social-list img { display:block; }
#sidebar .join-block { width:352px; padding:8px 8px 0; overflow:hidden; margin:-2px 0 0; }
#sidebar .join-block h4 { display:block; font-size:18px; line-height:21px; color:#fff; margin:0 0 10px 4px; width:269px; font-weight:normal; }
#sidebar .join-block .join-section { width:100%; }
#sidebar .join-block .join-section:after { clear:both; display:block; content:''; }
.join-block .join-form { background:url(../images/bg-join-form.gif) no-repeat; width:266px; padding:4px; float:left; margin:0 4px 0 0; }
.join-block .join-form:after { clear:both; display:block; content:''; }
.join-block .join-form .row { width:100%; margin:0 0 5px; position:relative; }
.join-block .join-form .row:after { clear:both; display:block; content:''; }
.join-form .text { background:url(../images/bg-text-join.gif) no-repeat; border:0; width:168px; padding:7px 10px 8px; float:left; margin:0 6px 0 0; }
.join-form .text input { background:none; border:0; color:#c4c4c4; font-size:14px; line-height:18px; font-weight:bold; width:168px; outline:none; }
.join-form .btn-submit { background:url(../images/btn-submit.gif) no-repeat; border:0; width:65px; height:35px; cursor:pointer; color:#226b6b; font-weight:bold; text-align:center; text-shadow:0 1px 1px #9acfcf; padding:0 4px 0 0; }
.tooltip { position:absolute; width:211px; overflow:hidden; }
.tooltip .top { background:url(../images/bg-toolt-holder.png) no-repeat; height:16px; overflow:hidden; }
.tooltip .bottom { background:url(../images/bg-toolt-frame.png) no-repeat; height:42px; overflow:hidden; }
.tooltip .center { background:url(../images/bg-toolt-center.png) repeat-y; width:211px; }
.tooltip .center:after { clear:both; display:block; content:''; }
.tooltip .info-text { float:left; position:relative; margin:-16px 0 -42px; padding:7px 11px 0; text-shadow:1px 2px 1px #215f5f; font-size:13px; line-height:16px; color:#fff; width:189px; }
.tooltip .info-text p { margin:0; }
.join-form .check { padding:0; margin:0; width:19px; height:19px; float:left; }
.join-form label { font-size:12px; line-height:20px; color:#fff; }
#sidebar .join-block .no { font-size:14px; line-height:24px; color:#c4c4c4; text-decoration:underline; padding:11px 0 0; display:block; }
#sidebar .join-block .no:hover { text-decoration:none; }
#sidebar .join-block .help { display:block; padding:2px 0 0 2px; }
#sidebar .download-block { width:352px; padding:8px 8px 5px; overflow:hidden; margin:0; }
#sidebar .download-block .download-section { width:100%; }
#sidebar .download-block .download-section:after { clear:both; display:block; content:''; }
#sidebar .download-block h4 { font-size:18px; line-height:21px; color:#fff; margin:0 0 4px 4px; font-weight:normal; }
.scroll-block { background:url(../images/bg-scrollable.gif) no-repeat; width:216px; height:105px; float:left; padding:4px; margin:0 11px 0 0; }
.scrollable { height:105px; width:216px!important; background:url(../images/bg-scroll-content.gif) no-repeat; }
.scrollable:after { clear:both; display:block; content:''; }
.scroll-content { height:105px!important; width:216px!important; }
.vscroll-bar { height:103px!important; left:201px!important; top:1px!important; }
.scroll-list { padding:1px 0 0; margin:0; list-style:none; width:200px; font-size:12px; line-height:20px; }
.scroll-list:after { clear:both; display:block; content:''; }
.scroll-list li { float:left; width:199px; color:#399; position:relative; }
.scroll-list strong,.scroll-list span { background:#eae7eb; display:block; padding:0 0 0 10px; }
.scroll-list strong { font-weight:normal; background:#f9f6fa; }
.scroll-list img { display:block; }
.scroll-list a { float:right; margin:2px 3px 0 0; }
.scroll-list .name { float:none; margin:0; }
.vscroll-line { height:103px!important; overflow:hidden; background:#eae7eb; }
.vscroll-slider { text-align:center; width:14px; height:16px; background:url(../images/bg-scroll-slider.gif) no-repeat; cursor:pointer; }
.tooltip1 { position:absolute; width:129px; overflow:hidden; }
.tooltip1 .top { background:url(../images/bg-toolt1-holder.png) no-repeat; height:18px; overflow:hidden; }
.tooltip1 .bottom { background:url(../images/bg-toolt1-frame.png) no-repeat; height:40px; overflow:hidden; }
.tooltip1 .center { background:url(../images/bg-toolt1-center.png) repeat-y; width:129px; }
.tooltip1 .center:after { clear:both; display:block; content:''; }
.tooltip1 .info-text { float:left; position:relative; margin:-18px 0 -40px; padding:7px 0 0 11px; text-shadow:1px 1px 1px #215f5f; font-size:13px; line-height:16px; color:#fff; }
.tooltip1 .info-text p { margin:0; }
.tooltip1 .info-text span { background:none; }
.download-info { height:1%; overflow:hidden; padding:1px 0 0; }
.download-info .heading { overflow:hidden; height:1%; margin:0 0 7px; }
.download-info .heading .photo { float:left; padding:2px 6px 0 0; }
.download-info .heading h5 { margin:0; color:#999; font-weight:normal; font-size:14px; line-height:15px; }
.download-info .title { color:#fff; display:block; font-size:13px; line-height:16px; margin:0 0 6px; }
.download-info .download { display:block; background:url(../images/btn-download.gif) no-repeat; width:110px; height:30px; font-weight:bold; color:#226b6b; text-align:center; font-size:14px; line-height:30px; text-decoration:none; text-shadow:0 1px 1px #97cdcd; }