html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #5f0107;
}

* html #Container {
	height: 100%;
}

img {
	border: none;
}

ul, li, input {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: left;
}

#Container {
	min-height: 100%; 
	width: 1000px;
	margin: 0px auto;
	margin-bottom: -75px;
	background: #6c030a url('../images/main_back.jpg') no-repeat bottom right;
}

#ContainerGrad {
	min-height: 100%;
	margin: 0px auto;
	width: 1000px;
	background: url('../images/top.jpg') no-repeat top;
}

#PageEmpty {
	height: 75px;
	width: 1000px;
	clear: both;
}

#Top {
	padding: 0px 0px 33px 0px;
	width: 1000px;
}

*html #Top {
	padding: 0px 0px 0px 0px;
	width: 1000px;
}

#Logotips {
	padding: 12px 0px 0px 57px;
	width: 221px;
	height: 133px;
	float: left;
}

#TopMenu {
	padding: 85px 0px 0px 10px;
	width: 693px;
	float: left;
}

#TopMenu ul {
	list-style-type: none;
}

#TopMenu li {
	margin-right: 34px;
	height: 15px!important;
	list-style-type: none;
	float: left;
}

#TopMenu li a.company, #TopMenu li a.catalog,
#TopMenu li a.services, #TopMenu li a.contacts,
#TopMenu li a.news, #TopMenu li a.manufacture {
	padding: 0px;
	margin: 0px;
	display: block;
	height: 15px;
	cursor: pointer;
	overflow: hidden;
	background-position: 0px 0px;
}

#TopMenu li a.company {
	width: 83px;
	background: url('../images/company.png') no-repeat 0px 0px;
}

#TopMenu li a.catalog {
	width: 130px;
	background: url('../images/catalog.png') no-repeat 0px 0px;
}

#TopMenu li a.services {
	width: 44px;
	background: url('../images/services.png') no-repeat 0px 0px;
}

#TopMenu li a.contacts {
	width: 64px;
	background: url('../images/contacts.png') no-repeat 0px 0px;
}

#TopMenu li a.news {
	width: 58px;
	background: url('../images/news.png') no-repeat 0px 0px;
}

#TopMenu li a.manufacture {
	width: 99px;
	background: url('../images/manufacture.png') no-repeat 0px 0px;
}

#TopMenu li.last {
	margin-right: 0px;
}

#TopMenu li a.company:hover, #TopMenu li a.catalog:hover,
#TopMenu li a.services:hover, #TopMenu li a.contacts:hover,
#TopMenu li a.news:hover, #TopMenu li a.manufacture:hover {
	background-position: 0px -15px;
}

*html #TopMenu li a.company:hover {
	background-position: 0px 0px;
	background: url('../images/company_ie_hover.png') no-repeat 0px 0px;
}

*html #TopMenu li a.catalog:hover {
	background-position: 0px 0px;
	background: url('../images/catalog_ie_hover.png') no-repeat 0px 0px;
}

*html #TopMenu li a.services:hover {
	background-position: 0px 0px;
	background: url('../images/services_ie_hover.png') no-repeat 0px 0px;
}

*html #TopMenu li a.contacts:hover {
	background-position: 0px 0px;
	background: url('../images/contacts_ie_hover.png') no-repeat 0px 0px;
}

*html #TopMenu li a.news:hover {
	background-position: 0px 0px;
	background: url('../images/news_ie_hover.png') no-repeat 0px 0px;
}

*html #TopMenu li a.manufacture:hover {
	background-position: 0px 0px;
	background: url('../images/manufacture_ie_hover.png') no-repeat 0px 0px;
}

.Header, .HeaderNews, .HeaderProduction, .HeaderCompany {
	text-transform: uppercase;
	text-align: left;
	font: 20px Arial, Helvetica, Sans Serif;
	color: #FFFFFF;
	padding-bottom: 20px;
	width: 220px;
}

#Main {
	margin-left: 51px;
	min-height: 419px;
	width: 949px;
	overflow: hidden;
	padding-bottom: 41px;
}


.HeaderNews {
	margin-left: 55px;
	padding-top: 22px;
	padding-bottom: 18px;
	background: url('/images/news_light.jpg') no-repeat 10px bottom;
}

.HeaderProduction {
	margin-left: 5px;
	padding-bottom: 18px;
}

.Header .kurs {
	font: italic 20px Arial, Helvetica, Sans Serif;
}

.HeaderCompany {
	padding-bottom: 6px;
}

*html .HeaderCompany {
	padding-bottom: 0px;
}

#MainObertka {
	width: 688px;
	overflow: hidden;
	float: left;
}

#Ice {
	float: left;
	padding-left: 29px;
	width: 232px;
	overflow: hidden;
	height: 419px;
	background: url('/images/ice.png') no-repeat 29px bottom;
}

#Life {
	padding-left: 55px;
	width: 390px;
	overflow: hidden;
	text-align: justify;
	float: left;
	font: 12px Arial, Helvetica, Sans Serif;
	color: #d6b7b6;
	background: url('/images/production_light.png') no-repeat 65px 25px;
}


/*--------Стили для каьалога продуктов------------*/

#Production {
	float: left;
	padding-left: 25px;
	width: 217px;
	overflow: hidden;
	background: url('/images/production_light.png') no-repeat 30px 25px;
}

#Production ul {
	padding-left: 25px;
	background: #78030b url('/images/production_back_top.gif') no-repeat top left;
}

*html #Production ul {
	position: relative;
	top: -9px;
}

#ProductionUlStart {
	width: 216px;
	height: 14px;
	background: url('../images/production_back_head.gif') no-repeat top left;
}

#ProductionUlEnd {
	width: 216px;
	height: 14px;
	background: url('../images/production_back_bottom.gif') no-repeat top left;
}

*html #ProductionUlEnd {
	position: relative;
	top: -9px;
}

#Production li {
	list-style-type: none;
	width: 173px;
	background: url('../images/dotted.gif') repeat-x left bottom;
}

#Production a {
	text-decoration: none;
	color: #ffde02;
	font: 14px/24px Arial, Helvetica, Sans Serif;
}

#Production a:hover {
	color: #FFFFFF;
}

#Production li:first-letter {
	text-transform: uppercase;
}

/*------Конец Стилей для каталога-----------*/


#NewsBackStart {
	width: 688px;
	height: 9px;
	background: url('../images/news_back_start.gif') no-repeat top left;
}

#NewsBackEnd {
	width: 688px;
	height: 10px;
	/*margin-bottom: 30px;*/
	background: url('../images/news_back_end.gif') no-repeat top left;
}

#News {
	width: 633px;
	padding-left: 55px;
	/*padding-top: 6px;
	padding-bottom: 16px;*/
	background-color: #5f0107;
}

*html #NewsBackEnd {
	position: relative;
	top: -15px;
	margin-bottom: 5px;
}

*html #News {
	position: relative;
	top: -15px;
}

.NewsLeft {
	padding-right: 117px;
	width: 236px;
	float: left;
}

.NewsRight {
	width: 236px;
	float: left;
}

.NewsDate {
	float: left;
	height: 38px;
	width: 55px;
}

.NewsDay {
	width: 55px;
	text-align: center;
	color: #FFFFFF;
	font: 20px Arial, Helvetica, Sans Serif;
}

.NewsMonth {
	width: 55px;
	text-align: center;
	color: #FFFFFF;
	font: 12px/18px Arial, Helvetica, Sans Serif;
}

.NewsHeader {
	padding-top: 12px;
	width: 181px;
	text-align: center;
	float: left;
}


*html .NewsHeader {
	padding-top: 8px;
}

.NewsHeader a{
	text-decoration: underline;
	color: #ffde02;
	font-size: 14px;
	font-family: Arial;
}

.NewsHeader a:hover {
	text-decoration: none;
}

.NewsText {
	padding-top: 21px;
	width: 236px;
	text-align: justify;
	float: left;
	font: 11px Arial, Helvetica, Sans Serif;
	color: #d6b7b6;
}

#ProductionExamples {
	margin-left: 50px;
	background: url('../images/production_light.jpg') no-repeat 22px 25px;
}

.Product, .ProductCatalog {
	float: left;
	margin-right: 40px;
	color: #FFFFFF;
	font: 14px Arial, Helvetica, Sans Serif;
	height: 163px;  
}

.ImgBorderStart {
	position: relative;
	top: -105px;
	width: 120px;
	height: 14px;
	background: url('../images/img_border_start.gif') no-repeat left;
}

.ImgBorderEnd {
	position: relative;
	top: -13px;
	width: 120px;
	height: 14px;
	background: url('../images/img_border_end.gif') no-repeat left;
}

*html .ImgBorderStart {
	position: relative;
	top: -106px;
}

*html .ImgBorderEnd {
	position: relative;
	top: -16px;
}

.ImgBorderVertical {
	position: relative;
	top: 19px;
	float: left;
	width: 5px;
	height: 92px;
	background: url('../images/img_border_vertical.gif') repeat-y top left;
}

.Product img, .ProductCatalog img {
	float: left;
	position: relative;
	top: 10px;
	width: 110px;
	height: 110px;
}

*html .ProductName {
	position: relative;
	top: -10px;
}

.ProductName {
	width: 120px;
	text-align: center;
}

.ProductName a{
	text-decoration: underline;
	color: #ffde02;
	font: 12px Arial, Helvetica, Sans Serif;
}

.ProductName a:hover {
	text-decoration: none;
}

#Footer {
	height: 70px;
	width: 839px;
	margin: 0px auto;
	border-top: 5px solid #9e5020;
}

#FooterCopy {
	width: 282px;
	margin-left: 4px;
	margin-right: 37px;
	padding-top: 20px;
	float: left;
	font: 11px Arial, Helvetica, Sans Serif;
	color: #d6b7b6;
}

#FooterMenu {
	color: #d6b7b6;
	padding-top: 6px;
}

#FooterMenu ul {
	float: left;
	margin-right: 15px;
}

#FooterMenu li {
	padding-left: 5px;
	list-style-type: none;
	background: url('../images/arrow.gif') no-repeat left center;
}

#FooterMenu li a{
	text-decoration: underline;
	color: #d6b7b6;
	font: 11px Arial, Helvetica, Sans Serif;
}

#FooterMenu li a:hover {
	text-decoration: none;
}

#Footer2be {
	float: left;
	padding-top: 12px;
	margin-left: 109px;
	font: 11px Arial, Helvetica, Sans Serif;
	color: #d6b7b6;
}

#Footer2be a{
	text-decoration: underline;
	color: #ffde02;
	font: 11px Arial, Helvetica, Sans Serif;
}

#Footer2be a:hover {
	text-decoration: none;
}

/*----????? ??? ????????---*/

#ProductionExamplesCatalog {
	margin-left: 50px;
	float: left;
	width: 612px;
}


*html .ProductNameCatalog {
	position: relative;
	top: -15px;
}

.ProductNameCatalog {
	position: relative;
	top: -10px;
}

.ProductCatalog {
	margin-right: 23px;
	margin-bottom: 25px;
}

.ProductNameCatalog {
	width: 120px;
	text-align: center;
}

.ProductNameCatalog a{
	text-decoration: underline;
	color: #ffde02;
	font: 12px Arial, Helvetica, Sans Serif;
}

.ProductNameCatalog a:hover {
	text-decoration: none;
}

*html .ProductCatalog {
	margin-bottom: 12px;
}

#Search {
	padding-left: 187px;
}

#SearchLeft {
	position: relative;
	left: 2px;
	width: 12px;
	height: 26px;
	background: url('../images/searchleft.gif') no-repeat left;
	float: left;
}

#SearchRight {
	position: relative;
	right: 2px;
	width: 12px;
	height: 26px;
	background: url('../images/searchright.gif') no-repeat left;
	float: left;
}

#Search input#search {
	float: left;
	height: 19px;
	padding-top: 1px;
	color: #636363;
	font: italic 14px Arial, Helvetica, Sans Serif;
	border-top: 3px solid #b5482a;
	border-bottom: 3px solid #b5482a;
	margin-left: 0px;
}

#Search input {
	float: left;
	height: 20px;
	padding-top: 3px;
	color: #636363;
	margin-left: 10px;
	font: italic 14px Arial, Helvetica, Sans Serif;
}

#Search img {
	margin-top: 3px;
	float: left;
	margin-left: 10px;
}

#Search .ex {
	margin-left: 20px;
	margin-bottom: 41px;
	color: #FFFFFF;
	font: italic 11px Arial, Helvetica, Sans Serif;
}

#Search .ex .a  {
	color: #ffde02;
	font: 11px Arial, Helvetica, Sans Serif;
	background: url('../images/dotted_a.gif') repeat-x left bottom;
}


/*----????? ??? ????????-----*/

#CompanyText {
	width: 638px;
	padding-left: 50px;
	float: left;
	color: #d6b7b6;
	font: 12px Arial, Helvetica, Sans Serif;
	background: url('/images/production_light.png') no-repeat 20px 25px;
}

#CompanyText p {
	margin-bottom: 15px;
}

.Reward {
	float: left;
	padding-left: 50px;
	margin-top: 30px;
}

.Reward img {
	float: left;
	margin-right: 18px;
}

.RewardContainer {
	float: left;
	width: 216px;
}

.RewardHeader {
	margin-top: 18px;
	color: #ffde02;
	font: 18px Arial, Helvetica, Sans Serif;
}

.RewardText {
	margin-top: 7px;
	color: #d6b7b6;
	text-align: justify;
	font: 11px Arial, Helvetica, Sans Serif;
}

/*-----Стили для страницы новостей------*/

#pager {
	width: 638px;
	text-align: center;
	margin-top: 20px;
}

#pager a {
	color: #ffde02;
	font: 12px Arial, Helvetica, Sans Serif;
	text-decoration: none;
}

#pager a:hover {
	color: #ffffff;
}

#pager .pager_static {
	color: #ffffff;
	font: bold 12px Arial, Helvetica, Sans Serif;
}

#NewsPage {
	width: 638px;
	padding-left: 50px;
	float: left;
	color: #d6b7b6;
	font: 12px Arial, Helvetica, Sans Serif;
	background: url('../images/chocolate.jpg') no-repeat 60px 25px;
}

.New {
	padding-top: 5px;
	padding-bottom: 10px;
	font: 12px Arial, Helvetica, Sans Serif;
}

.New .Date {
	color: #ffde02;
	padding-bottom: 5px;
}

.New .Name {
	color: #ffffff;
	font: 14px Arial, Helvetica, Sans Serif;
	padding-bottom: 5px;
}

.New .Text {
	color: #d6b7b6;
}

/*-----Стили для страницы Производство-------*/

#ProductionText {
	width: 638px;
	padding-left: 50px;
	float: left;
	color: #d6b7b6;
	font: 12px Arial, Helvetica, Sans Serif;
	background: url('../images/chocolate.jpg') no-repeat 32px 25px;
}

/*--------Стили для страницы контактов-----*/

.ContactHeader {
	width: 138px;
	color: #ffde02;
	font: 14px Arial, Helvetica, Sans Serif;
	float: left;
	margin-bottom: 15px;
}

.Contact {
	width: 500px;
	float: left;
	color: #d6b7b6;
	font: 12px Arial, Helvetica, Sans Serif;
}

.Contact input {
	margin-bottom: 15px;
	border: 2px solid #b5482a;
}

.Contact textarea {
	margin-bottom: 15px;
	border: 2px solid #b5482a;
}

.Contact input#submit {
	padding: 3px;
	border: none;
	background-color: #b5482a;
	margin-bottom: 0px;
	color: #ffffff;
	font: 12px Arial, Helvetica, Sans Serif;
}

.Contact input#submit:hover {
	color: #5f0107;
}
