.r1, .r3, .r7, .r9
{width:10px; height:10px;
font-size:1px; background:url(images/circle.png)}
.r2, .r4, .r6, .r8
{font-size:1px; border:1px #fbc886;}
.r2 {border-top-style: solid; background:#FFF; }
.r4 {border-left-style: solid; background:#FFF;}
.r6 {border-right-style: solid; background:#FFF;}
.r8 {border-bottom-style: solid; background:#FFF;}
.r1 {background-position: 0px 0px}
.r3 {background-position: 10px 0px}
.r7 {background-position: 0px 10px}
.r9 {background-position: 10px 10px}
.r5 { background:#FFF; }


#links_picture a {
	color:#ffebd6; font-weight: bold;
	text-decoration: underline; 
}

#links_picture a:hover {
	color:#ffebd6; font-weight: bold;
	text-decoration: none;	
}

#links_picture a:jshover {
	color:#ffebd6; font-weight: bold;
	text-decoration: none;	
}

#links_picture { text-align:right; font-size:80%; }

#links { font:70% Geneva, Arial, Helvetica, sans-serif; color:#125299; font-weight: normal;
position:fixed; top:165px;
	margin:0px 120px 0px 120px; padding:0px; 
	border:0px  black;
}

#links a {
	color:#125299; font-weight: normal;
	text-decoration: underline;	
}

#links a:hover {
	color:#125299; font-weight: normal;
	text-decoration: none;	
}

#links a:jshover {
	color:#125299; font-weight: normal;
	text-decoration: none;	
}

.fon { background-image:url(images/fon.jpg) }

#text { padding:0px 20px 20px 20px; margin:0px; 
	border:0px  black; text-align:left; color:#a98154; font-weight:bold; font-size:90%;
 }
#text img { float: left; padding:0px 20px 10px 0px; }

#text p { text-indent: 0px; font-size:90%; text-align: left; color:#666; font-weight:lighter }
#text i {color:#a98154; font-size:80%; font-weight:none; font-style:italic }
#text h1 {color:#a98154; font-size:90%; font-weight:bold; text-align: left; font-family: Georgia, serif;}

#text b { text-indent: 0px; font-size:90%;  text-align: left; font-weight: 700; font-family: Georgia, serif; text-transform:uppercase;  }

#text_scroll strong {color:#a98154; font-size:120%; font-weight:bold; text-align:left }

#text a { font-size:100%;
	color:#a98154; font-weight:lighter;
	text-decoration: underline;	
}

#text a:hover { font-weight:lighter;
	color:#a98154; font-size:100%;
	text-decoration: none;	
}

#text a:jshover { font-weight:lighter;
	color:#a98154; font-size:100%;
	text-decoration: none;	
}

#text_scroll {
	overflow-y: scroll; font-size:90%; 
	text-align: center; height:350px;
	padding:0px 10px 10px 10px; margin:0px 0px 0px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: #FFF;
	color:#a98154;
	border:0px  black;
	letter-spacing: 1px;
}

#text_scroll a { font-size:100%;
	color:#ffebd6; font-weight:lighter;
	text-decoration: underline;	
}

#text_scroll a:hover { font-weight:lighter;
	color:#ffebd6; font-size:100%;
	text-decoration: none;	
}

#text_scroll a:jshover { font-weight:lighter;
	color:#ffebd6; font-size:100%;
	text-decoration: none;	
}

#text_scroll h1 {color:#a98154; font-size:110%; font-weight:bold; }

#text_scroll h2 {color:#a98154; font-size:90%; font-weight:bold; padding-top:5px; padding-bottom:5px; background-image: url(images/fon.gif); }

#text_scroll h3 {color:#666; font-size:100%; font-weight: lighter; padding-top:-5px; text-align:justify; }

#text_scroll h4 {color:#f61b20; font-size:100%; font-weight:bold; border-top:solid 2px #f61b20; padding-top:5px;  }

#text_scroll b {color:#666; font-size:100%; font-weight:bold; }

#text_scroll i {color:#666; font-size:80%; font-weight: lighter; font-style:italic }

#text_scroll p { text-indent: 0px; padding:0px 0px 0px 0px;}


#blume { width: 152px; height:88px; border:0px;  
	position: absolute; bottom:20px; margin-left: 10px; background: url(images/blume.png) no-repeat; opacity:0.5; filter:alpha(opacity=50); }

.shadow { -moz-box-shadow: 6px 6px 7px #969696;
	-webkit-box-shadow: 6px 6px 7px #969696;
	box-shadow: 6px 6px 7px #b0b0b0;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=145, Strength=5); }
	
	
.view {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #ffebd6;
   overflow: hidden;
   position: relative;
   text-align: center;
   -moz-box-shadow: 6px 6px 7px #969696;
	-webkit-box-shadow: 6px 6px 7px #969696;
	box-shadow: 6px 6px 7px #b0b0b0;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=145, Strength=5);
   cursor: default;
   background: #fff url(picture/fon.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}

.view h2  {
   text-transform: none;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 80%;
   padding: 5px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 80%;
   position: relative;
   color: #fff;
   padding: 0px 0px 0px 0px;
   text-align: center; 
}

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #a98154;
   color: #fff;
   text-transform: none;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
	
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 0px 0px 0px 0px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}