body {margin:0px; padding:0px; font-size:11px; font-family:tahoma; background:#d5dfe3; height:100%; }

div, p, form, input, select, table {margin:0px; padding:0px; font-size:11px; font-family:tahoma; color:#2f3448}
textarea {padding:1px; font-size:11px; font-family:tahoma; color:#2f3448}
a {color:#2873af}
a:hover {text-decoration:none;}
input {margin:0px; padding:0px 5px}
img {border:0px}

/*----------------*/
#all {height:100%; min-height:100%; margin-bottom:-147px; background:url(i/bg/012.gif_) repeat-y 100% 0px #eef2f4; border:solid #d5dfe3; border-width:0px 12px;}
html, body {height:100%; margin:0; padding:0;}
html>body #all {height:auto;}
#footer {width:100%; font-size:10px; color:#83889a; background:#fff; height:147px;}
#main_c {margin-bottom:0px;width:expression((document.documentElement.clientWidth||document.body.clientWidth)<751?'751px':'100%'); min-width:751px;}
#sp1 {height:147px; clear:both}
/*------------------*/



/* MAIN BLOCK */
.mainblock {margin:0px; padding:0px; }
.mainblock p {font-family:tahoma; margin:0px 0px 14px 0px; color:#555a6a}
.mainblock ul { margin:0px; padding:0px}
.mainblock li {margin:0px; padding:2px 0px 0px 35px; list-style:none; background:url(i/bul/06.gif) no-repeat 20px 6px}
/*----------------------*/

#con01 {float:right; width:100%; margin-left:-237px; margin-top:165px}
#con02 {margin-left:237px; background:#eef2f4; padding:16px 0px 0px 0px;}
#leftblock {float:left; width:237px; margin:180px 0px 0px 0px; padding:0px}
#maincon01 {margin-right:0px; float:left; width:100%;}
#maincon02 {margin-right:0px; margin-top:0px; padding:0px 20px 20px 20px; background:#eef2f4}
#rightblock {float:right; width:221px; background:#d5dfe3;}

/*-----------------------*/

.mainblock h1 {background:url(i/ico/05.gif) no-repeat 0px 22px; padding:20px 20px 12px 20px; font-size:12px; color:#7d3434; margin:0px}
.mainblock h2 {background:url(i/bul/05.gif) no-repeat 0px 13px; padding:10px 20px 4px 23px; font-size:12px; margin:0px; color:#2a7f89}
.mainblock h2 a img {margin: 0px 3px 0px 0px}
.mainblock h3 {padding:10px 20px 4px 0px; font-size:12px; margin:0px; color:#2a7f89}
.mainblock h3 a img {margin: 0px 3px 0px 0px}
.mainblock, .mainblock p, .mainblock div {font-size:11px}

.box01 {background:url(i/bg/011.gif) repeat-x 0px 100%; color:#50535e; font-size:10px; padding:0px 10px 4px 0px}
.box01 a {color:#50535e; font-size:10px}
.box02 {background:#fff; border-top:6px solid #d5dfe3; padding:10px 15px}

.box03 {background:#d5dfe3; clear:both; padding:0px 0px 0px 8px;}
.box03 input {color:#727580; font-size:10px; font:tahoma; padding:4px 4px; width:88px; margin:0px 8px 8px 0px; float:left}
.box03 textarea {color:#727580; font-size:10px; width:195px; height: 50px; font:tahoma; padding:4px 4px; margin:0px 8px 0px 0px; clear:both; float:left;}

.rm02 {display:block; clear:both;   float:left; margin:5px 8px 0px 0px;width:36px;padding:3px 0px 8px 0px;}
.rm02 a{ font-size:10px; color:#2873af; padding:3px 13px 8px 23px; background:url(/i/bul/03.gif) 0px 7px no-repeat #fff;} 

.style01 { width:480px; padding-top:4px}

/* RIGHT */
.rbox01 p {font-size:10px}
.rbox01 {padding:18px 27px 0px 23px}
.rbox01 strong {display:block; color:#2a7f89; background:url(i/ico/03.gif) no-repeat; padding:0px 0px 0px 20px; font-size:10px}

/* LEFT */
#leftblock p {padding:0px 10px 10px 18px}

.lmenu {margin:2px 0px 10px 0px; width:234px}
.lmenu a {display:block; background:url(i/bg/013.gif) no-repeat 0px 0px; padding:5px 0px 4px 24px; text-decoration:none; color:#50535e; text-transform:uppercase; font-size:9px; font-weight:bold}
.lmenu a:hover {background:url(i/bg/013o.gif) no-repeat 0px 0px}
.lmenu a.act {background:url(i/bg/013o.gif) no-repeat 0px 0px}


.date {background:url(i/ico/02.gif) no-repeat 18px 1px; padding:0px 0px 8px 48px; font-weight:bold; color:#50535e; font-size:10px}

h1.b1 {background:url(i/bg/04.jpg) no-repeat #50535e; padding:4px 0px 3px 15px; margin:0px; color:#fff; font-family:Tahoma; font-size:14px; text-transform:uppercase}
h1.b2 {background:url(i/bg/05.jpg) no-repeat #7d3434; padding:7px 0px 7px 15px; margin:0px 0px 10px 0px}
h1.b3 {background:url(i/bg/03.jpg) no-repeat #2a7f89; padding:7px 0px 7px 15px; margin:0px}



.rm01 {background:url(i/bul/02.gif) 0px 7px no-repeat #fff; font-size:10px; color:#2873af; padding:3px 13px 8px 23px; display:block; float:right;margin:0px 0px 0px 0px}


/* TOP BLOCK */
.top {width:100%; position:absolute; left:0px; top:0px; background:url(i/bg/07.gif) 0px 100% repeat-x; border-top:12px solid #d5dfe3;min-width:775px;}
.top01 {background:url(i/bg/010.gif) repeat-x;  border:solid #d5dfe3; border-width:0px 12px;}
.top02 {height:154px; background:url(i/bg/08.gif) 100%  100% no-repeat;width:expression((document.documentElement.clientWidth||document.body.clientWidth)<751?'751px':'100%'); min-width:751px;}
.top03 {margin:0px 0px 0px 0px }
.menu {background:url(i/bg/02.jpg) no-repeat 0px 0px; height:28px; clear:both}
.menu a {display:block; float:left; padding:7px 0px 2px 0px}
.menu .a0 {width:26%; float:left}
.menu a.a1 {background:url(i/ico/01.gif) no-repeat 18px 10px; color:#afb1b6; padding:8px 0px 0px 38px; font-size:10px}
.menu a.a2 {width:16%; background:url(i/menu/about_us.gif) no-repeat 0px 9px}
.menu a.a3 {width:16%; background:url(i/menu/articles.gif) no-repeat 0px 9px}
.menu a.a4 {width:16%; background:url(i/menu/services.gif) no-repeat 0px 9px}
.menu a.a5 {width:16%; background:url(i/menu/careers.gif) no-repeat 0px 9px}
.menu a.a6 {width:8%; background:url(i/menu/contact.gif) no-repeat 0px 8px}

.menu a.a2:hover {background:url(i/menu/about_us_o.gif) no-repeat 0px 9px}
.menu a.a3:hover {background:url(i/menu/articles_o.gif) no-repeat 0px 9px}
.menu a.a4:hover {background:url(i/menu/services_o.gif) no-repeat 0px 9px}
.menu a.a5:hover {background:url(i/menu/careers_o.gif) no-repeat 0px 9px}
.menu a.a6:hover {background:url(i/menu/contact_o.gif) no-repeat 0px 8px}

.menu a.a2_act {width:16%; background:url(i/menu/about_us_o.gif) no-repeat 0px 9px}
.menu a.a3_act {width:16%; background:url(i/menu/articles_o.gif) no-repeat 0px 9px}
.menu a.a4_act {width:16%; background:url(i/menu/services_o.gif) no-repeat 0px 9px}
.menu a.a5_act {width:16%; background:url(i/menu/careers_o.gif) no-repeat 0px 9px}
.menu a.a6_act {width:8%; background:url(i/menu/contact_o.gif) no-repeat 0px 8px}






.amenu {float:right; padding:8px 25px 5px 0px}
.amenu  a {font-size:10px; color:#50535e; padding:0px 0px 0px 18px; background:url(i/bul/01.gif) no-repeat 8px 5px}
.amenu  a:hover {color:#50535e;}



/* FOOTER */
.foot01 {border-left:12px solid #d5dfe3;border-right:12px solid #d5dfe3; border-top:5px solid #d5dfe3; border-bottom:12px solid #d5dfe3;}
.foot02 {height:130px;width:expression((document.documentElement.clientWidth||document.body.clientWidth)<751?'751px':'100%'); min-width:751px;}

.fmenu {background:url(i/ico/04.gif) no-repeat 14px 14px; padding: 16px 14px 14px 42px}
.fmenu a {padding:0px 24px 0px 10px; color:#2f3448; font-size:11px; font-weight:normal; background:url(i/bul/04.gif) no-repeat 0px 3px}

.copy {color:#83889a; padding:0px 0px 0px 42px; font-size:10px}
.copy  a {color:#83889a; font-size:10px}

.ceonex {margin:26px 0px 0px 42px}
.ceonex a em {text-decoration:none; font-style:normal; color:#50535e}
.ceonex img {margin:3px 5px 0px 5px}
.ceonex a:hover{text-decoration:none; font-size:11px}

/*Pop-up menu*/
.popupmenuact {padding:2px; padding-left:5px; padding-right:10px; background-color:#C8DCEE; border-color: #FFFFFF; border-bottom: 1px solid #FFFFFF }
.popupmenu {padding:2px; padding-left:5px; background-color:#E6EFF7; padding-right:10px; border-color: #FFFFFF;  border-bottom: 1px solid #FFFFFF }
.popupmenutext, .popupmenuclosed { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.popupmenutext {color: #356FA2;}
.popupmenuclosed {color: #808080;}