#navigation-div{
	padding: 126px 0 10px 116px;
	position: relative;
} 
* html #navigation-div{
	zoom: 1;
}


#navigation-div .item-name{ background: #000;}
#navigation-div .arrow{
	width: 22px;
	height: 22px;
	cursor: pointer;
	cursor: hand;
	float: left;
	margin-right: 10px;
	position: relative;
	z-index: 4;
}
#navigation-div .arrow IMG{
	position: absolute;
	margin: 0;
	z-index: 5;
	zoom:1;
}
#navigation-div .ie-png{
	display: none;
}
* html #navigation-div .ie-png{
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
/****************
	Стили для вываливалки под навигацией
****************/
#navigation-div .appear{
	width: 150px;
	height: 150px;
	display: none;
	position: absolute;
	z-index: 3;
}
#navigation-div .active .appear{
	display: block;
	z-index: 2;
}
#navigation-div .appear .a-top,
#navigation-div .appear .a-bottom{
	height: 14px;
	position: relative;
}
#navigation-div .appear .corner{
	height: 14px;
	width: 14px;
	position: absolute;
	top: 0;
}
#navigation-div .appear .a-bottom .corner{
	right: 0;
}
#navigation-div .appear .a-top .corner{
	left: 0;
}
#navigation-div .appear .center{
	position: relative;
	height: 122px;
}
#navigation-div .appear .center .item-name{
	position: absolute;
	color: #FFF;
	text-transform:uppercase;
	font: bold 13px Arial;
}
/** Коричневая кнопочка ****/
#navigation-div	.col-brown{
	background: transparent url(../i/nav-left.png);
}
* html #navigation-div	.col-brown{
	background: none;
}

#navigation-div	.col-brown IMG{
	top: 12px;
	left:12px;
}
	/** Попап **/
#navigation-div .col-brown .appear{
	left: -128px;
	top: -128px;
}
#navigation-div .col-brown .appear .a-top{
	background: url(../i/about-top.jpg) 14px top no-repeat;
}
#navigation-div .col-brown .appear .a-bottom{
	background: url(../i/about-bottom.jpg) left top no-repeat;
}
#navigation-div .col-brown .appear .center{
	background: url(../i/about-center.jpg) left top no-repeat;
}
#navigation-div .col-brown .appear .a-top .corner{
	background: url(../i/about-left.png) no-repeat;	
}

#navigation-div .col-brown .appear .a-bottom .corner{
	background: url(../i/about-right.gif) no-repeat;
}
#navigation-div .col-brown .appear .center .item-name{
	bottom: 0px;
	right: 21px;
}
/******************************/

/*** Пурпурная кнопочка ***/
#navigation-div	.col-purple{
	background-color: #e25f14;
}
#navigation-div	.col-purple IMG{
	top: 9px;
	left:7px;
}
/*** Попап ***/
#navigation-div .col-purple .appear{
	left: -64px;
	top: -128px;
}
#navigation-div .col-purple .appear .a-top{
	background: url(../i/appear-top.jpg) 14px top no-repeat;
}
#navigation-div .col-purple .appear .a-bottom{
	background: url(../i/appear-bottom.jpg) left top no-repeat;
}
#navigation-div .col-purple .appear .center{
	background: url(../i/appear-center.jpg) left top no-repeat;
}
#navigation-div .col-purple .appear .a-top .corner{
	background: url(../i/appear-left.png) no-repeat;	
}

#navigation-div .col-purple .appear .a-bottom .corner{
	background: url(../i/appear-right.png) no-repeat;
}

#navigation-div .col-purple .appear .center .item-name{
	bottom: 13px;
	width: 100%;
	text-align: center;
}
/******************************/

/*** Желтая кнопочка ****/
#navigation-div	.col-yellow{
	background-color: #f4ae2f;
}
#navigation-div	.col-yellow IMG{
	top: 12px;
	left:4px;
}
/** Попап **/
#navigation-div .col-yellow .appear{
	left: 0;
	top: -128px;
}
#navigation-div .col-yellow .appear .a-top{
	background: url(../i/trans-top.jpg) 14px top no-repeat;
}
#navigation-div .col-yellow .appear .a-bottom{
	background: url(../i/trans-bottom.jpg) left top no-repeat;
}
#navigation-div .col-yellow .appear .center{
	background: url(../i/trans-center.jpg) left top no-repeat;
}
#navigation-div .col-yellow .appear .a-top .corner{
	background: url(../i/trans-left.png) no-repeat;	
}

#navigation-div .col-yellow .appear .a-bottom .corner{
	background: url(../i/trans-right.png) no-repeat;
}

#navigation-div .col-yellow .appear .center .item-name{
	bottom: 0px;
	padding-left: 21px;
}
/******************************/

/** Оранжевая кнопочка **/
#navigation-div	.col-orange{
	background-color: #a16f12;
}
#navigation-div	.col-orange IMG{
	top: 7px;
	left:9px;
}
/** Попап **/
#navigation-div .col-orange .appear{
	left: -128px;
	top: -64px;
}
#navigation-div .col-orange .appear .a-top{
	background: url(../i/transport-top.jpg) 14px top no-repeat;
}
#navigation-div .col-orange .appear .a-bottom{
	background: url(../i/transport-bottom.jpg) left top no-repeat;
}
#navigation-div .col-orange .appear .center{
	background: url(../i/transport-center.jpg) left top no-repeat;
}
#navigation-div .col-orange .appear .a-top .corner{
	background: url(../i/transport-left.png) no-repeat;	
}

#navigation-div .col-orange .appear .a-bottom .corner{
	background: url(../i/transport-right.png) no-repeat;
}

#navigation-div .col-orange .appear .center .item-name{
	top: 53px;
	right: 21px;
}
/******************************/

/** Зеленая кнопочка **/
#navigation-div	.col-green{
	background-color: #e6a022;
}
#navigation-div	.col-green IMG{
	top: 9px;
	left: 7px;
}

/** Попап **/
#navigation-div .col-green .appear{
	left: -64px;
	top: 0;
}
#navigation-div .col-green .appear .a-top{
	background: url(../i/pol-top.jpg) 14px top no-repeat;
}
#navigation-div .col-green .appear .a-bottom{
	background: url(../i/pol-bottom.jpg) left top no-repeat;
}
#navigation-div .col-green .appear .center{
	background: url(../i/pol-center.jpg) left top no-repeat;
}
#navigation-div .col-green .appear .a-top .corner{
	background: url(../i/pol-left.png) no-repeat;	
}

#navigation-div .col-green .appear .a-bottom .corner{
	background: url(../i/pol-right.png) no-repeat;
}

#navigation-div .col-green .appear .center .item-name{
	width: 100%;
	text-align: center;
	top: 13px;
}
/******************************/

/** Красная кнопочка **/
#navigation-div	.col-reddish{
	background-color: #be8316;
}
#navigation-div	.col-reddish IMG{
	top: 4px;
	left:12px;
}
/** Попап **/
#navigation-div .col-reddish .appear{
	left: -128px;
	top: 0;
}
#navigation-div .col-reddish .appear .a-top{
	background: url(../i/why-top.jpg) 14px top no-repeat;
}
#navigation-div .col-reddish .appear .a-bottom{
	background: url(../i/why-bottom.jpg) left top no-repeat;
}
#navigation-div .col-reddish .appear .center{
	background: url(../i/why-center.jpg) left top no-repeat;
}
#navigation-div .col-reddish .appear .a-top .corner{
	background: url(../i/why-left.png) no-repeat;	
}

#navigation-div .col-reddish .appear .a-bottom .corner{
	background: url(../i/why-right.png) no-repeat;
}
#navigation-div .col-reddish .appear .center .item-name{
	right: 21px;
}
/******************************/

/** Светло-синяя кнопочка **/
#navigation-div	.col-lightblue{
	background-color: #f8cf71;
}
#navigation-div	.col-lightblue IMG{
	top: 7px;
	left: 9px;
}
#navigation-div .col-lightblue .appear{
	left: 0;
	top: -64px;
}
#navigation-div .col-lightblue .appear .a-top{
	background: url(../i/kadr-top.jpg) 14px top no-repeat;
}
#navigation-div .col-lightblue .appear .a-bottom{
	background: url(../i/kadr-bottom.jpg) left top no-repeat;
}
#navigation-div .col-lightblue .appear .center{
	background: url(../i/kadr-center.jpg) left top no-repeat;
}
#navigation-div .col-lightblue .appear .a-top .corner{
	background: url(../i/kadr-left.png) no-repeat;	
}

#navigation-div .col-lightblue .appear .a-bottom .corner{
	background: url(../i/kadr-right.png) no-repeat;
}

#navigation-div .col-lightblue .appear .center .item-name{
	top: 53px;
	padding-left: 21px;
}

/** Синяя кнопка **/
#navigation-div	.col-blue{
	background: transparent url(../i/nav-right.png);
}
* html #navigation-div	.col-blue{
	background: none;
}

#navigation-div	.col-blue IMG{
	top: 4px;
	left:4px;
}
#navigation-div .col-blue .appear{
	left: 0;
	top: 0;
}
#navigation-div .col-blue .appear .a-top{
	background: url(../i/cont-top.jpg) 14px top no-repeat;
}
#navigation-div .col-blue .appear .a-bottom{
	background: url(../i/cont-bottom.jpg) left top no-repeat;
}
#navigation-div .col-blue .appear .center{
	background: url(../i/cont-center.jpg) left top no-repeat;
}
#navigation-div .col-blue .appear .a-top .corner{
	background: url(../i/cont-left.gif) no-repeat;	
}
#navigation-div .col-blue .appear .a-bottom .corner{
	background: url(../i/cont-right.png) no-repeat;
}

#navigation-div .col-blue .appear .center .item-name{
	padding-left: 21px;
}

#navigation-div .arrow-nobgr{
	background: transparent !important;
	filter: none;
	z-index: 4;
}
#navigation-div .arrow-nobgr DIV{
	display: block;
}
#navigation-div .line{
	padding-bottom: 10px;
	height: 22px;
}