/*
 * CSS:Structure, by Limarc /Alexander Lobashev/
 * 
 * (c) 2008-2010 by Limarc, Lim-on Media
 * _link: http://www.free-lance.ru/users/Limarc
 *
 * _index: doc.style_structure.css
 * _revision: 1.13
 *
 */

 /* > `wrappers`
 ----------------------------------------------- */
 #wrapper
 {
	 margin: 0px auto -99px auto;
	 padding: 0px 0px;
	 
	 position: relative;
	 
	 width: 1010px;
	 
	 min-height: 100%;
	 height: auto !important;
	 height: 100%;
 }

 /* > `header`
 ----------------------------------------------- */
 #header
 {
	 background: url('../images/background-header.jpg') no-repeat 45% 0%;
	 
	 padding: 0px 25px;
	 overflow: hidden;
	 
	 height: 175px;
 }
 
	 /* {logo} */
	 #header .logo
	 {
		 margin: 20px 60px 0px 30px;
		 float: left;
		 
		 width: 100px;
		 height: 100px;
	 }
	 
		 #header .logo a
		 {
			 position: relative;
			 top: -130px;
			 left: 170px;
			 
			 width: 460px;
			 height: 160px;
			 
			 display: block;
		 }
	 
	 /* {get-in-top} */
	 #header .get-in-top
	 {
		 background: url('../images/get-in-top.png') no-repeat 6px 15px;
		 
		 margin-top: 40px;
		 padding-top: 60px;
		 float: right;
		 
		 width: 200px;
	 }
	 
	 /* {icons} */
	 #header .icons
	 {
		 margin: -10px 0px 0px 15px;
		 float: right;
		 
		 width: 20px;
	 }
	 
		 #header .icons li
		 {
			 padding-top: 30px;
			 padding-bottom: 18px;
		 }


 /* > `navigation`
 ----------------------------------------------- */
 #navigation-ui
 {
	 font: 1.5em Tahoma, Helvetica, sans-serif;
	 
	 margin: 0px;
	 padding: 0px;
	 
	 float: left;
	 position: relative;
	 
	 width: 100%;
	 height: 67px;
 }
 
	 /* navigation: interface */
	 #navigation-ui ul.navigation
	 {
		 background: url('../images/icon/beta.gif') no-repeat left center;
		 
		 margin-left: 50px;
		 padding: 0px 0px 0px 50px;
		 
		 overflow: hidden;
		 
		 width: 840px;
		 height: 67px;
	 }
	 
	 	 #navigation-ui ul.navigation li
	 	 {
			 background: url('../images/navigation/separate.gif') no-repeat left top;
			 
			 vertical-align: middle;
			 text-align: center;
			 color: #e2e2e2;
			 
			 margin: 0px;
			 padding: 0px 0px 0px 16px;
			 float: left;
			 
			 width: auto;
			 height: 67px;
	 	 }
		 
			 /* {links} */
			 #navigation-ui ul.navigation li a
			 {
			   	 background: url('../images/navigation/separate.gif') no-repeat right top;
				 padding: 25px 16px 42px 0px;
			 	 
			 	 color: #fff;
				 text-decoration: none;
			 	 width: auto;
				 
				 /*height: 42px;*/
				 display: block;
			 }
			 
			 	 #navigation-ui ul.navigation li a img
			 	 {
			 	 	 vertical-align: middle;
			 	 }
		 
		 /* {links: hover} */
		 #navigation-ui ul.navigation li:hover,
		 #navigation-ui ul.navigation li.selected
		 {
		 	 background: url('../images/navigation/background-left.png') no-repeat left top;
		 }
		 
		 	 #navigation-ui ul.navigation li:hover a,
			 #navigation-ui ul.navigation li.selected a
		 	 {
		 		 background: url('../images/navigation/background-right.png') no-repeat right top;
		 	 } 
	  
	 /* {links} */
	 #navigation-ui ul.navigation li a
	 {
		 color: #fff;
	 }

 /* > `content`
 ----------------------------------------------- */
 #content-page
 {
	 font: 1.1em Tahoma, Helvetica, sans-serif;
	 color: #5b5b5b;
	 
	 margin: 0px;
	 padding: 0px 0px 15px 0px;
	 
	 overflow: hidden;
	 
	 width: 1010px;
 }

	 /* {common elements} */
	 #content-page h1,
	 #content-page h2,
	 #content-page h3
	 {
		 font-family: Arial Narrow, Helvetica, sans-serif;
		 color: #ad1603;
		 font-weight: bold;
	 }
	 
	 /* {push} */
	 #content-page .push
	 {
		 float: left;
		 
		 width: 100%;
		 height: 99px;
	 }

 /* > `footer`
 ----------------------------------------------- */
 #footer
 {
	 background: #9d0000 url('../images/background-footer.png') repeat-x top left;
	 
	 font: 1.1em Tahoma, Helvetica, sans-serif;
	 color: #fff;
	 
	 margin: 0px auto;
         position: relative;
	 /*overflow: hidden;*/
	 
	 width: 100%;
	 height: 97px;
	 
	 border-top: 1px solid #7d0808;
	 border-bottom: 1px solid #7d0808;
 }
 
         #footer .wrapper
	 {
		 margin: 0px auto;
		 /*overflow: hidden;*/
		 
		 width: 1010px;
		 height: 97px;
	 }
	 
	 /* {statistics} */
	 #footer .ordered
	 {
		 text-align: center;
		 
		 margin-top: 17px;
		 padding: 20px 25px;
		 
		 float: left;
		 width: 120px;
		 
		 border-right: 1px solid #fff;
	 }
	 
	 /* {copyright} */
	 #footer .copyright
	 {
		 text-align: center;
		 
		 margin: 17px 0px 0px 25px;
		 padding: 15px 25px 10px 25px;
		 
		 float: left;
		 width: 140px;
		 
		 border-left: 1px solid #fff;
		 border-right: 1px solid #fff;
	 }
	 
         /* {contacts} */
	 #footer ul.navigation
	 {
		 list-style: none;
		 color: #fff;
		 
		 margin-top: 17px;
		 padding: 20px 20px;
		 float: left;
	 }
	 
		 #footer ul.navigation li
		 {
			 margin-right: 5px;
			 float: left;
		 }
	 
	 /* {development} */
	 #footer .development
	 {
		 padding: 2px 25px 0px 0px;
		 float: right;
	 }
	 
	 /* {beta} */
	 #footer .beta
	 {
		 padding: 5px 25px 0px 25px;
		 
		 float: left;
		 position: relative;
		 left: 363px;
		 
		 width: 350px;
		 z-index: 9999999;
	 }
	 
		 #footer .beta img
		 {
			 vertical-align: middle;
			 margin-right: 2px;
		 }
	 
         /* {links} */
	 #footer a
	 {
		 color: #fff;
	 }


 /* > `relative/publication` of page
 ----------------------------------------------- */
 #content-page .sidebar-content
 {
	 float: right;
         width: 360px;
 } 
 
 #content-page .relative-block
 {
	 margin: 15px 0px 40px 0px;
         
	 float: right;
         width: 360px;
 }
 
 #content-page .publication-block
 {
	 padding: 15px 0px 10px 25px;
	 float: left;
	 
         width: 600px;
 }
 
 /* {position: size} */
 #content-page .full-size
 {
	 width: 100%;
 }
 
 /* {position: right} */
 #content-page .position-right
 {
	 float: right;
 }
 
 /* {position: left} */
 #content-page .position-left
 {
	 float: left;
 }

 /* > style of `hx` of page
 ----------------------------------------------- */
 #content-page h1
 {
	 font-size: 2.2em;
	 line-height: .9em;
	 
	 padding-bottom: 10px;
 }
 
 #content-page h2
 {
	 font-size: 2.2em;
	 line-height: .9em;
	 
	 padding-bottom: 10px;
	 width: 100%;
 }
 
 
 /* > style of `publication` of page
 ----------------------------------------------- */
 #content-page .publication-block p
 {
	 padding-bottom: 10px;
 }
 
 /* {ul.standart} */	 
 #content-page .publication-block ul
 {
	 list-style: square;
	 
	 margin: 0px 0px 10px 25px;
	 padding: 0px;
 }
	 #content-page .publication-block ul li
	 {
		 margin: 0px;
		 padding: 1px 0px;
		 
		 float: none;
	 }
	 
		 #content-page .publication-block ul li ul
		 {
			 margin-bottom: 0px;
			 padding: 0px;
		 }
 
 /* {ol.standart} */
 #content-page .publication-block ol
 {
	 list-style: decimal;
	 
	 margin: 0px 0px 10px 30px;
	 padding: 0px;
 }
	 #content-page .publication-block ol li
	 {
		 margin: 0px;
		 padding: 1px 0px;
		 
		 float: none;
	 }
	 
		 #content-page .publication-block ol li ul
		 {
			 list-style: square;
			 
			 margin-bottom: 0px;
			 padding: 0px;
		 }
  
 
 /* > style of `teaser` of page
 ----------------------------------------------- */
 /* {company} */
 #wrapper .teaser-company
 {
 	 background: url('../images/teaser/company.jpg') no-repeat top left;
 	 
	 position: absolute;
 	 top: 270px;
 	 left: -200px;
 	 
 	 width: 400px;
 	 height: 300px;
 	 
 	 z-index: -1;
 }
 
 /* {services} */
 #wrapper .teaser-services
 {
 	 background: url('../images/teaser/services.jpg') no-repeat bottom left;
 	 
	 position: absolute;
 	 bottom: 90px;
 	 left: -10px;
 	 
 	 width: 400px;
 	 height: 300px;
 	 
 	 z-index: -1;
 }
 
 /* {payment} */
 #wrapper .teaser-payment
 {
 	 background: url('../images/teaser/payment.jpg') no-repeat top left;
 	 
	 position: absolute;
 	 top: 270px;
 	 left: -160px;
 	 
 	 width: 342px;
 	 height: 456px;
 	 
 	 z-index: -1;
 }
 
 /* {publication} */
 #wrapper .teaser-publication
 {
 	 background: url('../images/teaser/publication.jpg') no-repeat top left;
 	 
	 position: absolute;
 	 top: 530px;
 	 right: 50px;
 	 
 	 width: 295px;
 	 height: 243px;
 	 
 	 z-index: -1;
 }
 
 /* {contacts} */
 #wrapper .teaser-contacts
 {
 	 background: url('../images/teaser/contacts.jpg') no-repeat left 10px;
 	 
	 position: absolute;
 	 bottom: 100px;
 	 left: -110px;
 	 
 	 width: 560px;
 	 height: 300px;
 	 
 	 z-index: -1;
 }
 
 /* {ordered} */
 #wrapper .teaser-ordered
 {
 	 background: url('../images/teaser/ordered.jpg') no-repeat top left;
 	 
	 position: absolute;
 	 top: 900px;
 	 right: 50px;
 	 
 	 width: 250px;
 	 height: 250px;
 	 
 	 z-index: -1;
 }
 
 
 /* {mail} */
 #wrapper .teaser-mail
 {
 	 background: url('../images/teaser/mail.jpg') no-repeat top left;
 	 
	 position: absolute;
 	 top: 510px;
 	 right: 70px;
 	 
 	 width: 250px;
 	 height: 250px;
 	 
 	 z-index: -1;
 }

  
 /* > style of `feedback` of page
 ----------------------------------------------- */
 #wrapper .beta-top-img
 {
	 position: absolute;
	 top: 25px;
	 left: 49px;
	 
	 width: 26px;
	 height: 13px;
	 
	 z-index: 9999999;
 }
 
 #feedback-thx
 {
	 background: #f2ffcd url('../images/icon/okey.png') no-repeat 5px 60%;
	 
	 color: #324e00;
	 font-size: 1.1em;
	 
	 padding: 10px 10px 10px 30px;
	 
	 position: absolute;
	 top: -35px;
	 
	 width: 330px;
	 border: 1px solid #b3d577;
	 
	 display: none;
 }
 
 #feedback
 {
	 background: url('../images/feedback-shadow.png') no-repeat left top;
	 
	 color: #000;
	 font-size: 1.1em;
	 
	 padding: 20px 23px;
	 
	 position: absolute;
	 bottom: 0px;
	 left: 375px;
	 
	 width: 370px;
	 height: 126px;
	 
	 display: none;
	 
	 z-index: 999999;
 }
 
 #feedback.beta-top,
 #feedback-thx.beta-top
 {
	 top: 215px;
	 left: 0px;
	 bottom: auto;
 }
 
	 #feedback p
	 {
		 padding-bottom: 5px;
	 }
	 
	 /* textarea */
	 #feedback textarea
	 {
	         background: #fff;
	         
	         color: #424242;
	         
	         margin: 0px;
	         padding: 4px 6px 5px 6px;
	         overflow: hidden;
	         
		 width: 335px;
		 height: 50px;
	         border: 1px solid #e2e2e2;
	 }
	  
	 #feedback textarea:focus
	 {
	         background: #f3faff;
	         color: #000;
	         
	         border: 1px solid #0a95d1;   
	 }
	 
	 #feedback textarea.error
	 { 
	 	 background: #fff5f5;
	 	 color: #000;
	 	 
	 	 border: 1px solid #ffa6a6;   
	 } 
	 
	 /* action button/close */
	 #feedback p.action-button
	 {
		 margin-top: 10px;
		 padding: 0px;
	 }
	 
		 #feedback p.action-button input
		 {
			 margin-right: 5px;
			 cursor: pointer;
		 }
	 
	 /* links */
	 #feedback a
	 {
		 color: #c40000;
	 }