/* - category framed paintings - */
/* - category framed paintings - */
/* - category framed paintings - */
.category ul li ul li.overview {
	display: table;
	clear: both;
	padding: 0px 0px 0px 0px;
	color: #CCCCCC;
}
.category {
	margin: 30px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	background: #000033;
}
.category ul {
	margin: 0;
	padding: 1px 1px 1px 1px;
	list-style: none;
	position: relative;
	height: auto;
	left: 0px;
	top: 0px;
}

.category ul li {
	list-style: none;
}

.category ul li a{
	list-style: none;
}


.category ul li ul li {
	list-style: none;
	display: inline;
	float: none;
	background-image: none;
}

.category ul li ul li.title {
	font: 85% Arial, Helvetica, sans-serif;
	list-style: none;
	background-image: none;
	margin: 0px 12px 15px 12px;
	padding: 1px;
	position: relative;
	float: left;
	display: block;
	width: 143px;
	height: 25px;
	background-color: #F7F9F9;
	color: #CCCCCC;
}

/* - Orientation landscape - */
/* - category framed paintings - */
.category ul li ul li.wide a {
	border-style: solid;
	border-color: #000000;
	border-width: 6px 6px 6px 6px;
	list-style: none;
	background-image: none;
	margin: 30px 3px 60px 3px; /* - space between painting images - */
	padding: 1px;
	position: relative;
	float: left;
	display: block;
	width: 151px;
	height: 116px;
	background-color: #fff;
	color: #B3B3B3;
	font: 95% Arial, Helvetica, sans-serif;
}
.category ul li ul li.wide a:hover {
	background-image: none;
	z-index: 2;
}
.category ul li ul li.wide a img {
	border-color: #C0C0C0 #828282 #828282 #C0C0C0;
	border-width: 2px 1px 1px 2px;
	position: absolute;
	top: 12px;
	width: 126px;
	height: 89px;
	left: 12px;
	right: 12px;
	bottom: 14px;
	margin: 0;
}
.category ul li.wide a:focus img {
	width: auto;
	height: auto;
	left: -26px;
	top: -16px;
	z-index: 1;
	border: 1px solid #000033;
}

.category ul li.wide a:active img {
	width: auto;
	height: auto;
	left: -26px;
	top: -16px;
	z-index: 1;
	border: 1px solid #000033;
}

.category ul li.wide a:hover img {
	width: auto;
	height: auto;
	left: -26px;
	top: -16px;
	z-index: 1;
	border: 1px solid #000033;
}

a.info_wide{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_wide:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_wide span{
	display: block;
	top: 125px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;
}

a.info_wide:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 135px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - Orientation portrait - */
/* - category framed paintings - */
.category ul li ul li.tall a {
	list-style: none;
	background-image: none;
	margin: 15px 20px 38px 20px; /* - space between painting images - */
	padding: 1px;
	position: relative;
	border: 6px solid #000033;
	float: left;
	display: block;
	width: 117px;
	height: 153px;
	background-color: #fff;
	color: #B3B3B3;
	font: 95% Arial, Helvetica, sans-serif;
}
.category ul li ul li.tall a:hover {
	background-image: none;
	z-index: 2;
}
.category ul li ul li.tall a img {
	list-style: none;
	position: absolute;
	top: 12px;
	width: 91px;
	height: 124px;
	margin: 0;
	left: 12px;
	right: 12px;
	bottom: 14px;
}

.category ul li.tall a:focus img {
	width: auto;
	height: auto;
	left: -15px;
	top: -18px;
	z-index: 3;
	border: 1px solid #000033;
}

.category ul li.tall a:active img {
	width: auto;
	height: auto;
	left: -15px;
	top: -18px;
	z-index: 3;
	border: 1px solid #000033;
}

.category ul li.tall a:hover img {
	width: auto;
	height: auto;
	left: -15px;
	top: -18px;
	z-index: 3;
	border: 1px solid #000033;
}

a.info_tall{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_tall:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_tall span{
	display: block;
	top: 163px;
	left: -.7em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;
}

a.info_tall:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 188px;
	left: -.7em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	height: 1em;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - Orientation short landscape - */
/* - category framed paintings - */
.category ul li ul li.short a {
	border-style: solid;
	border-color: #000000;
	border-width: 6px 6px 6px 6px;
	list-style: none;
	background-image: none;
	margin: 50px 4px 90px 2px;
	padding: 1px;
	position: relative;
	float: left;
	display: block;
	width: 151px;
	height: 66px;
	background-color: #fff;
	color: #B3B3B3;
	font: 95% Arial, Helvetica, sans-serif;
}
.category ul li ul li.short a:hover {
	background-image: none;
	z-index: 2;
}
.category ul li ul li.short a img {
	border-color: #C0C0C0 #828282 #828282 #C0C0C0;
	border-width: 2px 1px 1px 2px;
	position: absolute;
	top: 12px;
	width: 126px;
	height: 39px;
	left: 12px;
	right: 12px;
	bottom: 14px;
	margin: 0;
}
.category ul li.short a:focus img {
	width: auto;
	height: auto;
	left: -26px;
	top: 2px;
	z-index: 1;
	border: 1px solid #000033;
}

.category ul li.short a:active img {
	width: auto;
	height: auto;
	left: -26px;
	top: 2px;
	z-index: 1;
	border: 1px solid #000033;
}

.category ul li.short a:hover img {
	width: auto;
	height: auto;
	left: -26px;
	top: 2px;
	z-index: 1;
	border: 1px solid #000033;
}

a.info_short{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_short:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_short span{
	display: block;
	top: 80px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;	
}

a.info_short:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 85px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - Orientation thin - */
/* - category framed paintings - */
.category ul li ul li.thin a {
	list-style: none;
	background-image: none;
	margin: 15px 5px 45px 25px;
	padding: 12px;
	position: relative;
	border: 6px solid #000033;
	float: left;
	display: block;
	width: 70px;
	height: 140px;
	background-color: #fff;
}
.category ul li ul li.thin a:hover {
	background-image: none;
	z-index: 2;
}
.category ul li ul li.thin a img {
	position: absolute;
	top: 12px;
	width: 70px;
	height: 140px;
	margin: 0;
}
.category ul li.thin a:focus img {
	width: auto;
	height: auto;
	left: -10px;
	top: -15px;
	z-index: 1;
	border: 6px solid #000033;
}

.category ul li.thin a:active img {
	width: auto;
	height: auto;
	left: -10px;
	top: -15px;
	z-index: 1;
	border: 6px solid #000033;
}

.category ul li.thin a:hover img {
	width: auto;
	height: auto;
	left: -10px;
	top: -15px;
	z-index: 1;
	border: 6px solid #000033;
}

/* - Orientation square - */
/* - category framed paintings - */


.category ul li ul li.square a {
	list-style: none;
	
	background-image: none;
	margin: 15px 5px 45px 30px;
	padding: 12px;
	position: relative;
	border: 6px solid #000033;
	float: left;
	display: block;
	width: 120px;
	height: 120px;
	background-color: #fff;
}
.category ul li ul li.square a:hover {
	background-image: none;
	z-index: 2;
}
.category ul li ul li.square a img {
	position: absolute;
	top: 12px;
	width: 120px;
	height: 120px;
	margin: 0;
}
.category ul li.square a:focus img {
	width: auto;
	height: auto;
	left: -36px;
	top: -15px;
	z-index: 2;
	border: 6px solid #000033;
}

.category ul li.square a:active img {
	width: auto;
	height: auto;
	left: -36px;
	top: -15px;
	z-index: 2;
	border: 6px solid #000033;
}

.category ul li.square a:hover img {
	width: auto;
	height: auto;
	left: -36px;
	top: -15px;
	z-index: 2;
	border: 6px solid #000033;
}

.category ul li.overview {
	display: inherit;
	clear: both;
	padding: 2px 10px 0 10px;
	color: #CCCCCC;
}
a.info_square{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_square:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_square span{
	display: block;
	top: 163px;
	left: -.6em;
	width: 14em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;
}

a.info_square:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 188px;
	left: -.6em;
	width: 14em;
	border: 0px solid #000033;
	background-color: #000033;
	height: 2em;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - New for the main page - */
/* - New for the main page - */
/* - New for the main page - */
.new {
	margin: 30px 0px 15px 0px;
	padding: 20px 0px 0px 0px;
	background: #000033;
	height: auto;
}

.new ul {
	margin: 0px;
	padding: 0px 1px 10px 1px;
	list-style: none;
	position: relative;
	height: auto;
	left: 0px;
	top: 0px;
}

.new ul li {
	list-style: none;
}

.new ul li a{
	list-style: none;
}


.new ul li ul li {
	list-style: none;
	display: inline;
	float: none;
	background-image: none;
}

.new ul li ul li.title {
	font: 85% Arial, Helvetica, sans-serif;
	list-style: none;
	background-image: none;
	margin: 0px 12px 15px 12px;
	padding: 1px;
	position: relative;
	float: left;
	display: block;
	width: 143px;
	height: 25px;
	background-color: #F7F9F9;
	color: #CCCCCC;
}

/* - Orientation landscape - */
/* - New for the main page - */
.new ul li ul li.wide a {
	border-style: solid;
	border-color: #000000;
	border-width: 6px 6px 6px 6px;
	list-style: none;
	background-image: none;
	margin: 15px 4px 60px 2px;
	padding: 1px;
	position: relative;
	float: left;
	display: block;
	width: 151px;
	height: 116px;
	background-color: #fff;
	color: #B3B3B3;
	font: 95% Arial, Helvetica, sans-serif;
}
.new ul li ul li.wide a:hover {
	background-image: none;
	z-index: 2;
}
.new ul li ul li.wide a img {
	border-color: #C0C0C0 #828282 #828282 #C0C0C0;
	border-width: 2px 1px 1px 2px;
	position: absolute;
	top: 12px;
	width: 126px;
	height: 89px;
	left: 12px;
	right: 12px;
	bottom: 14px;
	margin: 0;
}
.new ul li.wide a:focus img {
	width: auto;
	height: auto;
	left: -26px;
	top: -16px;
	z-index: 1;
	border: 1px solid #000033;
}

.new ul li.wide a:active img {
	width: auto;
	height: auto;
	left: -26px;
	top: -16px;
	z-index: 1;
	border: 1px solid #000033;
}

.new ul li.wide a:hover img {
	width: auto;
	height: auto;
	left: -26px;
	top: -16px;
	z-index: 1;
	border: 1px solid #000033;
}

a.info_wide{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_wide:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_wide span{
	display: block;
	top: 125px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;
}

a.info_wide:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 135px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - Orientation portrait - */
/* - New for the main page - */
.new ul li ul li.tall a {
	list-style: none;
	background-image: none;
	margin: 5px 20px 38px 19px;
	padding: 1px;
	position: relative;
	border: 6px solid #000033;
	float: left;
	display: block;
	width: 117px;
	height: 153px;
	background-color: #fff;
	color: #B3B3B3;
	font: 95% Arial, Helvetica, sans-serif;
}
.new ul li ul li.tall a:hover {
	background-image: none;
	z-index: 2;
}
.new ul li ul li.tall a img {
	list-style: none;
	position: absolute;
	top: 12px;
	width: 91px;
	height: 124px;
	margin: 0;
	left: 12px;
	right: 12px;
	bottom: 14px;
}

.new ul li.tall a:focus img {
	width: auto;
	height: auto;
	left: -15px;
	top: -18px;
	z-index: 3;
	border: 1px solid #000033;
}

.new ul li.tall a:active img {
	width: auto;
	height: auto;
	left: -15px;
	top: -18px;
	z-index: 3;
	border: 1px solid #000033;
}

.new ul li.tall a:hover img {
	width: auto;
	height: auto;
	left: -15px;
	top: -18px;
	z-index: 3;
	border: 1px solid #000033;
}

a.info_tall{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_tall:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_tall span{
	display: block;
	top: 163px;
	left: -.7em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;
}

a.info_tall:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 188px;
	left: -.7em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	height: 2em;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - Orientation short landscape - */
/* - New for the main page - */
.new ul li ul li.short a {
	border-style: solid;
	border-color: #000000;
	border-width: 6px 6px 6px 6px;
	list-style: none;
	background-image: none;
	margin: 50px 4px 90px 2px;
	padding: 1px;
	position: relative;
	float: left;
	display: block;
	width: 151px;
	height: 66px;
	background-color: #fff;
	color: #B3B3B3;
	font: 95% Arial, Helvetica, sans-serif;
}
.new ul li ul li.short a:hover {
	background-image: none;
	z-index: 2;
}
.new ul li ul li.short a img {
	border-color: #C0C0C0 #828282 #828282 #C0C0C0;
	border-width: 2px 1px 1px 2px;
	position: absolute;
	top: 12px;
	width: 126px;
	height: 39px;
	left: 12px;
	right: 12px;
	bottom: 14px;
	margin: 0;
}
.new ul li.short a:focus img {
	width: auto;
	height: auto;
	left: -26px;
	top: 2px;
	z-index: 1;
	border: 1px solid #000033;
}

.new ul li.short a:active img {
	width: auto;
	height: auto;
	left: -26px;
	top: 2px;
	z-index: 1;
	border: 1px solid #000033;
}

.new ul li.short a:hover img {
	width: auto;
	height: auto;
	left: -26px;
	top: 2px;
	z-index: 1;
	border: 1px solid #000033;
}

a.info_short{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_short:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_short span{
	display: block;
	top: 80px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;	
}

a.info_short:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 85px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - Orientation thin - */
/* - New for the main page - */
.new ul li ul li.thin a {
	list-style: none;
	background-image: none;
	margin: 15px 5px 45px 25px;
	padding: 12px;
	position: relative;
	border: 6px solid #000033;
	float: left;
	display: block;
	width: 70px;
	height: 140px;
	background-color: #fff;
}
.new ul li ul li.thin a:hover {
	background-image: none;
	z-index: 2;
}
.new ul li ul li.thin a img {
	position: absolute;
	top: 12px;
	width: 70px;
	height: 140px;
	margin: 0;
}
.new ul li.thin a:focus img {
	width: auto;
	height: auto;
	left: -10px;
	top: -15px;
	z-index: 1;
	border: 6px solid #000033;
}

.new ul li.thin a:active img {
	width: auto;
	height: auto;
	left: -10px;
	top: -15px;
	z-index: 1;
	border: 6px solid #000033;
}

.new ul li.thin a:hover img {
	width: auto;
	height: auto;
	left: -10px;
	top: -15px;
	z-index: 1;
	border: 6px solid #000033;
}

/* - Orientation square - */
/* - New for the main page - */
.new ul li ul li.square a {
	list-style: none;
	
	background-image: none;
	margin: 15px 5px 45px 30px;
	padding: 12px;
	position: relative;
	border: 6px solid #000033;
	float: left;
	display: block;
	width: 120px;
	height: 120px;
	background-color: #fff;
}
.new ul li ul li.square a:hover {
	background-image: none;
	z-index: 2;
}
.new ul li ul li.square a img {
	position: absolute;
	top: 12px;
	width: 120px;
	height: 120px;
	margin: 0;
}
.new ul li.square a:focus img {
	width: auto;
	height: auto;
	left: -36px;
	top: -15px;
	z-index: 2;
	border: 6px solid #000033;
}

.new ul li.square a:active img {
	width: auto;
	height: auto;
	left: -36px;
	top: -15px;
	z-index: 2;
	border: 6px solid #000033;
}

.new ul li.square a:hover img {
	width: auto;
	height: auto;
	left: -36px;
	top: -15px;
	z-index: 2;
	border: 6px solid #000033;
}

.new ul li.overview {
	display: inherit;
	clear: both;
	padding: 2px 10px 0 10px;
	color: #CCCCCC;
}

/* - No Frames - */
/* - No Frames - */
/* - No Frames - */
.no_frame {
	margin: 30px 0px 0px 8px;
	padding: 1px 1px 1px 1px;
	background: #000033;

}
.no_frame ul {
	margin: 0;
	padding: 1px 1px 1px 1px;
	list-style: none;
	position: relative;
	height: auto;
	left: 0px;
	top: 0px;
}

.no_frame ul li {
	list-style: none;
}

.no_frame ul li a{
	list-style: none;
}


.no_frame ul li ul li {
	list-style: none;
	display: inline;
	float: none;
	background-image: none;
}

.no_frame ul li ul li.title {
	font: 85% Arial, Helvetica, sans-serif;
	list-style: none;
	background-image: none;
	margin: 0px 12px 15px 12px;
	padding: 1px;
	position: relative;
	float: left;
	display: block;
	width: 143px;
	height: 25px;
	background-color: #F7F9F9;
	color: #CCCCCC;
}

/* - Orientation landscape - */
/* - No Frames - */
.no_frame ul li ul li.wide a {
	border-style: solid;
	border-color: #000000;
	border-width: 6px 6px 6px 6px;
	list-style: none;
	background-image: none;
	margin: 8px 4px 20px 2px;
	padding: 1px;
	position: relative;
	float: left;
	display: block;
	width: 151px;
	height: 116px;
	background-color: #fff;
	color: #B3B3B3;
	font: 95% Arial, Helvetica, sans-serif;
}
.no_frame ul li ul li.wide a:hover {
	background-image: none;
	z-index: 2;
}
.no_frame ul li ul li.wide a img {
	border-color: #C0C0C0 #828282 #828282 #C0C0C0;
	border-width: 2px 1px 1px 2px;
	position: absolute;
	top: 12px;
	width: 126px;
	height: 89px;
	left: 12px;
	right: 12px;
	bottom: 14px;
	margin: 0;
}
.no_frame ul li.wide a:focus img {
	width: auto;
	height: auto;
	left: -26px;
	top: -16px;
	z-index: 1;
	border: 1px solid #000033;
}

.no_frame ul li.wide a:active img {
	width: auto;
	height: auto;
	left: -26px;
	top: -16px;
	z-index: 1;
	border: 1px solid #000033;
}

.no_frame ul li.wide a:hover img {
	width: auto;
	height: auto;
	left: -26px;
	top: -16px;
	z-index: 1;
	border: 1px solid #000033;
}

a.info_wide{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_wide:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_wide span{
	display: block;
	top: 125px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;
}

a.info_wide:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 145px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - Orientation portrait - */
/* - No Frames - */
.no_frame ul li ul li.tall a {
	list-style: none;
	background-image: none;
	margin: 15px 20px 38px 20px;
	padding: 1px;
	position: relative;
	border: 6px solid #000033;
	float: left;
	display: block;
	width: 117px;
	height: 153px;
	background-color: #fff;
	color: #B3B3B3;
	font: 95% Arial, Helvetica, sans-serif;
}
.no_frame ul li ul li.tall a:hover {
	background-image: none;
	z-index: 2;
}
.no_frame ul li ul li.tall a img {
	list-style: none;
	position: absolute;
	top: 12px;
	width: 91px;
	height: 124px;
	margin: 0;
	left: 12px;
	right: 12px;
	bottom: 14px;
}

.no_frame ul li.tall a:focus img {
	width: auto;
	height: auto;
	left: -15px;
	top: -18px;
	z-index: 3;
	border: 1px solid #000033;
}

.no_frame ul li.tall a:active img {
	width: auto;
	height: auto;
	left: -15px;
	top: -18px;
	z-index: 3;
	border: 1px solid #000033;
}

.no_frame ul li.tall a:hover img {
	width: auto;
	height: auto;
	left: -15px;
	top: -18px;
	z-index: 3;
	border: 1px solid #000033;
}

a.info_tall{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_tall:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_tall span{
	display: block;
	top: 163px;
	left: -.7em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;
}

a.info_tall:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 188px;
	left: -.7em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	height: 2em;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - Orientation short landscape - */
/* - No Frames - */
.no_frame ul li ul li.short a {
	border-style: solid;
	border-color: #000000;
	border-width: 6px 6px 6px 6px;
	list-style: none;
	background-image: none;
	margin: 50px 4px 90px 2px;
	padding: 1px;
	position: relative;
	float: left;
	display: block;
	width: 151px;
	height: 66px;
	background-color: #fff;
	color: #B3B3B3;
	font: 95% Arial, Helvetica, sans-serif;
}
.no_frame ul li ul li.short a:hover {
	background-image: none;
	z-index: 2;
}
.no_frame ul li ul li.short a img {
	border-color: #C0C0C0 #828282 #828282 #C0C0C0;
	border-width: 2px 1px 1px 2px;
	position: absolute;
	top: 12px;
	width: 126px;
	height: 39px;
	left: 12px;
	right: 12px;
	bottom: 14px;
	margin: 0;
}
.no_frame ul li.short a:focus img {
	width: auto;
	height: auto;
	left: -26px;
	top: 2px;
	z-index: 1;
	border: 1px solid #000033;
}

.no_frame ul li.short a:active img {
	width: auto;
	height: auto;
	left: -26px;
	top: 2px;
	z-index: 1;
	border: 1px solid #000033;
}

.no_frame ul li.short a:hover img {
	width: auto;
	height: auto;
	left: -26px;
	top: 2px;
	z-index: 1;
	border: 1px solid #000033;
}

a.info_short{
    position:relative; /*this is the key*/
    z-index: 1;
    background-color: #fff;
    color: #fff;
    text-decoration: none
}

a.info_short:hover{
	z-index: 2;
	background-color: #fff;
}

a.info_short span{
	display: block;
	top: 80px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 3;
	position: absolute;
	height: 1em;
	font-weight: bold;	
}

a.info_short:hover span{
	/*the span will display just on :hover state*/
    display: block;
	position: absolute;
	top: 85px;
	left: .2em;
	width: 12em;
	border: 0px solid #000033;
	background-color: #000033;
	color: #CCCCCC;
	text-align: center;
	z-index: 4;
}

/* - Orientation thin - */
/* - No Frames - */
.no_frame ul li ul li.thin a {
	list-style: none;
	background-image: none;
	margin: 15px 5px 45px 25px;
	padding: 12px;
	position: relative;
	border: 6px solid #000033;
	float: left;
	display: block;
	width: 70px;
	height: 140px;
	background-color: #fff;
}
.no_frame ul li ul li.thin a:hover {
	background-image: none;
	z-index: 2;
}
.no_frame ul li ul li.thin a img {
	position: absolute;
	top: 12px;
	width: 70px;
	height: 140px;
	margin: 0;
}
.no_frame ul li.thin a:focus img {
	width: auto;
	height: auto;
	left: -10px;
	top: -15px;
	z-index: 1;
	border: 6px solid #000033;
}
.no_frame ul li.thin a:active img {
	width: auto;
	height: auto;
	left: -10px;
	top: -15px;
	z-index: 1;
	border: 6px solid #000033;
}
.no_frame ul li.thin a:hover img {
	width: auto;
	height: auto;
	left: -10px;
	top: -15px;
	z-index: 1;
	border: 6px solid #000033;
}
/* - Orientation square - */
/* - No Frames - */
.no_frame ul li ul li.square a {
	list-style: none;
	background-image: none;
	margin: 14px 6.5px 52px 6.5px;
	padding: 1px;
	position: relative;
	border: 1px solid #000033;
	float: left;
	display: block;
	width: 154px;
	height: 154px;
	background-color: #fff;
}
.no_frame ul li ul li.square a:hover {
	background-image: none;
	z-index: 2;
}
.no_frame ul li ul li.square a img {
	background: #000033;
	position: absolute;
	top: 1px;
	width: 154px;
	height: 154px;
	margin: 0;
}
.no_frame ul li.square a:focus img {
	width: auto;
	height: auto;
	left: -23px;
	top: 0px;
	z-index: 2;
	border: 1px solid #000033;
}

.no_frame ul li.square a:active img {
	width: auto;
	height: auto;
	left: -23px;
	top: 0px;
	z-index: 2;
	border: 1px solid #000033;
}

.no_frame ul li.square a:hover img {
	width: auto;
	height: auto;
	left: -23px;
	top: 0px;
	z-index: 2;
	border: 1px solid #000033;
}

.no_frame ul li.overview {
	display: inherit;
	clear: both;
	padding: 0px 10px 30px 10px;
	color: #CCCCCC;
}