/* Общее

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

* { margin: 0; padding: 0; }

html { height: 100%; }

body { position: relative; font:14px/150% Tahoma, Verdana, Arial; color: #999; text-align: center; background: #000; height: 100%; }

h1, h2, h3, h4, h5, h6 { padding: 20px 0 10px 0; color: #6C96BC; font-weight: normal; }

h1 { font-size: 1.8em; }

h2 { font-size: 1.3em; }

p { padding: 10px 0; }

a { color: #6C96BC; text-decoration: underline; }

a:hover { COLOR: #6C96BC; text-decoration: none; }

a:active { COLOR: #6C96BC; text-decoration: none; }


a.menu { color: #999; text-decoration: underline; font-size: 1.15em;}
a.menu:hover { COLOR: #fff; text-decoration: none; font-size: 1.15em;}
a.menu:active { COLOR: #fff; text-decoration: none; font-size: 1.15em;}

.menu { COLOR: #fff; text-decoration: none; }

a img { border: 0; }



form input.text, form select option { font: 14px Tahoma, Verdana, Arial; color: #999; }



.clear { display: block; clear: both; height: 1px; }



#center { position: relative; margin: 0 auto; text-align: left; width: 990px; min-height: 100%; height: 100%; }


/* Шапка

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

#logo { position: absolute; top: 45px; left: 85px; background: url(media/img/logo.gif) no-repeat 0 0; width: 321px; height: 49px; }

#logo a { display: block; padding-top: 50px; font-size: 0.9em; color: #ccc; text-decoration: none; text-transform: lowercase; text-align: center; }

#about { position: absolute; top: 25px; right: 0; color: #999999; text-align: right; width: 540px; z-index: 30; }



#forwhom { position: absolute; top: 85px; right: 0; font-size: 1.2em; z-index: 10; }

#forwhom li {list-style: none; float: left; margin-left: 25px; padding-left: 25px; background: url(media/img/forwhom-bg.gif) no-repeat 0 0.3em; }

#forwhom li.first { background: none; }



.main #flash { position: absolute; top: 126px; left: 0; background: #596DAC; width: 990px; height: 482px; }

.main #flash1 { position:relative;  left: 0; background: #596DAC; width: 990px;}



/* Контент

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

#content { position: relative;  margin-left:20px; }

.main #content { margin-left:0px; padding-top:624px;  }

.main #content1 { margin-left:0px; padding-top:100px;  }




#content ul li { position: relative; }

#content #primarycontent {width:430px;  position: relative; min-height: 100px; height: auto !important;   top:120px; padding: 0px 10px 0px 40px; border: 1px solid #4D4D4D; }

#content #primarycontent .corner1 { position: absolute; left: -1px; top: -1px; background: url(media/img/primary-corner-1.gif) no-repeat 0 0; width: 25px; height: 25px; }

#content #primarycontent .corner2 { position: absolute; right: -1px; top: -1px; background: url(media/img/primary-corner-2.gif) no-repeat 0 0; width: 25px; height: 25px; }

#content #primarycontent .corner3 { position: absolute; right: -1px; bottom: -1px; background: url(media/img/primary-corner-3.gif) no-repeat 0 0; width: 25px; height: 25px; }

#content #primarycontent td.pics img.header { float: none; margin: 0; margin-top: 0px; margin-bottom: -15px; }

#content #primarycontent td.pics div.pic { position: relative; float: left; margin: 25px 25px 0 0; }

#content #primarycontent td.pics div.pic div.corner1 { position: absolute; top: 0; left: 0; background: url(media/img/corner-1.gif) no-repeat 0 0; width: 10px; height: 10px; }

#content #primarycontent td.pics div.pic div.corner2 { position: absolute; right: 0; top: 100px; background: url(media/img/corner-2.gif) no-repeat 0 0; width: 10px; height: 10px; }

#content #collection div.pic div.corner1 { position: absolute; top: 0; left: 0; background: url(media/img/corner-1.gif) no-repeat 0 0; width: 10px; height: 10px; }

#content #collection div.pic div.corner2 { position: absolute; bottom: 0; right: 0; background: url(media/img/corner-2.gif) no-repeat 0 0; width: 10px; height: 10px; }

#content #primarycontent .navigateleft { position: relative; bottom: 8px; left: 30px; margin: 0; padding: 0; }

#content #primarycontent .navigateright { position: relative; bottom: 8px; right: 30px; margin: 0; padding: 0; }

#content .subscribe { position:relative; float: left; padding: 10px 0px 0 0px; font-size: 1.1em; color: #fff;  width:630px; height: 149px; }

#content .subscribe p { padding: 7px 20px; }

#content .subscribe p big { display: block; float: left; margin-top: -4px; margin-right: 10px; font-size: 1.8em; }

#content .subscribe form input.text { position: relative; top: -7px; margin-right: 15px; padding: 4px 0 2px 0; border: 0; width: 325px; }

#content .subscribe form input.image { position: relative; top: -2px; }

#content .mainbanner { float: right; width: 489px; height: 149px; }

#content .small { padding-top: 20px; font-size: 0.9em; line-height: 130%; }

#content .small h1, #content .small h2, #content .small h3, #content .small h4, #content .small h5, #content .small h6, #content .small p { padding: 8px 0 4px 0; }

#content .small p { color: #C7C7C7; }

#content #collection { position: absolute; bottom: -10px; padding-left: 20px; padding-bottom: 20px; border: 1px solid #4D4D4D; border-top: 0; width: 468px; voice-family: "\"}\""; voice-family: inherit; bottom: -13px; width: 448px; }

#content #collection img.header { float: none; margin: 0; margin-bottom: 20px; }

#content #collection div.pic { position: absolute; float: left; margin: 25px 25px 0 0; }

#content #collection div.pic img { float: left; }

#content #collection .corner3 { position: absolute; right: -1px; bottom: -1px; background: url(media/img/primary-corner-3.gif) no-repeat 0 0; width: 25px; height: 25px; }

#content #logotips { position: absolute; left: 0; bottom: 7px; padding-left: 20px; padding-bottom: 10px; border: 1px solid #4D4D4D; border-top: 0; width: 468px; voice-family: "\"}\""; voice-family: inherit; bottom: -13px; width: 448px; }

#content #logotips .corner3 { position: absolute; right: -1px; bottom: -1px; background: url(media/img/primary-corner-3.gif) no-repeat 0 0; width: 25px; height: 25px; }





.color6 {color:#9D4F4F}
.submit {text-decoration:underline; background-color:#000000; font-color:ffffff; color:ffffff; font-size:11px; font-weight:normal; font-family:tahoma,arial,helvetica; background-image:url(image/but.jpg); background-position:center center; background-repeat:repeat; border:0px}


.form2 {background-color:#DCDCDC; font-family:tahoma,arial,helvetica; border-style:solid; border-width:1px; border-color:#CCCCCC; color:#000000; font-size:12px; height:20px; margin:0px; padding-left:1px; padding-top:4px}
.form3 {background-color:#DCDCDC; font-family:tahoma,arial,helvetica; border-style:solid; border-width:1px; border-color:#CCCCCC; color:#000000; font-size:12px; margin:0px; padding-left:1px}
.form_width {width:225px;}
.error {color:9D4F4F; font-size:13px; font-weight:bold}





#content1 ul li { position: relative; }

#content1 #primarycontent {position: relative;   margin: 0px 0px 0px 0px; }

#content1 #primarycontent .corner1 { position: relative; left: -1px; top: -1px; background: url(media/img/primary-corner-1.gif) no-repeat 0 0; width: 25px; height: 25px; }

#content1 #primarycontent .corner2 { position: absolute; right: -1px; top: -1px; background: url(media/img/primary-corner-2.gif) no-repeat 0 0; width: 25px; height: 25px; }

#content1 #primarycontent .corner3 {position: relative; left: 434px; bottom:-516px; background: url(media/img/primary-corner-3.gif) no-repeat 0 0; width: 25px; height: 25px; }

#content1 #primarycontent td.pics img.header { float: none; margin: 0; margin-top: 0px; margin-bottom: -15px; }

#content1 #primarycontent td.pics div.pic { position: relative; float: left; margin: 25px 25px 0 0; }

#content1 #primarycontent td.pics div.pic div.corner1 { position: absolute; top: 0; left: 0; background: url(media/img/corner-1.gif) no-repeat 0 0; width: 10px; height: 10px; }

#content1 #primarycontent td.pics div.pic div.corner2 { position: absolute; right: 0; top: 100px; background: url(media/img/corner-2.gif) no-repeat 0 0; width: 10px; height: 10px; }

#content1 #collection div.pic div.corner1 { position: absolute; top: 0; left: 0; background: url(media/img/corner-1.gif) no-repeat 0 0; width: 10px; height: 10px; }

#content1 #collection div.pic div.corner2 { position: absolute; bottom: 0; right: 0; background: url(media/img/corner-2.gif) no-repeat 0 0; width: 10px; height: 10px; }

#content1 #primarycontent .navigateleft { position: relative; bottom: 8px; left: 30px; margin: 0; padding: 0; }

#content1 #primarycontent .navigateright { position: relative; bottom: 8px; right: 30px; margin: 0; padding: 0; }

#content1 .subscribe { position:relative; float: left; padding: 10px 0px 0 0px; font-size: 1.1em; color: #fff; background: url(media/img/subscribe-bg.jpg) no-repeat 0 0; width:630px; height: 149px; }

#content1 .subscribe p { padding: 7px 20px; }

#content1 .subscribe p big { display: block; float: left; margin-top: -4px; margin-right: 10px; font-size: 1.8em; }

#content1 .subscribe form input.text { position: relative; top: -7px; margin-right: 15px; padding: 4px 0 2px 0; border: 0; width: 325px; }

#content1 .subscribe form input.image { position: relative; top: -2px; }

#content1 .mainbanner { float: right; width: 489px; height: 149px; }

#content1 .small { padding-top: 20px; font-size: 0.9em; line-height: 130%; }

#content1 .small h1, #content .small h2, #content .small h3, #content .small h4, #content .small h5, #content .small h6, #content .small p { padding: 8px 0 4px 0; }

#content1 .small p { color: #C7C7C7; }

#content1 #collection { position: absolute; bottom: -10px; padding-left: 20px; padding-bottom: 20px; border: 1px solid #4D4D4D; border-top: 0; width: 468px; voice-family: "\"}\""; voice-family: inherit; bottom: -13px; width: 448px; }

#content1 #collection img.header { float: none; margin: 0; margin-bottom: 20px; }

#content1 #collection div.pic { position: absolute; float: left; margin: 25px 25px 0 0; }

#content1 #collection div.pic img { float: left; }

#content1 #collection .corner3 { position: absolute; right: -1px; bottom: -1px; background: url(media/img/primary-corner-3.gif) no-repeat 0 0; width: 25px; height: 25px; }

#content1 #logotips { position: absolute; left: 0; bottom: 7px; padding-left: 20px; padding-bottom: 10px; border: 1px solid #4D4D4D; border-top: 0; width: 468px; voice-family: "\"}\""; voice-family: inherit; bottom: -13px; width: 448px; }

#content1 #logotips .corner3 { position: absolute; right: -1px; bottom: -1px; background: url(media/img/primary-corner-3.gif) no-repeat 0 0; width: 25px; height: 25px; }








#corner1 { position: absolute; top: 0; left: 0; background: url(media/img/pagebg-corner1.png) no-repeat 0 0; width: 26px; height: 26px; }

* html #corner1 { position: absolute; top: 0; left: 0; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/pagebg-corner1.png',sizingMethod='scale'); width: 26px; height: 26px; }

#corner2 { position: absolute; bottom: 0; right: 0; background: url(media/img/pagebg-corner2.png) no-repeat 0 0; width: 26px; height: 26px; }

* html #corner2 { position: absolute; bottom: 0; right: 0; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/pagebg-corner2.png',sizingMethod='scale'); width: 26px; height: 26px; }

div.draggable { position: absolute; padding: 2px 20px 20px 20px; font-size: 1.15em; text-transform: lowercase; border: 1px solid #ffffff; font-family: Verdana; color: #ffffff; font-weight: normal; z-index: 2; text-align: left; }

div.draggable strong { display: block; padding-top: 4px; font-size: 2.3em; font-weight: bold; }



/* Подвал

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

#footer {  position: relative;  width: 990px; }

.main #footer { margin-top: 0; }

#botnav { padding-left: -30px;   font-size: 1.15em; line-height: 1.15em; }

.main #botnav { padding-top: 0; }

#botnav li { list-style: none; float: left; padding-left: 30px; padding-bottom: 0px; }

.main #botnav li {  }





#botnav li strong { font-weight: normal; border-bottom: 1px dashed; }

#copy { clear: both; padding-top: 25px; padding-bottom: 30px; color: #999; border-top: 1px solid #121212; }

#copy a { color: #2D4057; }







.picsB div.picB { position: relative; float: left; margin: 25px 0px 0 0; }

.picsB div.picB div.U1 { position: absolute; background-position:top left; background-image:url(media/img/U1.gif); background-repeat:no-repeat; width: 22px; height: 22px; }

.picsB div.picB div.U2 { position: absolute; background-image:url(media/img/U2.gif); background-repeat:no-repeat; width: 22px; height: 22px; }





.picsM  { position: relative;  margin: 0px 0px 0 0; }

div.picM { position: relative; float: left; margin: 0px 0px 0 0; }

.picsM div.picM div.U1 { position: absolute; background-position:top left; background-image:url(media/img/U1.gif); background-repeat:no-repeat; width: 22px; height: 22px; }

.picsM div.picM div.U2 { position: absolute;  background-image:url(media/img/U2.gif); background-repeat:no-repeat; width: 22px; height: 22px; }