/* CSS Document */
*{ margin:0; padding:0;}
html,body{ height: 100%; font: 12px Tahoma; color:#646464; background: url(/images/bg.jpg); position:relative;}
img{ border: none;}
ul,li{ list-style:none;}
#main{ position:relative; left:0; top: 0; float:left; width: 100%; min-width:1000px; min-height:100%;}
*html #main{ width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); height:100%;}
.topBlock{ float:left; width: 100%; position:relative; background: url(/images/bookmark.gif) no-repeat 291px bottom;}
.cirlce{ float:left; margin-top: -158px; position:relative; z-index:3; top: 0; left: 70px; width:148px; height:158px; background: url(/images/circle.png) no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/circle.png', sizingMethod='noscale'); _background:none;}
.logo{ float:left; padding-left: 25%; width: 75%;}
.logoImg{ float:left; width: 118px; height:119px; background: url(/images/logoImg.jpg) no-repeat; margin-right: 25px; }
.logoText{ float:left; width: 423px; height:34px; background: url(/images/logo.gif) no-repeat; margin-top: 40px;}
.iconsBox{ position:relative; right: 6%; padding-top: 55px; float:right; margin-bottom: -15px;}
.iconsBox a{ float:left; margin-left: 15px;}
.menuBox{ float:left; padding: 30px 0 20px 35%; width: 65%;}
.menuBox li{ float:left; padding-right: 5%;}
.menuBox a{ float:left; font-size: 12px; font-weight:bold; color:#fff; text-decoration:none;}
.menuBox a:hover{ text-decoration:underline;}


* html .starr {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/star32.png', sizingMethod='scale'); background: none;}
.starr {position: absolute; width: 210px; height: 330px; background:url(/images/star32.png) no-repeat;font-size: 12px; color: #4e2d00; margin-top: 200px; z-index:200; padding: 85px 70px 70px 70px; margin-left: -15px;}

#contBlock{ position:relative; float:left; width: 100%; min-height:600px; overflow:hidden; background:#fff url(/images/tbg.gif) repeat-x;}

#contBlockLeft{ position:absolute; z-index:10; left:0; top:0; float:left; width: 339px; height:100%; background: url(/images/lBg.gif) repeat-y;}
*html #contBlockLeft{ position:relative; margin-right: -339px;}
#lt{ width: 339px; height:363px; background: url(/images/lt.jpg) no-repeat;}
#lb{ position:absolute; left:0; bottom:0; width: 339px; height:208px; background: url(/images/lb.jpg) no-repeat;}


#contBlockRight{ position:absolute; z-index:10; right:0; top:0; float:right; width: 137px; height:100%; background: url(/images/rBg.gif) repeat-y right;}
*html #contBlockRight{ position:relative; margin-left: -137px; float:left; left: 0;}
#rt{ width: 137px; height:132px; background: url(/images/rt.jpg) no-repeat;}
#rb{ position:absolute; right:0; bottom:0; width: 137px; height:264px; background: url(/images/rb.jpg) no-repeat;}
*html #rb{ right:-1px;}

.contBlockBot{ float:left; width: 100%; background: url(/images/bBg.jpg) repeat-x bottom;}
.contBox{ float:right; width: 99%; padding-top: 60px;}
.contBoxPad{padding: 0 135px 0 339px;}
#textBox{ float:left; width: 97%; min-height:430px; padding:0 0 10px 3%; overflow:hidden;}
#textBox h1{ color:#4B4A4A; font-size: 22px; font-weight:normal;}
#textBox p{ padding-top: 12px; line-height:15px;}
#textBox ul li{ padding:2px 0px 2px 0px; }
#textBox ul ul{ padding-left: 20px;}
#textBox a {color:#15b5d2;}
#textBox table {border-collapse: collapse; width:90%;}
#textBox table td {border:1px solid #4B4A4A; padding:2px 2px 2px 2px;}

.botBox{ float:right; width: 95%; padding:20px 2% 0 3%; height:34px; border-top: 1px solid #7D7D7D; background: url(/images/shadow.jpg) no-repeat right bottom; margin-bottom:45px;}
.botBox p{ float:left; }
.botBox div{ float:right; font-weight:bold; }


.protractor{ position:absolute; left: 50px; bottom:0px; width: 323px; height:141px; background: url(/images/protractor.jpg) no-repeat;}
.pensil{ position:relative; right: 12%; float:right; padding: 0 0 20px 291px; background: url(/images/pensil.jpg) no-repeat 0 27px; margin-top: -12px; z-index:3;}
.phone{ width: 246px; height:139px; background: url(/images/phone.jpg) no-repeat;}


