 html, body {
	width:100%; height:100%;
	margin:0px; padding:0px;
	background: Black;
}

body {
	text-align:center;
	}


#top, #container, #menu{
	width: 85%;
	min-width: 980px;
	width: expression((1155 < document.body.offsetWidth) ? '85%' : '980px');
	margin: 0px auto;
}
#top {
	height: 75px;
	background: url(../../im/logo.gif) no-repeat 31px 55%;
}
#menu {
	height:230px;
	background: #626166 url(../../im/left_kut.gif) no-repeat top left;
	text-align: right;
	padding: 0px;
}
#container {
	background: #626166; 
}
/*ÎÑÍÎÂÍÀ ÍÀÂ²ÃÀÖ²ß - ïî÷àòîê*/

#menu div {
	float: left;
}
#menu div a {
	position: relative;
}
#menu ul {
	list-style-type: none;
	margin: 13px 50px 0 0;
	font: 9pt Arial, Helvetica, sans-serif;
	text-align: right;
	z-index: 5;
	border:0px solid red
}
#menu a {
	text-decoration: none;
}
#serv_path {
	margin: 2% 0 0 7%;
	_margin: 2% 0 0 3% !important;
	width: 200px; height: 195px;
	background: url(http://www.ad-olymp.com.ua/im/serv_fone.png) no-repeat left top ;
	z-index: 1;
	_background-image:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ad-olymp.com.ua/im/serv_fone.png', enabled='true', sizingMethod='image');
	text-align: left;
}
#serv_path ul li {margin: 8px 0px 6px 0px;}
* html #serv_path ul li {margin: -5px 0px 9px 0px;}
*+html #serv_path ul li {margin: -5px 0px 9px 0px;} /*Õàê äëÿ ²Å7*/
#serv_path a {
	color: #5581FF;
}
#serv_path a:hover {
	color: #B4B4B4;
}
#main_menu { 
	width: 319px; height: 178px;
	margin: 5% 0 0 -610px;
	background: url(http://www.ad-olymp.com.ua/im/main_fone.png) no-repeat left top;
   _background-image:none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ad-olymp.com.ua/im/main_fone.png', enabled='true', sizingMethod='crop');
	z-index: 2;
}
#main_menu ul {
	margin: 17px 30px 0 0px;
	}
#main_menu ul li {margin: 0px 0 5px 0}
* html #main_menu ul li	{margin: -4px 0 5px 0}
*+html #main_menu ul li	{margin: -4px 0 5px 0}
#main_menu a {
	color: #FFC875;
}
a#act { 
	color: white;
	background: #F26100;
	padding: 2px 5px;
}
#main_menu a:hover{
	color: #FFEED4;
}
#sub_menu {
	width: 318px; height: 178px;
	margin: 2% 0 0 255px;
	background: url(http://www.ad-olymp.com.ua/im/sub_menu_fone.png) no-repeat left top;
	_background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ad-olymp.com.ua/im/sub_menu_fone.png', enabled='true', sizingMethod='image');
	z-index: 1;
	}
#sub_menu div ul {
	margin: 13px 0px 0 19px;
	padding: 0px;
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: left;
}
#sub_menu div ul li {
	margin: 0px 0px 2px 0;}
*html #sub_menu div ul li {margin: -7px 0px 5px 0;}
*+html #sub_menu div ul li {margin: -7px 0px 5px 0;}
#sub_menu div ul li a {
	color: #646464;
}
#sub_menu div ul li a#act { 
	color: White;
	background: #888888;
	padding: 0 5px;
}
#sub_menu a:hover {
	color: #F6F6F6;
}

/*ÎÑÍÎÂÍÀ ÍÀÂ²ÃÀÖ²ß - ê³íåöü*/

#content, #galary, #title_chapter, #works {
	position: relative;
	float: left;
	text-align: left;
	
}
#content, #title_chapter {
	width: 60%;
	left: 7%;
}
#galary, #works {
	width: 265px;
	right: 5%;
	float: right;
}
#content {
	margin: 0px 0 0 0;
	/*height: 200px;*/
	font: 10pt Arial, Helvetica, sans-serif;
	color: #bebebe;
}
#galary {
	background: Black url(../../im/galary_left_kut.gif) no-repeat left top;
	margin: 0px 0 0 0;
}
#galary div#top_line {
	height: 25px;
	background: url(../../im/galary_right_kut.gif) no-repeat right top;
}
#galary div#bottom_line {
	background: url(../../im/galary_left_bottom_kut.gif) no-repeat left bottom;
	text-align: right;
	padding: 0px;
	width: 265px;
}
#title_chapter, #works {
	margin: 15px 0 6px 0;
	height: 20px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: Black;
}
#title_chapter{
	
}
#works #content div hr {
color: #E9E9E9;
width: 100%

}
#image_galary {
	color:  #BDBDBD;
	padding: 0 20px;
}
#text {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #888888;
	margin: 20px 20px 0 20px
}
#bottom_space {
	height: 31px; 
	background: #626166 url(../../im/left_bott_kut.gif) no-repeat bottom left;
	clear:both;
	text-align: right;
	}
	
#right_col {
	position: relative;
	width: 265px;
	margin: 0px;
	/*border: 1px dotted #000;*/
	right: 5%;
	float: right;
	font: 9pt Arial, Helvetica, sans-serif;
	text-align: left;
	color: #bebebe
}

#right_col ul {
	list-style: outside square ;
	margin:10px;
	padding: 0px
	
}
#right_col ul li {
	margin: 5px 0px 4px 17px;
}
#menu_souvenir {
	position: relative;
	width: 88%;
	top: 12px;
	left: 7%;
	right: 5%;
	float: left;
	text-align: left;
}
#menu_souvenir div {
	padding: 0px;
	margin: 0 0 25px 0;
	width: 25%;
	float: left;
}
*html #menu_souvenir div#last {width: 24%;}
*+html #menu_souvenir div#last {width: 24%;}

#menu_souvenir #borders {
	float: none;
	clear: both;
	font-size: 0px;
	width: 100%;
	margin: 0px;
}
#menu_souvenir div ul {
	margin: 0px; 
	padding: 0px;
	font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style: none
}
#menu_souvenir div ul li {
	position: relative;
	margin: 0 0 0px 2px;
	padding: 0px 0 0px 0px;
	font-size: 10pt;
	font-weight: normal;
	/*border-right: 1px solid blue;*/
}
#menu_souvenir div ul li a {
	padding: 0px 0 4px 20px;
	color: #bebdc3;
	border-left: 1px solid #ff7f00;
}
#menu_souvenir div ul li a:hover {
	border-left: 1px solid #fff;
	
}
#activeMenu {
	text-decoration: none;
	font-weight: bold;
	color: #ff7f00
}
#content table {
	width: 100%;
	height: 130px;
	margin: 35px 0px 0px 0px;
	background-color: White;
}
#content strong {
	color: #E1E1E1;
}
#content a {
	color: #e7e7e7;
	text-decoration: none;
	border-bottom: 1px dotted #cecece
}
#content a:hover {
	border-bottom: 1px solid #cecece
}
#content table td{
	text-align: center;
	border: 0px solid red;
	width: 23%;
}
#content table td#firstCol, td#lastCol{
	width: 4%
}
#content table td#firstCol {
	background:  url(../im/left_side_fone.gif) no-repeat left top;
}
#content table td#lastCol {
	background: url(../im/right_side_fone.gif) no-repeat right top;
}
#content table td a{
	display: block;
	border: 0px;
	width: 100%;
	height: 130px;
}
#content table td a img {
	margin-top: 15px;
	border: 0px
}
#content table td a:hover{
   background-color: #F2F2F2;
	border: 0px;
}
#content p {
	width: 80%;
	padding: 5px 15px 7px 15px;
	border: 1px solid #F2F2F2;
	color: #FFA331
}
