body, html {
	margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
	background-color:#FFFFFF;
	vertical-align: text-bottom;
}
#container{
	margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
	text-align:left;
	min-width:500px;  /*задаем минимальную ширину макета в современных браузерах */

width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 550
?
"550px"
:
"auto"
)
:
(
document.body.clientWidth < 550
?
"550px"
:
"auto"
)
);
	text-indent: 0cm;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-attachment: fixed;
	background-repeat: no-repeat;
	vertical-align: top;
}


/*Здесь пишем стили для шапки сайта */
#header{
	height:170px;
	background-color: #000000;
	/*background-image: url(images/city4.jpg);*/
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment: scroll;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color: #FFFFFF;


}
#header h1 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
}
/*Здесь пишем стили для левой колонки сайта */
#left{
	width:250px;
	float: left;
	color:#000000;
	margin-left:30px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
}

#tabl{
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
margin:0px;
margin-left:0px; 
margin-right:0px; 
color:#000000;
text-indent:0px;
}

/*Здесь пишем стили для правой колонки сайта */
#right{
width:200px; /*ширина правой колонки */
background-color: #FFFFFF;
float:right; /*обазятельное выравнивание колонки по правому краю с включением обтекания */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
margin:20px;
margin-right:30px;
padding-right:15px;
padding-top:15px;
}
/*Здесь пишем стили для блока контента */
#content{
	background-color:#FFFFFF;
	background-position: bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin:60px;
	margin-left:310px;
	margin-right:270px;
	color:#000000;
	text-indent:20px;
}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
/*Здесь пишем стили для подвала сайта */
#footer{
	height:120px;
	background-color:#FFFFFF;
	background-image: url(images/2.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	vertical-align: bottom;
	padding:0px;
}
#footer p{
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /*  задаем поля */
}
#h8{
color: #666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
	
	
.menu{
	padding:0;
	height:30px;
	width:100%;
	float:left;
	display:block;
	background:url(images/topMenuImages.png) repeat-x;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:0px;
}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:25px; display:block; color:rgb(237,255,250); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url(images/topMenuImages.png) 0px -30px no-repeat; outline:none;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url(images/topMenuImages.png) 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url(images/topMenuImages.png) 0px -60px no-repeat; color: #FFFFFF /*#AED9FF;*/}
.menu li a.active span, .menu li a.active:hover span{background:url(images/topMenuImages.png) 100% -60px no-repeat;}


.buttonscontainer {
width: 250px;
}

.buttons a {
color: #000000;
background-color: #FFFFFF;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:0px;
padding: 5px;
padding-left: 15px;
display: block;
font: 12px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons2 a {
color: #999999;
background-color: #FFFFFF;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:0px;
padding: 5px;
padding-left: 30px;
display: block;
font: 12px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover 
{
background-color: #CCCCCC;
color: #000099;
text-decoration: none;}

.buttons a.active{
background-color: #DFDFDF;
color: #000099;
text-decoration: none;}

/*увеличение картинки*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 40;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCCC;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -250px; /*положение увеличенного изображения по горизонтали */
top: 200px;

}
/*конец увеличению картинки*/

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 40;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color:;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*положение увеличенного изображения по горизонтали */
top: 0px;
}

a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover { 
color: #000000; 
text-decoration:none;
}
a:active {
color: #000000; 
text-decoration:none;
}
.box1 {
width:170px;
height:150px;
border:0px solid red;
background-color:;
position:absolute;
top:0px;
left:0px;
}
.box2 {
	width:500px;
	height:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	text-align:right;
	color: #FFFFFF;
	position:absolute;
	top:23px;
	left:126px;
}
.box3 {
	width:450px;
	height:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:58px;
	font-style:italic;
	text-align:right;
	color: #FFFFFF;
	position:absolute;
	top:26px;
	left:627px;
}
.box7 {
	width:100%;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	text-align:right;
	color: #E0F5FE;
	position:absolute;
	top:150px;
    left:0px;
}
.box8 {
	width:100%;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	text-align:right;
	color: #E0F5FE;
	position:absolute;
	top:120px;
    left:0px;
}
.box4 {
width:190px;
height:220px;
border:0px solid red;
float:right;
top:170px;
right:0px;
text-align:right;
}
.box5 {
width:190px;
height:220px;
border:0px solid red;
float:right;
top:430px;
right:0px;
}
.box6 {
width:190px;
height:150px;
border:0px solid red;
float:right;
top:580px;
right:0px;
}
/*увеличение картинки*/
.sro1 {
	position: absolute;
	right:50px;
	z-index: 1;
}
.lab1{
	position: absolute;
	right:100px;
	top:inherit;
	z-index: 0;
}
.sro1:hover{
background-color: transparent;
z-index: 40;
}

.sro1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCCC;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
right:0px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.sro1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.sro1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
width:500px;
top: 0;
left:-580px; /*положение увеличенного изображения по горизонтали */
top: 0px;
}


.lab1:hover{
background-color: transparent;
z-index: 40;
}

.lab1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCCC;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
right:0px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.lab1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.lab1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
width:500px;
top: 0;
left:-600px; /*положение увеличенного изображения по горизонтали */
top: 0px;
}
/*конец увеличению картинки*/