body {margin: 0; background: #fff url(img/bg-bottom.jpg) repeat-x bottom}

div.top {width: 100%; background: url(img/bg-top.jpg) repeat-x; padding-top: 1px; min-width: 1000px;
         width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? "1000px" : "100%")}

div.top div.tr1 {width: 142px; height: 123px; background: url(img/tr1.jpg); position: absolute; top: 21px; left: 280px}
div.top div.tr2 {width: 198px; height: 35px; background: url(img/tr2.jpg); position: absolute; top: 144px; left: 224px}
div.top div.tr3 {width: 422px; height: 51px; background: url(img/tr3.jpg); position: absolute; top: 179px; left: 0}
div.top div.tr4 {width: 468px; height: 125px; background: url(img/tr4.jpg); position: absolute; top: 230px; left: 0}
div.top div.tr5 {width: 334px; height: 49px; background: url(img/tr5.jpg); position: absolute; top: 355px; left: 0}
div.top div.logo {width: 217px; height: 108px; background: url(img/logo.gif); position: absolute; top: 28px; left: 500px}

div.top div.menu {margin-top: 170px; margin-left: 490px; padding-bottom: 20px; color: #1d7ac7; font: bold 16px Trebuchet MS}
div.top div.menu span.m {margin-right: 20px; white-space: nowrap}
div.top div.menu span.m:hover {color: #e47133}

div.top div.news {margin-left: 468px; padding-bottom: 25px}
div.top div.news div.upc1 {width: 30px; height: 30px; background: url(img/up-c-tl.gif); position: relative; float: left; margin-right: expression('-3px')}
div.top div.news div.upc2 {width: 30px; height: 30px; background: url(img/up-c-bl.gif); position: relative; float: left; margin-right: expression('-3px')}
div.top div.news div.upright {height: 30px; margin-left: 30px; background: #E2ECF3; position: relative;
                              width: expression('100%'); margin-left: expression('-3px'); margin-right: expression('-30px')}
div.top div.news div.upcenter {background: #E2ECF3 url(img/news.gif) 35px top no-repeat; padding: 30px 30px 0; position: relative; padding-right: expression('15px');}
div.upcenter {
	font: 12px Tahoma;
}
div.upcenter td {
	padding: 3px 3px 3px 15px;
	border-right: 1px dotted #ccc;
	color: #2F7581;
}

div.upcenter td.edge {
	border-right: none;
}

div.upcenter a{
	font: 12px Tahoma;
	background: url(img/arrow.gif) no-repeat left 6px;
	padding-left: 10px;
	color: #0C88EC;
}
div.upcenter a:hover{
	color:#6396B0;
}


div.upc {
	font: 12px Tahoma;
        background: url(img/arrow.gif) no-repeat left 6px;
        padding-left: 10px;
}
div.upc td {
	padding: 3px 3px 3px 15px;
	border-right: 1px dotted #ccc;
	color: #2F7581;
}

div.upc td.edge {
	border-right: none;
}

div.upc a{
	font: 12px Tahoma;
	color: #0C88EC;
}
div.upc a:hover{
	color:#6396B0;
}

div.top div.c1 {width: 30px; height: 30px; background: url(img/c-tl.gif); position: absolute; top: 356px; left: 230px}
div.top div.c1outer {width: 100%; height: 130px; position: absolute; top: 356px; right: 0}
div.top div.c1right {height: 30px; background: #fbfcfd; position: relative; left: 260px; margin-right: 275px}
div.top div.c1bottom {height: 100px; background: #fbfcfd; position: relative; left: 230px; margin-right: 245px}

div.ad {width: 200px; background: url(img/ad.gif) top left no-repeat; padding-top: 30px; margin: 5px 15px 30px; position: relative; float: left; margin-left: expression('7px')}
div.ad p {margin: 5px 0}

div.ads {width: 200px; background: url(img/film.gif) top left no-repeat; padding-top: 30px; margin: 5px 15px 30px; position: relative; float: left; margin-left: expression('7px')}
div.ads p {margin: 5px 0}
div.ads a {padding-left: 15px}
div.ads a.z {padding-left: 0px}
.tops {padding-top: 20px; padding-bottom: 15px}

div.content {background: #fbfcfd url(img/bg.gif) repeat-x bottom; padding: 0 30px 15px; margin: 0 15px 0 230px; position: relative}
div.content div.imgleft {padding: 10px; margin: 0 15px 10px 0; background: url(img/bg-img.gif) repeat-x bottom; position: relative; float: left}
div.content div.imgright {padding: 10px; margin: 0 0 10px 15px; background: url(img/bg-img.gif) repeat-x bottom; position: relative; float: right}

div.content span {url(img/line.gif); font: 22px Myriad Pro; color: #e55e15;}
div.content span {margin: 0px; padding-left: 5px}

div.bottom {margin: 0 15px; padding-bottom: 1px; clear: both}
div.bottom div.c3 {width: 30px; height: 30px; background: url(img/c-bl.gif); position: relative; left: 215px; float: left}
div.bottom div.c4 {width: 30px; height: 30px; background: url(img/c-br.gif); position: relative; right: 0; float: right}
div.bottom div.btcenter {height: 30px; background: #e0ebf2; position: relative; right: 30px; left: 245px; margin-right: 275px;
                         left: expression('212px'); margin-right: expression('232px')}
div.bottom div.copy {margin: 30px 0 30px 15px; text-align: left; float: left; margin-left: expression('7px')}
div.bottom div.footer {margin: 30px 45px 30px 0; text-align: right}

.txt, a {color: #4a5e7f; font: 14px Trebuchet MS}
.txt a:hover {color: #7ba8c8}
.menu a {color: #1d7ac7; font: bold 16px Trebuchet MS; text-decoration: none}
.menu a:hover {color: #e47133}
.m {color: #e47133; font: bold 16px Trebuchet MS; text-decoration: none}

.gradualshine{
filter:alpha(opacity=60);
-moz-opacity:0.6;
}

.rekl {font-family: Tahoma; font-size: 12px; height: 65px; color: #953c17}
.rekl2 {font-family: Tahoma; font-size: 11px; text-align: left; height: 30px;}
.rekl2 a {font-size: 12px; color: #4a5e7f; text-decoration: underline; text-align: left;}
.rekl2 a:hover {font-size: 12px; color:#7ba8c8; text-decoration: none; text-align: left;}
#r {color: #0C88EC; font-size: 11px;}
.rekl4 {font-family: Tahoma; font-size: 11px; height: 65px; color: #4a5e7f}
.rekl5 {font-family: Tahoma; font-size: 11px; height: 45px; color: #4a5e7f}

.adv { padding:10px 0px 0px 10px; }
div.ad2 {width: 200px; padding-top: 30px; margin: 5px 15px 30px; position: relative; float: left; margin-left: expression('7px')}
div.ad2 p {margin: 5px 0}