body {
font:small Verdana, Arial, Helvetica, sans-serif; 
color:#fff; 
text-align:justify;
margin:auto;
padding:0;
background:#336699;
min-width:980px;
max-width:1270px;
border:5px solid #336699;
}

#topsection {height:280px; margin-bottom:5px;} /*h fix mid part*/
#tr {width:100%;}
#tr, #partLeft, #partRight {float:left;}
#partLeft {margin-left:-100%; width:486px;}
#partWhite {margin:0px 315px 0px 486px; height:280px; background:#fff;}
#partRight {margin-left:-315px; width:315px;}
#untit {position:absolute; left:50%; margin-left:-80px;}

#core {clear:left; margin-left:225px; 
border-bottom:5px solid #336699; background:#113F75 url(pic/crt.gif) no-repeat right top;
}
#contentcol {margin-left:225px;} /*"-" mrgn vs IE*/
#contentwrapper {float:left; width:100%; margin-bottom:5px; background:#113F75;}
.innertube {padding:10px;}
#content {margin-right:250px; 
border-right:5px solid #336699; background:url(pic/clb.gif) no-repeat left bottom;
}
#content p {text-indent:20px;}
.update {font-size:x-small; text-align:right; padding-top:5px;}

#fastnav {float:right; width:230px; margin:-10px -265px 0px 15px; 
text-align:left;
background:url(pic/crt.gif) no-repeat 215px 0px;}
#fastnav ul li {margin-left:-20px; text-align:left;}
* html #fastnav ul {margin-right:225px; width:100%; text-align:left;}
* html #fastnav ul li {margin-left:15px; position:relative; left:-35px; text-align:left;}

#leftcol {position:absolute; top:290px; width:220px; 
background:#113F75 url(pic/crb.gif) no-repeat right bottom;
}
#leftcol UL {margin:5px 0px -5px 25px; padding-bottom:10px;}
#leftcolfix {width:100%;}

.h200 {clear:left; margin-left:225px; 
border-bottom:5px solid #336699; background:#113F75 url(pic/clt.gif) no-repeat left top; 
}
#footer {margin-left:225px;
font-size:x-small; text-align:center; 
background:#113F75 url(pic/crt.gif) no-repeat right top;
}
IMG.top100 {float:right; margin-right:30px; padding:4px;}
#txt {clear:left; margin-left:225px;
border-bottom:5px solid #336699; background:#113F75 url(pic/crt.gif) no-repeat right top;
}
/* IMAGES */
IMG {display:block; border:0px;} /*FF 3px gap*/
IMG.picL {float:left; margin-right:10px;}
IMG.pic {display:block; margin:0 auto;} 
IMG.picR {float:right; margin-left:10px;}
/* CORNERS */
.corner1 {background:url(pic/crb.gif) no-repeat right bottom; padding:10px; overflow:hidden; height:100%;}
/*.corner1 {background:url(pic/crb.gif) no-repeat right bottom; padding:10px; min-height:200px; height:auto !important; height:200px;}*/
.corner2 {background:url(pic/clb.gif) no-repeat left bottom; padding:10px;}
.corner1a {background:url(pic/crb.gif) no-repeat right bottom; padding:10px; overflow:hidden; height:100%;} /*pdf*/
/* LINKS */
A:link  {text-decoration:none; color:#FFF;}
A:visited {text-decoration:none; color:#FFF;}
A:hover {text-decoration:none; color:#999;}
#contentwrapper A, #txt A, .h200 A, .h2010 A {border-bottom:1px dotted #fff;}
.nbbpx A {border-bottom:0px;} /*pic no bb if need*/
/* TEXT STYLE */
H1 {font-size:large; display:inline;}
#txt h1 {font-size:small; display:inline;}
.abs, .abs A {position:absolute; margin:0; right:25px; top:15px; font:small Garamond; color:#113F75;}
H2, .h2, h3 {font-size:medium; margin:0; padding:12px 0;} /*cross*/
.bold {font-weight:bold;}
#content h2 {font-size:medium; display:inline;}

.x-sm {font-size:x-small;}
.cen {text-align:center;}

P {margin:0;}
p.indent {text-indent:20px;}
p.inl {display:inline;}

.pdbot20 {padding-bottom:20px;}
.pdbot10 {padding-bottom:10px;}
.pdtop10 {padding-top:10px;}


/* MENU */

#header {position:absolute; left:50%; top:240px; margin-left:-495px; width:990px; line-height:normal;}

#header ul {
margin:0;
padding:0 0 0 55px;
list-style:none;
}
#header li {
float:left;
background:url("l_but.gif") no-repeat left top;
margin:0;
padding:0 0 0 23px;
border-bottom:3px solid #336699;
}
#header a span {
white-space:nowrap;
float:left;
display:block;
width:.1em;
cursor:pointer;
background:url("r_but.gif") no-repeat right top;
padding:5px 15px 10px 6px;
text-decoration:none;
font-weight:bold;
color:#fff;
}
#header > ul a span {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
color:#fff; 
}
#home #nav-home, #about #nav-about,
#contact #nav-contact, #catalog #nav-catalog,
#news #nav-news, #article #nav-article,
#service #nav-service, #partner #nav-partner {
background-position:0 -100px;
border-width:0;
}
#home #nav-home a span, #about #nav-about a span,
#contact #nav-contact a span, #catalog #nav-catalog a span,
#news #nav-news a span, #article #nav-article a span,
#service #nav-service a span, #partner #nav-partner a span {
background-position:100% -100px;
padding-bottom:24px;
color:#fff; 
}
#header a:hover, #header a:hover span {
background-position:0% -100px;
color:#fff; border-bottom: 5px solid #336699;
}
#header a:hover span {
background-position:100% -100px;
}