html {height:100%}
html, body {padding:0; margin:0; font:normal 0.98em/1.1em "Trebuchet MS",Helvetica,Jamrul,sans-serif}
body {min-height:100%; height:100%; color:#fff; background:#057696 url(../images/bgr/body_bgr.png) top repeat-x}

/* layout */
#root {height:auto; width:100%; min-height:100%}
#head { width:857px;height:233px; margin:0 auto; position:relative;  background:#03bdf1 url(../images/bgr/head_bgr.jpg) top no-repeat; }
#content {width:857px; margin:0 auto; z-index:1; }
#footer, .wrapper {clear:both; height:59px}
#footer { width:857px; margin:-59px auto 0 auto; z-index:999; background:url(../images/bgr/footer_bgr.jpg) 0 0px no-repeat}

.pad {padding:0 1px 0px 1px; }
.pad1 {padding:5px 1px 0}
.pad2 {padding:1px 1px 0}

#content_head { height:203px; padding:1px 0; background:#289af3 url(../images/bgr/head_bgr.jpg) top no-repeat }
#content_body { background:url(../images/bgr/content_bgr.png) left repeat-y; padding:5px 25px; position:relative; height:100% }
#content_bottom { background:#03bdf1 url(../images/bgr/content_bottom.png) repeat-y; height:12px; overflow:hidden; }

/* styles */
p { margin:6px 3px }
.sub_p { font-size:0.85em; padding:0 0 0 35px }
a { color:#ddd }
a img { border:0 }
ul, ol { padding:0; margin:0 0 0 25px; }
h1, h2 { color:#fff }
h1 { font-size:1.8em; margin:20px 0; }
h2 { font-size:1.3em; margin:15px 0; }
h3 { font-size:1em; margin:15px 0 15px 30px; }
.gray { color:#727272; }
.fr { float:right }
.fl { float:left }
.clearing { clear:both; font-size:0 }
.text_shadow { text-shadow: 2px 2px 2px #333; }
.ln_text { font-weight:bold; font-size:2.4em; letter-spacing:0.04em; margin:90px 0 0 260px }
.left_column { margin-right:-500px; width:500px; padding:5px 0 0 0; }
.right_column { margin-left:500px; padding:25px 0 0 0; width:285px }
#start { display:block; width:247px;height:90px; position:relative; margin:0 0 0 110px; }
#start em { display:block; position:absolute;top:0;left:0; width:100%;height:100%; background:url(../images/buttons/start.png) no-repeat; }
address {position:absolute;top:0;right:0; width:589px;height:86px; color:#000;font-size:1.4em}

#logo {color:#f1f1f1; font:2.2em "Trebuchet MS",Helvetica,Jamrul,sans-serif; margin:45px 0 0 45px; display:block;position:relative;float:left; width:125px;height:125px;}
#logo em { display:block; width:100%;height:100%; position:absolute;top:0;left:0; }

.navigation_cont { margin:0; position:absolute;top:140px;left:180px; }
.n_left { width:19px;height:58px; float:left; background:url(../images/bgr/n_left.png) right no-repeat; }
.n_right { width:19px;height:58px; float:left; background:url(../images/bgr/n_right.png) left no-repeat; }
.navigation {list-style:none; padding:0;margin:0; height:58px; float:left; background:url(../images/bgr/navigation_bgr.png) repeat-x; }
.navigation li {display:block;float:left; margin:1.1em 2px; text-align:center}
.navigation li a {color:#fff; font:1em "Trebuchet MS",Helvetica,Jamrul,sans-serif; text-decoration:none}
.navigation li a:hover {color:#333}
.navigation .n_separator { width:13px;height:56px; margin:0; background:url(../images/bgr/n_separator.png) no-repeat; }

.bubble { width:308px; background:#18a3ca; font-size:0.85em; position:relative;margin:25px 0 10px }
.bubble .bubble_top { background:url(../images/bgr/bubble_top.jpg) top no-repeat; color:#62ee25;font-weight:bold;text-align:center; }
.bubble .bubble_bottom { background:url(../images/bgr/bubble_bottom.jpg) bottom no-repeat; padding:7px 10px 44px 82px; }
.bubble .bubble_body { height:100%; position:relative; color:#fff; text-align:left;font-weight:normal; }
.bubble ins { display:block; width:85px;height:95px; position:absolute;top:-36px;left:-82px; background:url(../images/man.png); }

.icq_list { list-style:none; margin:0;padding:0; }
.icq_list li { background:url(../images/buttons/blue_btn.png) right center no-repeat; text-shadow: 2px 2px 2px #333; position:relative; height:90px; }
.icq_list em { display:block; width:91px;height:90px; position:absolute;top:0;left:0; background:url(../images/bgr/icq.jpg); }
.icq_list span, .icq_list a { position:absolute;top:25px;right:0; width:190px; text-align:center; font-size:1.6em; }

.h-line { width:100%;height:1px; margin:10px 0; background:url(../images/bgr/h-line.png) center no-repeat; }

.pad2 {position:relative; min-height:99%; font:0.8em "Trebuchet MS",Helvetica,Jamrul,sans-serif; color:#fff; }
.big_icq { width:101px;height:98px; background:url(../images/bgr/icq.png) no-repeat; position:absolute;right:-10px;top:-68px; }
.copyright { text-align:center; margin:14px 10px 0; }
.counters { float:left; position:relative; margin:-18px 0 0 25px; }

.r-star,
.r-star-shape{ position:relative; overflow:hidden;width:100%; padding:11px 0; }
.r-star,
.r-star-shape .content{ background:#029dc8; }
.r-star .content,
.r-star-shape .content{ padding:11px 22px; position:relative }
.r-star .cn,
.r-star-shape .cn{ position:absolute; width:22px; height:22px; left:-11px; top:-11px; }
.r-star .cn.tr, .r-star .cn.br,
.r-star-shape .cn.tr, .r-star-shape .cn.br { margin-left:100%; }
.r-star .cn.bl, .r-star .cn.br,
.r-star-shape .cn.bl, .r-star-shape .cn.br { top:auto; }
.r-star-shape .cn{ background:url(../images/bgr/b-star.png); }
.r-star-shape .cn.tl, .r-star-shape .cn.bl { width:100%; }

/* IE6 fix */
* html #root {height:100%}
* html .pad2 {height:99%}