img { border:0px; }
a { outline: none; /* Убираем границу вокруг ссылок  */ }
table, html { height:100%; }
table { table-layout: fixed; /* Ячейки фиксированной ширины */  }	
table tr, td { height:12%  }   
body {
	margin:0; padding:0; height:100%;
	font: Geneva, Arial, Helvetica, sans-serif; 	
	background: url(images/fon.jpg) center center fixed no-repeat;
   -moz-background-size: 100% 100%; /* Firefox до 4.0 */
   -webkit-background-size: 100% 100%; /* Safari и Chrome */
   -o-background-size: 100% 100%; /* Opera до версии 10.53 */
  background-size: 100% 100%; /* CSS3 */
;  }

.image {
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
}

#red { height:12%; width:13%; position:fixed; left:12%; background:url(images/istoriya.png) no-repeat center; background-size: contain;  }

#red_text { height:12%; width:25%; position:fixed; left:25%; background:url(images/istoriya_text.png) no-repeat center; background-size: 80% auto;  }

#orange { height:12%; width:13%; position:fixed; left:25%; top:12%; background:url(images/konkurs.png) no-repeat center; background-size: contain;  }

#orange_text { height:12%; width:25%; position:fixed; left:38%; top:12%; background:url(images/konkurs_text.png) no-repeat center; background-size: 80% auto;  }

#yellow { height:12%; width:13%; position:fixed; left:50%; top:24%; background:url(images/plotchadka.png) no-repeat center; background-size: contain;  }

#yellow_text { height:12%; width:25%; position:fixed; left:63%; top:24%; background:url(images/plotchadka_text.png) no-repeat center; background-size: 80% auto;  }

#head { height:13%; width: 100%; position:fixed; top:37%; background:url(images/head.png) no-repeat center; background-size: contain;  }

#green { height:12%; width:13%; position:fixed; left:37%; top:50%; background:url(images/kinokniga.png) no-repeat center; background-size: contain;  }

#green_text { height:12%; width:37%; position:fixed; left:50%; top:50%; background:url(images/kinokniga_text.png) no-repeat center; background-size: 80% auto;  }

#blue { height:12%; width:13%; position:fixed; left:12%; top:62%; background:url(images/personalii.png) no-repeat center; background-size: contain;  }

#blue_text { height:12%; width:25%; position:fixed; left:25%; top:62%; background:url(images/personalii_text.png) no-repeat center; background-size: 80% auto;  }

#dark_blue { height:12%; width:13%; position:fixed; left:50%; top:75%; background:url(images/dokfilm.png) no-repeat center; background-size: contain;  }

#dark_blue_text { height:12%; width:25%; position:fixed; left:62%; top:75%; background:url(images/dokfilm_text.png) no-repeat center; background-size: 80% auto;  }

#purple { height:12%; width:13%; position:fixed; left:25%; top:87%; background:url(images/lyubfilm.png) no-repeat center; background-size: contain;  }

#purple_text { height:12%; width:25%; position:fixed; left:37%; top:87%; background:url(images/lyubfilm_text.png) no-repeat center; background-size: 80% auto;  }

#home { width: auto; border:0px; color: #bfbfbf; padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:70%; 
	position:fixed; bottom:0px; margin:0px; right:0px;
	text-align: left; padding: 10px; letter-spacing: 2px; }
	
#home a { letter-spacing: 2px; background: none;
	color:#bfbfbf; text-transform: none; font-weight:bold;
	text-decoration: none; text-transform:uppercase
	}

#home a:hover { letter-spacing: 2px; text-decoration: underline blink; color: #000000; background: none; font-weight:bold; text-transform: none; text-transform:uppercase
}