/* [BEGIN] main structure */
	/* struct document */	
		.page {	position: relative; min-height: 100%; width: 100%;}

			.page-bg {
				position: absolute; top: 0; left:0; width: 100%; min-width: 999px; height: 100%;
				text-align: center; overflow: hidden;}

				.page-bg-in { height: 100%;}

			.page-in, .page-bg-in { position: relative; min-width: 999px; text-align: center;}	
			
			.page-bg-in {
				background: url(../images/page-bg-top.gif) top left repeat-x;}

			.page-in-middle {
				position: absolute; width: 100%; height: 316px; top: 210px;
				background: url(../images/page-bg-middle.gif) top left repeat-x;}

			.page-in-bottom {
				position: absolute; width: 100%; top: 526px; height: 100%;
				background: url(../images/page-bg-bottom.gif) top left repeat;}
		
		.page-footer {
			position: relative; min-width: 999px; height: 100px; 
			margin-top: -100px; text-align: left;
			background: url(../images/footer-bg.gif) top left repeat-x;}

	/* Header */
		.header {
			position: relative; height: 205px; width: 999px; margin: 0 auto;
			background: url(../images/head-bg-c.gif) top left repeat-x;}

			.header-del-l {
				position: absolute; top: 0; left: 285px; width: 5px; height: 205px;
				background: url(../images/head-delim.gif) top left no-repeat;}

			.header-del-r {
				position: absolute; top: 0; right: 285px; height: 205px; width: 5px;
				background: url(../images/head-delim.gif) top left no-repeat;}

			.header-left {
				position: absolute; top: 0; left: 22px; height: 205px; width: 263px;
				background: url(../images/head-bg-l.gif) top left repeat-x;}
				
				.logo {
					position: relative; margin-top: 26px; margin-left: -10px;}

			.header-right {
				position: absolute; top: 0; right: 22px; height: 205px; width: 263px;
				background: url(../images/head-bg-r.gif) top left repeat-x;}

				.adress {
					position: relative; margin-top: 26px;}

			.header-col-l {
				position: absolute; top: 0; left: 0; height: 209px; width: 22px;
				background: url(../images/head-col-l.gif) top left no-repeat;}

			.header-col-r {
				position: absolute; top: 0; right: 0; height: 209px; width: 22px;
				background: url(../images/head-col-r.gif) top left no-repeat;}
	
	/* Page */
		.main {
			position: relative; padding: 16px 16px 125px 16px;
			text-align: left;}

			.left	{ position: relative; float: left; width: 232px;} 				

			.center { position: relative; margin-left: 232px;}
				.center-inner {
					position: relative; float: left; margin-left: 12px; padding: 0 28px;
					background: white url(../images/center-left.gif) left top repeat-y;
					min-width: 90%;}
/* [END] main structure */

/*ÌÎÄÓËÜ: ìåíþ*/

	.menu {
		margin: 39px 0 25px; padding: 0 5px 0 6px;
		background: url(../images/menu-middle.gif) top left repeat-y;}

		.menu-top {
			position: absolute; width: 232px; height: 39px; top: 0; left: 0;
			background: url(../images/menu-top.gif) top left no-repeat;}

			.menu-head {
				height: 25px; margin: 10px 0; padding: 0 0 0 45px;
				font-family: Tahoma; font-size: 1.6em; font-weight: normal;
				text-transform: uppercase;
				background: url(../images/shest-gr.gif) 14px top no-repeat;}

		.menu-bottom {
			position: absolute; width: 232px; height: 25px; bottom: 0; left: 0;
			background: url(../images/menu-bottom.gif) top left no-repeat;}
				
		.menu-link, .menu-link:visited {
			position: relative; display: block; height: 100%; padding: 10px 30px;
			text-transform: uppercase; text-decoration: none;
			color: #324359; font-size: 1.2em; font-weight: bold;
			background: url(../images/menu-bul.gif) 14px center no-repeat;}

		.menu-link:hover {
			color: white;
			background: #30749b url(../images/menu-bul-hov.gif) 14px center no-repeat;}

/* [BEGIN] footer */
	.develop { position: absolute; top: 30px; right: 20px; text-align: center;}

		.develop a, .develop a:hover { text-decoration: none; color: white;}

	.counters { position: absolute; top: 30px; right: 366px;}
		.counter { position: relative; float: right; padding-right: 5px;}

	.shestern {
		position: absolute; top: 27px; left: 20px; height: 60px; width: 60px;
		background: url(../images/shesternja.png) left top no-repeat;}

	.contacts {
		position: absolute; top: 27px; left: 20px; height: 60px;
		padding: 5px 46px; color: white;}

	.contacts a, .contacts a:visited { color: white;}

/* [END] footer */

/* ÌÎÄÓËÜ: Ôîòîãàëåðåÿ */

	.gallery-album {
		width: 140px; height: 160px;position: relative; float: left;
		margin: 10px; text-align: center;}

		.gallery-album img {
			display: block; margin: auto;}
			
		.gallery-album span {
			color: #30749b; font-size: .8em;
			text-transform: lowercase;}

	
	.image-item {
		width: 130px; height: 140px; position: relative; float: left;
		margin: 10px; text-align: center;}

		.image-item img {
			display: block; margin: auto;}
			
		.image-item span {
			display: block; margin-top: 3px;
			text-align: center; font: .8em Verdana; color: #30749b;}

/* Pages */
	.pages {
		padding: 14px 0;}
		
	/* pages */
	.pages a, .pages b, .pages a:visited, .pages span  {
		float: left; margin-right: 5px; padding: 4px 10px;
		background: #30749b; text-align: center; color: white; font-weight: bold;
		text-decoration: none;}
		
	.pages a:hover {
		background: #324359; color: white;}
		
	.pages b {
		background: #b8bdc6; color: #555;}
		
	.pages span {
		background: #b8bdc6; color: #555;}
		
	.types {
		padding-bottom: 10px;}
