#frame-it #overlay {
	background-color: #333;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9991;
	
	/* transparecy styles */
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
}

#frame-it #frame {
	/*height: 580px;*/
	left: 50%;
	position: fixed;
	text-align: center;
	top: 50%;
	vertical-align: middle;
	z-index: 9992;
}
.squarish #frame {
	height: 580px;
	margin: -290px 0 0 -350px;
	width: 700px;
}
.vertical #frame {
	height: 580px;
	margin: -290px 0 0 -210px;
	width: 420px;
}
.taller #frame {
	height: 700px;
	margin: -350px 0 0 -290px;
	width: 580px;
}
.wide #frame {
	height: 609px;
	margin: -304px 0 0 -450px;
	width: 900px;
}

#frame-it #frame #frame-background {
	background-repeat: no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 9995;
}

.squarish1 #frame #frame-background,
.squarish2 #frame #frame-background {
	background-image: url('../images/frame-it/squarish1.png');
}
.squarish3 #frame #frame-background,
.squarish4 #frame #frame-background {
	background-image: url('../images/frame-it/squarish2.png');
}
.squarish5 #frame #frame-background,
.squarish6 #frame #frame-background {
	background-image: url('../images/frame-it/squarish3.png');
}
.squarish7 #frame #frame-background,
.squarish8 #frame #frame-background {
	background-image: url('../images/frame-it/squarish4.png');
}
.squarish9 #frame #frame-background,
.squarish10 #frame #frame-background {
	background-image: url('../images/frame-it/squarish4.png');
}

.vertical1 #frame #frame-background,
.vertical2 #frame #frame-background {
	background-image: url('../images/frame-it/vertical1.png');
}
.vertical3 #frame #frame-background,
.vertical4 #frame #frame-background {
	background-image: url('../images/frame-it/vertical2.png');
}
.vertical5 #frame #frame-background,
.vertical6 #frame #frame-background {
	background-image: url('../images/frame-it/vertical3.png');
}
.vertical7 #frame #frame-background,
.vertical8 #frame #frame-background {
	background-image: url('../images/frame-it/vertical4.png');
}
.vertical9 #frame #frame-background,
.vertical10 #frame #frame-background {
	background-image: url('../images/frame-it/vertical4.png');
}

.taller1 #frame #frame-background,
.taller2 #frame #frame-background,
.taller3 #frame #frame-background {
	background-image: url('../images/frame-it/taller1.png');
}
.taller4 #frame #frame-background,
.taller5 #frame #frame-background,
.taller6 #frame #frame-background {
	background-image: url('../images/frame-it/taller2.png');
}
.taller7 #frame #frame-background,
.taller8 #frame #frame-background,
.taller9 #frame #frame-background,
.taller10 #frame #frame-background {
	background-image: url('../images/frame-it/taller3.png');
}

.wide1 #frame #frame-background,
.wide2 #frame #frame-background,
.wide3 #frame #frame-background {
	background-image: url('../images/frame-it/wide1.png');
}
.wide4 #frame #frame-background,
.wide5 #frame #frame-background,
.wide6 #frame #frame-background {
	background-image: url('../images/frame-it/wide2.png');
}
.wide7 #frame #frame-background,
.wide8 #frame #frame-background,
.wide9 #frame #frame-background,
.wide10 #frame #frame-background {
	background-image: url('../images/frame-it/wide3.png');
}

#frame-it #frame #frame-background #frame-it-close {
	position: absolute;
	right: 35px;
	top: 25px;
}

#frame-it #frame #frame-background #frame-it-close img {
	cursor: pointer;
}

#frame-it #frame #image {
	background-color: #000;
	/*height: 470px;*/
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 9993;
}
.squarish #frame #image {
	height: 470px;
	margin: -230px 0 0 -275px;
	width: 550px;
}
.vertical #frame #image {
	height: 430px;
	margin: -215px 0 0 -125px;
	width: 250px;
}
.taller #frame #image {
	height: 540px;
	margin: -270px 0 0 -210px;
	width: 420px;
}
.wide #frame #frame-content {
	height: 366px;
	left: 50%;
	margin: -184px 0 0 -314px;
	position: absolute;
	text-align: left;
	top: 50%;
	width: 650px;
	z-index: 9996;
}

#frame-it #frame #image img {
	left: 50%;
	position: absolute;
	top: 50%;
	/* width: 525px;*/
	z-index: 9994;
}
.squarish #frame #image img {
	height: 410px;
	margin: -205px 0 0 -262px;
	width: 525px;
}
.vertical #frame #image img {
	height: 410px;
	margin: -205px 0 0 -106px;
	width: 215px;
}
.taller #frame #image img {
	height: 525px;
	margin: -263px 0 0 -205px;
	width: 410px;
}