a.linkopacity:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;}


a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }



html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -99px;
}
.footer {
	height: 20px; 
background-repeat:no-repeat;
background-position:center bottom;
}


.caption {
color:#707070;
font-family:"Arial";
font-size:10px;
}


body {
font-family:"Arial";

}
h1
{
color:#e15e5d;
font-family:"Arial";
font-size:11px;
}

h2
{
color:#e7817f;
font-family:"Arial";
font-size:18px;
}

h3
{
color:#ca3d3b;
font-family:"Arial";
font-size:15px;
}

p
{
color:#707070;
font-family:"Arial";
font-size:11px;
}

p2
{
color:#e57574;
font-family:"Arial";
font-size:11px;
}

p3
{
color:#707070;
font-family:"Arial";
font-size:9px;
}

.side { vertical-align:absbottom; display:inline }


A:link { text-decoration: none; color:#aa916d; }
A:visited { text-decoration: none; color:#aa916d; }
A:hover { text-decoration: none; color:#955555;}

.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0px;
}

.imgteaser a .more {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 0.7em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	width: 260px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1.1em;
	padding: 0px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	margin: 0;
	width: 280px;

}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.1em;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}




/* general styling for this example */
* { margin: 0; padding: 0; }


/* begin gallery styling */
#jgal { list-style: none; width: 190px; }

#jgal li { opacity: .80; float: left; display: block; width: 40px; height: 40px; background-position: 30% 50%; background-size: 250%; cursor: pointer; margin-right: 5px; margin-top: 5px; }
#jgal li img { position: absolute; top: 35px; left: 230px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { opacity: 1 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }