html {height:100%;}

body {background: url(img/main_bg.jpg) repeat-x; height:100%;}

.preload {
	display:none;
}

#page {
	width:952px; 
	height:100%;
	min-height:750px;
	margin:0 auto;
	background: url(img/bg_02.jpg) 0 0 no-repeat; 
	font-family:Tahoma, Arial, sans-serif; 
	font-weight:bold; 
	font-size:14px;
	}

.logo { 
		text-align:right;
		width:100%;
		vertical-align:top;
		height:300px;
		
}

.logo img{ 
		margin:120px 20px 0 0;
		}

/*
.images{ 
		height:100%;}
*/

.images {	text-align:center;
			vertical-align:top;
			width:100%;
			}

.images ul {
	width:490px; /* 690px */
	margin:0 auto;
}

 .images li {
 	width:32%;/*24 - установить если будет 4 элемента*/
	float:left;
 }
 .images li div {
	background:url(img/item_bg.png) no-repeat;
	width:152px;
	height:174px;
	margin:0 auto;
	display:block;
	float:left;
	}

 .images li.itm2 div {
 	margin-top:25px;
 }
 .images li.itm3 div {
 	margin-top:45px;
 } 	

 .images li.itm4 div {
 	margin-top:65px;
 }


 
.itm1, .itm2, .itm3, .itm4
{
	text-indent:-10000em;
	width:152px;
	height:200px;
	display:block;
	
}

a.itm1 {
	background:url(img/itm1.gif) no-repeat;
}
a:hover.itm1 {
	background:url(img/itm1.gif) no-repeat  3px 3px;
}

a.itm2 {
	background:url(img/itm2.gif) no-repeat;
}

a:hover.itm2 {
	background:url(img/itm2.gif) no-repeat 3px 3px;
}

a.itm3 {
	background:url(img/itm3.gif) no-repeat;
}

a:hover.itm3 {
	background:url(img/itm3.gif) no-repeat 3px 3px;
}

a.itm4 {
	
	background:url(img/itm4.jpg) no-repeat 3px 3px;
}

a:hover.itm4 {
	background:url(img/itm4_h.jpg) no-repeat 3px 3px;
}

a {color:#27146d; text-decoration:none; text-transform:uppercase;}
a:hover { text-decoration:underline;}



#menu {
	text-align:center;
	height: 50px;
	width:100%;
	}
#menu a { padding:0 10px; font-size:14px;}

#footer {
	height:60px;
	width:100%;
	text-align:center;
}