body {
min-width: 550px;
margin: 0;
padding: 0;
background: #FFF url(images/body_bg2.png) repeat-y left top !important;
background: #FFF url(images/body_bgIE2.png) repeat-y left top ;
}
#container {
padding:0;
}

#container .column {
position: relative;
float: left;
}

#center {
padding: 0px;
margin: 0px;
width: 100%;
}
#container {
overflow: hidden;
}
#container .column {
padding-bottom: 20px;
}
#center {
background: url(images/top_bg.jpg) repeat-x left top;
}
#container .column {
padding-top: 0px;
text-align: justify;
}

a
{
color: #999;
}
a:visited
{
color: #999;
}
a:hover{
	font-weight: bold;
	text-decoration: underline;

}

.img-r{
float: right;
}
.img-l{
float: left;
}
.quart {
font-weight: bold;
}
.design {
	position:relative;
	float:left;
	background:none;
	color: #fff;
	text-decoration: none;
	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
	width:200px;
	margin:0 20px;
padding:5px 0 ;
}
.design img{
border:0;
}

.top{
position:relative;
float: left;
height: 475px;
width: 100%;
z-index: 0;
padding:0;
}
.top img{
border:0;
}
.logo{
background: url(images/quart_bg.png) no-repeat left top !important;
background: url(images/quart_bgIE.png) no-repeat left top;
position: absolute;
top:20px;
left:20%;
width: 80%;
height: 201px;
z-index: 0;
}
.quartru{
position: absolute;
top:30px;
left:30%;
width: 70%;
height: 60px;
z-index: 2;
font: italic 73px "Times New Roman", Times, serif;
color: #CC6633;
letter-spacing: 10px;
}
.c_foto{
background: url(images/quart.png) no-repeat center top!important;
background: url(images/quartIE.png) no-repeat left top;
position: absolute;
top:110px;
left:19% !important;
left:30%;
width: 60%;
height: 365px;
z-index: 3;
padding: 0 3% !important;
padding: 0 3%;
min-width: 495px;
z-index:2;
}
.c_foto2{
background:transparent !important;
background: url(images/quart1.png) no-repeat left top;
position: absolute;
top:110px;
left:19% !important;
left:30%;
width: 60%;
height: 365px;
z-index: 3;
padding: 0 3% !important;
padding: 0 3%;
min-width: 495px;
z-index:1;
}
ul{
	padding:210px 0 0 0;
	height: 476px;
	width: 281px;
	position: absolute;
	left:0;
	top:0;
	background: url(images/menu.png) no-repeat left top!important;
	background: url(images/menuIE.png) no-repeat left top;
	z-index: 1;
	margin:0;
}
li {

float: left;
clear: both;
letter-spacing: 2px;
padding: 0 0 6px 47px;
background: url(images/bullet.gif) no-repeat 25px 0px;
font: 11px Arial, Verdana, Helvetica, sans-serif;
color: #DCDCDC;
}
li a{
color: #fff;
text-decoration: none;
font-size: 12px;
}
li a:visited{
color: #fff;
text-decoration: none;
font-size: 12px;
}
li a:hover{
	font-weight: bold;
	text-decoration: underline;
}
.shop {
clear: both;
padding-left: 47px;
letter-spacing: 2px;
padding-top: 8px;
background: url(images/bullet.gif) no-repeat 25px 8px;
font: 11px Arial, Verdana, Helvetica, sans-serif;
color: #DCDCDC;
}
.icons {
height: 24px;
width: 280px;
padding-top: 6px;
position: absolute;
left:0;
top:420px;
z-index:2;
}
.icons img{
border:0;
position: relative;
float: left;
padding-left: 10px;

}
.trad {
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
letter-spacing: 10px;
text-align: right;
position: absolute;
top: 100px;
left: 48%;
z-index:2;
}
.trad p{
font: 12px Arial, Verdana, Helvetica, sans-serif;
color: #FFFFFF;
letter-spacing: 1px;
padding: 0px;
margin: 0px 10px 0px 0px;
text-align: right;
}
.content {
position: relative;
float: left;
clear: both;
width: 84% !important;
width:96%;
z-index: 3;
margin: 0 7%!important;
margin: 0;
padding: 0 !important;
padding: 0 7%;
}

.shadow {
width: 100%;
float:left;
float:left;
background: url(images/shadow.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 1px 0 0 10px !important;
margin: 0 0 6px 6px;
}

.shad2 {
background: none !important;
background: url(images/shadow2.gif) no-repeat left top;
padding: 0 !important;
padding: 0 6px 6px 0;
}

#text {
font: 0.9em Arial, Verdana, Helvetica, sans-serif;
color: #999999;
text-align: justify;
letter-spacing: 0.05em;
border: 1px solid #a9a9a9; 
padding: 20px 30px;
margin: -6px 4px 5px -6px !important;
margin: 0 0 6px 0;
background: #fff;
position:relative;
float:left;

}

#text img{
border:0;

}
#text p{
text-indent:20px;
padding: 2px 0!important;
padding: 10px 0;
/*position:relative;*/
float:left;
width:100%;
}
.noindent{
text-indent: 0;
clear:both;
padding: 0 0 10px 0;
}
.news{
padding: 10px 5px!important;
padding: 10px 20px;
position:relative;
float:left;
width:100%;
}

.pagename {
	text-align: right;
	width: 100%;
	height: 20px;
	float: left;
	position: relative;
	font: 24px Arial, Verdana, Helvetica, sans-serif;
	color: #CC6633;
	padding: 0 0 25px 0;
	clear:both;
}
.name {
	font: 1.5em Arial, Verdana, Helvetica, sans-serif;
	color: #CCCCCC;
	padding-left: 30%;
	padding-bottom: 10px;
	clear:both;

}
.repH1 {
	font-size: 1.25em;
	padding-bottom: 15px;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #CCCCCC;
	text-align: center;
	padding-top: 10px;
	position: relative;
		clear:both;
}
.recH1 {
	font-size: 1.25em;
	padding-bottom: 15px;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #999999;
	text-align: left;
	padding-top: 10px;
}
.repH2 {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	clear:both;
	
}
.repH2i {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 6px;
	padding-top: 2px;
	font-style: italic;
}
.repH3 {
	font-weight: normal;
	padding-bottom: 10px;
		padding-bottom: 10px;
		clear:both;
}
.repH3 a{
	color: #999;
}
.repH2 a{
	color: #999;
}
.repH3i {
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
}
.repH3ii {
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	margin-bottom: 50px;
}
.arch {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	padding-bottom: 10px;
}
.arch a{
	color: #cc6600;
}
.arch a:visited{
	color: #cc6600;
}
.jump {
position:relative;
	float: left;
	height: 45px;
	width: 100%;
	margin: 0px;
	padding: 0;
	text-align:right;
	clear:both;
	background:none;
}
.p{
clear:both;
margin: 5px 0;
}
#photo{
position:relative;
border: 1px solid #a9a9a9; 
padding: 20px 30px;
margin: -6px 5px 5px -6px !important;
margin: -6px 0 5px 0;
background: #fff;
float:left;
width:auto!important;
width:100%;
}

/*#photo a img {
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin: 20px;

}*/
.photoimg{

float:left;
width:200px;
height:200px;
margin:20px;
padding:0 !important;
padding:45px 0 0 0;
text-align:center;
border: 1px solid #CCCCCC;

}
.photoimg a img{
border:0;
padding:45px 0 0 0;
margin:0;
}
.photoimgv{

float:left;
width:200px;
height:200px;
margin:20px;
padding:0 !important;
padding:20px;
text-align:center;
border: 1px solid #CCCCCC;

}
.photoimgv a img{
border:0;
padding:20px 0 0 0!important;
padding:0;
margin:0;
}
.photoimgbig{

float:left;
width:200px;
height:200px;
margin:20px;
padding:0;
text-align:center;
border:0;

}
.photoimgbig a img{
border:0;
padding:0;
margin:0;
}
.photoimg1{

float:left;
width:200px;
height:260px;
margin:20px;
padding:0;
text-align:center;
border: 1px solid #CCCCCC;
background: #fff url(images/photobg.jpg) no-repeat center top;
}
.photoimg1 a img{
border:0;
padding:0;
margin:30px 7px 30px 0;
}

.cont{
margin: 10px 0;
padding:0;
width:100%;
}
.about2 {
	height: 250px;
	width: 90%;	
padding:0 4%;
	margin:0 0 0 10%;
	clear:both;
	color:#fff;
}
.aboutfoto {
	height: 177px;
	width: 130px;
	padding: 0 5px 0 0;
	position: relative;
	float: left;
	font: 14px Arial, Verdana, Helvetica, sans-serif;;
	text-align: center;
	margin: 0 5px;
	background: url(images/foto_bg.jpg) no-repeat;
	vertical-align: top;
	color:#fff;
}
.aboutfoto a {
color: #ffffff;
text-decoration: none;
font-size: 12px;
}
.aboutfoto a:hover {
color: #ffffff;
text-decoration: underline;
}
.aboutfoto a:visited {
color: #ffffff;
}

.ens_foto{
margin:7px 8px 0 16px !important;
margin:3px 8px 0 12px;
padding:5px 0 0 0;
clear:both;
width:95px;
height:143px;
background:#fff;

}
.ens_foto img{
border:0;
}

#orlov_bg{
background:url(images/orlov1.jpg) no-repeat left top!important;
background:none;;
}
#orlov_bg:hover{
background:url(images/orlov2.jpg) no-repeat left top!important;
background:none;;
}
#ivanov_bg{
background:url(images/ivanov1.jpg) no-repeat left top !important;
background:none;
}
#ivanov_bg:hover{
background:url(images/ivanov2.jpg) no-repeat left top!important;
background:none;;
}
#grig_bg{
background:url(images/grig1.jpg) no-repeat left top!important;
background:none;
}
#grig_bg:hover{
background:url(images/grig2.jpg) no-repeat left top!important;
background:none;;
}
#rakov_bg{
background:url(images/rakov1.jpg) no-repeat left top!important;
background:none;
}
#rakov_bg:hover{
background:url(images/rakov2.jpg) no-repeat left top!important;
background:none;;
}
#orlov_bg a{
background:none !important;
background:url(images/orlov1.jpg) no-repeat left top;
}
#orlov_bg a:hover{
background:none !important;
background:url(images/orlov2.jpg) no-repeat left top;
}
#ivanov_bg a{
background:none !important;
background:url(images/ivanov1.jpg) no-repeat left top;
}
#ivanov_bg a:hover{
background:none !important;
background:url(images/ivanov2.jpg) no-repeat left top;
}
 #grig_bg a{
 background:none !important;
background:url(images/grig1.jpg) no-repeat left top;
}
#grig_bg a:hover{
background:none !important;
background:url(images/grig2.jpg) no-repeat left top;
}
#rakov_bg a{
background:none !important;
background:url(images/rakov1.jpg) no-repeat left top;
}
 #rakov_bg a:hover{
 background:none !important;
background:url(images/rakov2.jpg) no-repeat left top;
}