body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#head {
	background: #2a57e1 url(top1.jpg) no-repeat;
	padding: 5px;
}
#menu { 
 float: left; 
 border: 0px solid #333;
 width: 145px; 
 padding: 5px; 
 margin: 10px 10px 20px 5px;
 clear: left;
 }
 #content { 
 background:  #FAFFFF url(corner.gif) no-repeat;
 text-indent: 20px;
 margin: 10px 5px 20px 180px;
 padding: 30px 5px 5px 5px; 
 border: 1px solid #333; 
}
#foot { 
 background: #0D1D4E;
 padding: 5px; 
 color: Yellow; 
 clear: both;
}
#ofpro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 60px;
	color: #4A567C;
	margin: 10px 5px 20px 5px;
	padding: 5;
	text-align: left;
	tefont-style: oblique;
	float: left;
	position: relative;
}
#ofpro span{
	position: absolute;
		top: -3px;
		left: -2px;
		padding-right: 2px;
		color: Yellow;
}
#contacts {
	font-family: Arial, Helvetica, sans-serif;
        font-weight: bolder;
	margin: 10px 5px 0px 225px;
	padding: 0;
	text-align: right;
	font-style: oblique;
	width: 200px;
	clear: right;
        color: Yellow;
}
A.rollovera {
 background: url('http://ofpro.com.ua/about1.jpg'); 
 display: block; 
 width: 142px; 
 height: 43px; 
}
A.rollovera:hover {
 background-position:
  0
  -40px;
}
A.rolloverc {
 background: url('http://ofpro.com.ua/contacts1.jpg'); 
 display: block; 
 width: 142px; 
 height: 43px; 
}
A.rolloverc:hover {
 background-position:
  0
  -40px;
}
A.rolloveri {
 background: url('http://ofpro.com.ua/index1.jpg'); 
 display: block; 
 width: 142px; 
 height: 43px; 
}
A.rolloveri:hover {
 background-position:
  0
  -40px;
}
A.rolloverp {
 background: url('http://ofpro.com.ua/prices1.jpg'); 
 display: block; 
 width: 142px; 
 height: 43px; 
}
A.rolloverp:hover {
 background-position:
  0
  -40px;
}
A.rollovers {
 background: url('http://ofpro.com.ua/services1.jpg'); 
 display: block; 
 width: 142px; 
 height: 43px; 
}
A.rollovers:hover {
 background-position:
  0
  -40px;
}
.notetitle {
  border: 1px solid black; /* Параметры рамки */
  border-bottom: none; /* Убираем границу снизу */
  padding: 3px; /* Поля вокруг текста */
  display: inline; /* Устанавливаем как встроенный элемент */
  background: yellow; /* Цвет фона */
  font-weight: bold; /* Жирное начертание */
  font-size: 130%; /* Размер шрифта */
  margin: 0; /* Убираем отступы */
  white-space: nowrap; /* Запрещены переносы текста */
}

.note {
  border: solid 1px #634f36; /* Параметры рамки */
  background: white; /* Цвет фона */
  padding: 7px; /* Поля вокруг текста */
  margin: 0 0 1em 0; /* Значение отступов */
}
h2 { 
 font-variant: small-caps; 
 font-size: 200%; 
}