body {background:#ADCDE9;}
a 
{
	text-decoration:none;
	color:#6699CC;
}
a:hover{text-decoration:underline;
        color:#CC6666;
}
.a:hover{text-decoration:underline;}
#link
{
	padding-left:420px;
	padding-top:5px;
	font-family:Geneva, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#link img
{
	border:none;
	}
h1
{
	text-align:left;
	padding-left:35px;
	margin-top:-100px;
	font-family:Geneva, Arial, Verdana, sans-serif;
	
	color:gray;
}
h2
{
	text-align:left;
	padding-left:210px;
	font-family:Geneva, Arial, Verdana, sans-serif;
	
	color:#CC6666;
}
p
{
	text-align:left;
	padding-left:40px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	color:gray;
	line-height:normal;
}
#text_head
{
	margin-top:3px;
}
#1
{
	margin-bottom:20px;	
}



#white
{
	width:900px;
	height:716px;
	background-color:White;		
    margin: 0 auto;    
	border:solid #E2E9F6 1px;
}
#main
{
	margin:9px;
	}
#street
{
	float:left;	
	padding-right:10px;
}
#buttons
{
	margin-top:10px;
	width:36px;	 /* 36px */
	float:left;
	padding-left:2px;
}
.button
{
	margin-top:7px;
}
.button a img
{
	border:0px;
}
a img:hover
{
    opacity: 0.75; /* exept IE and Firefox 1.5 :( */
   }


#text
{
	background-color:White;
	border:solid #CCCCCC 1px;
	float:left;	
	width:646px;
	height:697px;
	overflow:auto;
}

#street, #buttons, #text { 
 font-family: Verdana, Arial, sans-serif; 
 float: left; 
}
#top
{	
	
}
#content
{
	height:500px;
	padding-right:40px;
}
#content img
{
	border:solid #CCCCCC 1px; /* outline for IE - бред вообще */
	padding:5px;	
}
img.fig {
 float: right; /* Обтекание картинки по левому краю */
 padding-left: 10px; 
 padding-bottom: 10px; 
 margin-left:10px;
 height:200px;
}	
a.rollover1 {
 background: url('images/button_about_b.jpg'); /* Путь к файлу с исходным рисунком */
 background-color:#BE6868;
 display: block; 
 width: 36px; 
 height: 128px; 
 }
a.rollover1:hover {
 background: url('images/button_about_r.jpg'); /* Путь к файлу с заменяемым рисунком */
 background-color:#BE6868;
}

a.rollover2 {
 background: url('images/button_gallery_b.jpg'); 
 background-color:#BE6868;
 display: block; 
 width: 36px; 
 height: 128px; 
 }
a.rollover2:hover {
 background: url('images/button_gallery_r.jpg'); 
 background-color:#BE6868;
}

a.rollover3 {
 background: url('images/button_publication_b.jpg');
 background-color:#BE6868;
 display: block;
 width: 36px; 
 height: 128px; 
 }
a.rollover3:hover {
 background: url('images/button_publication_r.jpg'); 
 background-color:#BE6868;
}

a.rollover4 {
 background: url('images/button_events_b.jpg'); 
 background-color:#BE6868;
 display: block; 
 width: 36px; 
 height: 128px; 
 }
a.rollover4:hover {
 background: url('images/button_events_r.jpg');
 background-color:#BE6868;
}

a.rollover5 {
 background: url('images/button_contact_b.jpg'); 
 background-color:#BE6868;
 display: block; 
 width: 36px; 
 height: 128px; 
 }
a.rollover5:hover {
 background: url('images/button_contact_r.jpg'); 
 background-color:#BE6868;
}


.wrap{
	text-align:left;
	padding-left:180px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	color:gray;
	line-height:normal;
}

.cover{ display:block; float:left; padding-right:20px; padding-bottom:5px;}
.cover img{ height:130px; border:solid gray 1px;  margin-top:15px;}
.code{ font:10px Arial, Helvetica, sans-serif; padding-top:10px; color:gray;}
.info{ font:13px Arial, Helvetica, sans-serif; color:gray;}
.after{font:10px Helvetica, Arial, Verdana, sans-serif; padding-bottom:20px; padding-left:40px; color:gray;}
#dotted{border-bottom:dotted #993333 1px; width:500px; margin-bottom:10px;}
.after1{font:10px Helvetica, Arial, Verdana, sans-serif; padding-bottom:10px; color:gray;}
.buy{ float:left; padding-left:300px; margin-right:100px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#993333;}
.button_buy{width:93px; background-color:#CC6666; color:black; font:bold;}
.info a:hover{text-decoration:underline;}

.cf_inputbox required{ background-color:red;  color: #930;}
#text_0{background-color:red;  color: #930;}







#lightbox{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #f7f6f1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 1px #CCC solid;
border-bottom:0px;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 0px;
	width: 0px;
	z-index: 0;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink2, #nextLink2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#060;
	font-weight:bold;
         cursor:pointer;
         }

#imageDataContainer{
	font: 14px Arial, Helvetica, sans-serif;
	background-color: #f7f6f1;
	height: 35px;
	border:1px #ccc solid;
border-top:0px;
margin:auto;
	}

#imageData{
	padding:0px 10px 10px 10px;
	}
#imageData #imageDetails{ width: 50%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; font-size:11px; color:#666; max-height:20px; }
#imageData #numberDisplay{ display: block; clear: left; font-weight: normal; font-size:14px; color:#333; padding-bottom: 5px; }
#imageData #slideshowLink{ width: 55px; float: right; padding:5px 0px 0 0px;}
#imageData #bottomNavClose{ width: 55px; float: right; padding:5px 0px 0 0px; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}


.img1{
     	border-style: ridge; 
        border-color: Gray;
        margin-left:30px;        
        height:130px;
        margin-top:10px;
        }
 #photo { 
    padding: 0px; 
    margin-left:20px;
    vertical-align:middle;  
	}
 .text{text-align:left; 
       vertical-align:text-top; 
       font-style:normal; 
       font-weight:bold; 
       padding:0px 0px 0px 50px;
       }   
 
 .photo_arleen{
		float:left; 
		margin-right:1px;
		margin-left:54px;
		margin-bottom:5px;
		}
.22{
	float:left;
	margin-right:110px;	
	}   

 





