/* HTML tags */
body {font:0.8em Arial, Helvetica, sans-serif; background:#ddecf3 url(../img/body-bg.jpg) repeat-x center 0; line-height:1.4em;}
a {color:#37689f; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
h1 {color:#37689f; font-size:1.7em; margin-bottom:7px;}
h2 {color:#37689f; font-size:1.6em; margin-bottom:7px; margin-top:25px;}
h3 {color:#37689f; font-size:1.6em; margin-bottom:5px;}
p {color:#6a777f; margin-bottom:7px;}
form{margin:0px;padding:0px;}

/* Skip navigation */
#nav-skip {position:absolute; left:-999em; top:0;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:940px; background:#fff; text-align:center; z-index:2; padding:4px 0;}

/* Layout */
#mother {width:920px; margin:0 auto;}
#header {height:110px; position:relative;}
#content {background:#fff; margin:18px 0 15px 0; padding:23px 20px 23px 29px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px;}
#container {background:url(../img/vertical-dots.png) repeat-y 615px 0;}
#col-content {float:left; width:588px; padding:0;}
#a-side {float:right; width:234px;}
#footer {height:100%; overflow:hidden;}

/* Header */
#logo {float:left; margin:20px 0 0 0;}
#facebook {position:absolute; top:35px; right:0; text-decoration:none; color:#6f93bb; padding-right:24px; background:url(../img/facebook.png) no-repeat 100% 0; line-height:16px; font-weight:bold; font-size:1.05em;} 
#facebook:hover, #facebook:focus {text-decoration:underline;}

#nav {background:url(../img/nav-bg.png) repeat 0 0; position:absolute; bottom:0; left:0; height:45px; width:920px; /*overflow:hidden;*/ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px;}
#nav ul {margin:9px 0 0 10px;}
#nav ul li {display:inline; font-weight:bolder;}
#nav ul li a {line-height:27px; display:inline-block; margin:0 12px 0 0; position:relative; padding:0 2px 0 10px;}
#nav ul li a.active {background:url(../img/nav-a.png) no-repeat 0 0; color:#fff;}
#nav ul li a span {font-size:1px; width:12px; height:27px; position:absolute; top:0; right:-12px;} 
#nav ul li a.active span {background:url(../img/nav-a.png) no-repeat 100% 0;}
#nav ul li a.active:hover, #nav ul li a.active:focus {text-decoration:none;} 

#facebook-fan {position:absolute; top:50px; right:0; }
/* Content */
#heading {background:#fff url(../img/heading.png) no-repeat 0 100%; padding:0 0 0 110px; height:70px;}
#heading p {color:#b3c1c9; font-size:11px; line-height:14px; margin:0; font-weight:bold;}

#col-content #translateText {height:100px; padding:5px; width:576px; margin:0; border:1px solid #bfcedd; *margin-top:-1px; font:1em Arial, Helvetica, sans-serif; color:#6a777f;overflow:auto;}

#col-content #translateResult {height:162px;*height:158px; padding:5px; width:366px; margin:0; border:1px solid #37689F; font:1em Arial, Helvetica, sans-serif; color:#37689F;overflow:auto;}

#col-content #translatePage {height:17px; padding:5px; width:576px; margin:0; border:1px solid #bfcedd; *margin-top:-1px; font:1em Arial, Helvetica, sans-serif; color:#6a777f;}
#col-content .result {display:none;margin-top:10px;}
#col-content #symbols {display:none;}
#col-content .result h2 {margin-top:0px;margin-bottom:5px;}
#col-content .control {background:url(../img/horizontal-dots.png) repeat-x 0 100%; margin:10px 0 0 0; padding:0 0 15px 0; height:30px; position:relative;}
#col-content .control select {float:left; margin-top:8px; width:120px;}
#col-content .control .change, #col-content .control .change2 {display:block; width:16px; height:16px; background:#fff url(../img/change.png) no-repeat 0 0; text-indent:-9999em; float:left; margin:10px 15px 0 15px; outline:none;}
#col-content .control .button, #col-content .control .redirect {float:right; display:block; width:96px; height:30px; color:#fff; text-decoration:none; text-align:center; background:#e28911 url(../img/button.png) no-repeat 0 0; line-height:30px; font-weight:bold;}
#col-content .control .button:hover, #col-content .control .button:focus, #col-content .control .redirect:hover, #col-content .control .redirect:focus {background-position:0 -30px;}
#col-content .control .addSymbol {position:absolute; top:10px; left:310px; width:16px; height:16px; display:block; background:url(../img/font.png) no-repeat 0 0; text-indent:-9999em; outline:none;}
#col-content .control #symbols {position:absolute; top:8px; left:340px; width:108px;}
#col-content .control #symbols a {display:block; width:25px; height:25px; margin:0 2px 5px 0; float:left; text-align:center; line-height:25px; font-weight:bold; background:#e38c13 url(../img/symbols-a.png) no-repeat 0 0; color:#fff; text-decoration:none;} 
#col-content .control #symbols a:hover, #col-content .control #symbols a:focus {background-position:0 -25px;}
#col-content #links {color:#464646; margin:10px 0 15px 0; font-weight:bold;}
#col-content #links a {margin-right:10px;}
#col-content code {margin-top:10px; padding:5px; border:1px dashed #BFCEDD; display:block; color:#536170; font-size:1.2em;}
#col-content ul {margin-bottom:10px;}

/* A side */
#ads img {margin-bottom:15px;}
#news {margin-top:15px;}
#news .headline {background:url(../img/horizontal-dots.png) repeat-x 0 100%; padding-bottom:1px; overflow:hidden; margin-bottom:7px; width:100%;}
#news .headline h3 {float:left;}
#news .headline span {float:right; font-size:0.9em; color:#abbec9; font-weight:bold; margin-top:3px;}
#news p {margin-bottom:13px;}

/* Footer */
#footer p {font-weight:bold; color:#536170; margin:15px 0 20px 0;}
#footer #top {background:url(../img/top.png) no-repeat 0 50%; padding-left:20px;}
#partners {background:url(../img/nav-bg.png) repeat 0 0; height:45px; width:920px; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px;}
#partners p {color:#94a9b5; line-height:45px; padding-left:20px; margin:0;}
#partners a {color:#748892; padding:0 20px;}
#footer p.right a, #footer p.right span {float:left; margin:0 3px;}
#footer p.right img {float:left; margin-top:5px; margin-left:3px;}