/*****************************
  http://www.brain-tech.ru/	
			Powered by				
	http://www.projex.ru/		
*****************************/

/******* structure *******/

html { height: 100%; }

body { padding: 0; margin: 0; width: 100%; min-height: 100%; height: 100%; position: relative; }

* html body { height: 100%; }

#outTable{ width: 100%; min-width: 950px; height: 100%; border: none; }

* html #outTable{width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 950? "950px": "100%");}



/******* color & bg *******/

html, body{ background: black; color:#B2B2B2; }

a{ color: #b62617; }
a span{ color: #B2B2B2; }
a:hover span, body strong{ color: white; }
#slogan{ color: #972013; }

#panel{ background: url(../images/header_bg.jpg) no-repeat top left; }

#tdLeft{ background: url(../images/tdLeft.gif) no-repeat; }
#tdRight{ background: url(../images/tdRight.gif) no-repeat top right; }
#tdActive{ background: url(../images/tdActive.gif) repeat-x;  }

#mainlevel a img{ color: #B2B2B2; }
#mainlevel a:hover img{ color: white; }

#phone{ background:  url(../images/phone1.gif) no-repeat; }

#footer{ color: #4d4d4d; }
#footer a{ color: #404040; }
#footer a span{ color: #6a6a6a; }
#footer a:hover{ color: #b62617; }
#footer a:hover span{ color: white; }


/******* fonts *******/

body{ font: 11px/15px Verdana, Arial, Tahoma, sans-serif; }

a{ text-decoration: underline; }
a:hover{ text-decoration: underline; }

#mainlevel a{ text-decoration: none; }

#center li#main{ text-align: left; line-height: 18px; }
#slogan{ font-size: 9px; font-weight: bold; text-align: right !important; text-transform: uppercase; letter-spacing: 4px; }

#mainlevel{ font: 17px Impact, Tahoma, Arial, sans-serif; }
#mainlevel a span{ line-height: 29px; }
#menuIco #mainlevel{ font: 11px Tahoma, Arial, sans-serif; }
#menuIco #mainlevel a span{ line-height: normal; }
#menuIco #mainlevel a:hover{ text-decoration: underline; }

#menuIco #mainlevel a:hover div.info{ line-height: 2; }
#menuIco #mainlevel a:hover{  text-decoration: none; }


/******* misc *******/

p, h1, h2, h3, h4, h5, h6, ul, ol, li{ margin: 0; padding: 0; }

#content{ margin: 0 auto; }
#center{ width: 950px; height: 280px; overflow: hidden; margin: 0; }
#center li{ float: right; width: 273px; }
#center li#main{ width: 365px; margin-right: 2px; }
#center li#main div{ border-left: 1px solid #4D4D4D; margin: 90px 0 0 45px; padding: 0 0 0 30px; height: 195px; }
#center li#main div div{ border: none; margin: 0; padding: 0; height: auto; }
#center li#main div p { padding-bottom: 10px; }
#center li#main br{ display: none; }


#slogan{ margin-top: 5px; }


#logo{ width:273px; height:249px; }

#panel{ width:950px; height: 320px; overflow: hidden; }
#mainlevel{ height: 38px; margin: 40px 20px 0 0; float: right; }
#mainlevel td{ vertical-align: top; }
#tdLeft, #tdRight{ height: 38px; }

#mainlevel td{ padding: 10px 0 0 0; }
#mainlevel td#tdActive{ padding: 0; }
#mainlevel #tdActive div#tdRight{ padding: 6px 0 0 0; }
#mainlevel a{ margin: 0 10px 0 10px; display: block; height: 15px; }
#mainlevel #tdActive a{ margin: 0 20px 0 20px; height: 30px; }

#mainlevel a#menu1{ width:86px; background: url(../../../images/stories/uni_images/about_menu.gif); }
#mainlevel a#menu2{ width:49px; background: url(../../../images/stories/uni_images/service_menu.gif); }
#mainlevel a#menu3{ width:66px; background: url(../../../images/stories/uni_images/object_menu.gif); }
/* #mainlevel a#menu4{ width:61px; background: url(../../../images/stories/uni_images/news_menu.gif); } */
#mainlevel a#menu4{ width:74px; background: url(../../../images/stories/uni_images/partners_menu.gif); }
#mainlevel a#menu5{ width:72px; background: url(../../../images/stories/uni_images/contact_menu.gif); }

#mainlevel #tdActive a#menu0{ width:65px; background: url(../../../images/stories/uni_images/home_menu_active.gif); }

#mainlevel a, #mainlevel #tdActive a{ background-repeat: no-repeat !important; }
#mainlevel a:hover{ background-position: 0 -15px !important; background-repeat: no-repeat !important; }
#mainlevel #tdActive a:hover{ background-position: 0 0 !important; background-repeat: no-repeat !important; }

#mainlevel a:hover{ border-bottom: 2px solid #b62617; }
#mainlevel #tdActive a:hover{ border-bottom: none; }

#phone{ width:175px; height: 132px; margin: 47px 0 0 23px; _margin-left:12px; float: left; }

#menuIco{ float: left; overflow: hidden; width: 600px; height: 90px; margin: 50px 0 0 110px; }
#menuIco li{ float: left; width: 110px; }
#menuIco #mainlevel{ margin: 0; padding: 0; }
#menuIco #mainlevel a:hover{ border: none; }
#menuIco #mainlevel a{ height: 75px; }

#menuIco #mainlevel a div{ height: 54px; margin: 0 0 5px 0; }

#menuIco #mainlevel a#ico_menu0 div{ background: url(../../../images/stories/uni_images/ico/menuIco_1.gif); }
#menuIco #mainlevel a#ico_menu1 div{ background: url(../../../images/stories/uni_images/ico/menuIco_2.gif); }
#menuIco #mainlevel a#ico_menu2 div{ background: url(../../../images/stories/uni_images/ico/menuIco_3.gif); }
#menuIco #mainlevel a#ico_menu3 div{ background: url(../../../images/stories/uni_images/ico/menuIco_4.gif); }
#menuIco #mainlevel a#ico_menu4 div{ background: url(../../../images/stories/uni_images/ico/menuIco_5.gif); }

#menuIco #mainlevel a div.info{ display: none; }
#menuIco #mainlevel a:hover div.info{ display: block; position: absolute; border: 1px solid #6a0000; background: #191919 !important; padding: 5px; margin: 25px 0 0 0; height: auto; }


#menuIco #mainlevel a div{ background-repeat: no-repeat !important; background-position: center 0 !important; }
#menuIco #mainlevel a:hover div{ background-position: center -54px !important; }

#footer{ clear: both; padding: 60px 0 0 0; }

a img{ border: none; cursor: pointer; }

ul{ list-style: none; }