/*
gianpaolo.co.uk House Style PGM 201110221353
 */
@media print{
  body{
    background-image: none;
    background-color: transparent;
    color: #000000;
  }
}

@media screen{
  body{
    font-family: "lucida sans", sans-serif;
    background-color: #fdfdfd;
    color: #31294a;
  }
  div{
    border-style: none;
    border-width: thin;
    border-color: #d5d5d5;
    margin: 0;
    padding: 0;
    outline: none;
  }
  div.MB{
    width: 800px;
    height: 600px;
    position: absolute;
	left: 0%;
	top: 0%;
    z-index: 0;
	margin: auto;
    background-color: transparent;
  }
  div.zoomBox {
    width: 800px;
    height: 600px;
    position: absolute;
	left: 0%;
	top: 0%;
    z-index: 9001;
	margin: auto;
    display: none;
    background-color: transparent;
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
  }
  div.zoom {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  div.footer{
    width:100%;
    height: 3%;
    position: relative;
    left: 0%;
    top: 98%;
    background-color: transparent;
    font-size: xx-small;
    text-align: center;
  }
  div.TL{
    width: 33%;
    height: 65%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fdfcf2;
    border-top-style: solid;
    border-left-style: solid;
  }
  div.BL{
    width: 33%;
    height: 33%;
    position: absolute;
    left: 0;
    top: 65%;
    z-index: 0;
    background-color: #31294a;
    border-left-style: solid;
    border-bottom-style: solid;
  }
  div.TR{
    width: 67%;
    height: 65%;
    position: absolute;
    left: 33%;
    top: 0;
    z-index: 0;
    background-color: #fefef0;
    border-top-style: solid;
    border-right-style: solid;
  }
  div.BR{
    width: 67%;
    height: 33%;
    position: absolute;
    left: 33%;
    top: 65%;
    z-index: 0;
    background-color: #34294d;
    border-right-style: solid;
    border-bottom-style: solid;
  }
  div.TRvenues{
    width: 67%;
    height: 65%;
    position: absolute;
    left: 33%;
    top: 0%;
    z-index: 0;
    background-color: #fefef0;
    background-image: url(/images/BigG390.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    border-top-style: solid;
    border-right-style: solid;
  }
  div.TLb{
    width: 100%;
    position: absolute;
    right: 0.5em;
    bottom: 0;
    vertical-align: baseline;
  }
/*  div.TR1{
    width: 350px;
    height: 222px;
    position: relative;
    left: 5%;
    top: 10%;
    background-color: transparent;
    float: left;
  } */
  div.TR1{
    width: 94%;
    height: 67%;
    position: relative;
    left: 1%;
    top: 10%;
    background-color: transparent;
    float: left;
  }
  div.Vwpn{
    width: 15%;
    height: 15%;
    position: absolute;
    left: 10%;
    bottom: 2em;
    background-color: transparent;
  }
  div.TR2swapbox{
    width: 15%;
    height: 15%;
    position: absolute;
    right: 5%;
    top: 34%;
    font-size: small;
    font-variant: small-caps;
    text-align: right;
    color: #31294a;
    cursor: pointer;
  }
  div.TR1g{
    width: 350px;
    height: 222px;
    position: absolute;
    left: 5%;
    top: 10%;
    z-index: 0;
    cursor: pointer;
  }
  div.TR1gPrev{
    width: 15%;
    height: 15%;
    position: absolute;
    left: -2%;
    top: 68%;
    font-size: small;
    font-variant: small-caps;
    text-align: right;
    color: #31294a;
    cursor: pointer;
  }
  div.TR2g{
    width: 350px;
    height: 222px;
    position: absolute;
    left: 30%;
    bottom: 1em;
    z-index: 2;
    cursor: pointer;
  }
  div.TR2gNext{
    width: 15%;
    height: 15%;
    position: absolute;
    right: 5%;
    top: 34%;
    font-size: small;
    font-variant: small-caps;
    text-align: right;
    color: #31294a;
    cursor: pointer;
  }
  div.PageNav{
    width: 100%;
    position: absolute;
    left: 0%;
    top: 95%;
    background-color: transparent;
    font-size: small;
    font-variant: small-caps;
  }
  div.PageNavL{
    width: 33%;
    position: absolute;
    left: 0%;
  }
  div.PageNavC{
    width: 34%;
    position: absolute;
    left: 33%;
    text-align: center;
  }
  div.PageNavR{
    width: 32%;
    position: absolute;
    left: 67%;
    text-align: right;
  }
  div.lightbox-up{
    display:none;
    position: absolute;
    font-size: small;
    font-variant: small-caps;
    text-align: left;
    cursor: pointer;
    left: 88%;
    top: 39%;
    width: 4em;
    height: 2em;
  }
  div.lightbox-down{
    display:none;
    position: absolute;
    font-size: small;
    font-variant: small-caps;
    text-align: right;
    cursor: pointer;
    left: 88%;
    top: 55%;
    width: 4em;
    height: 2em;
  }
  div.lbx-25{
    width:24%;
    height:25%;
    position: absolute;
    border-style: solid;
    border-color: #fdfcf2;
    overflow: hidden;
    cursor: pointer;
  }
  div.lensBox{
    display: none;
    z-index: 9000;
    width: 50%;
    height: 50%;
    position: absolute;
    border-style: solid;
    border-width: 2px;
    border-color: #34294d;
    margin: auto;
    padding: 0;
    background-color: #fefef0;
    overflow: hidden;
  }
  div.lensBoxI{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  div.TopAll{
    background-color: transparent;
	width: 100%;
	height: 65%;
	position: absolute;
	top: 0;
	left: 0;
  }
  div.hide{
    display: none;
  }
  ul{
    list-style-type: none;
    list-style-position: inside;
  }
  ul.TL{
    width: 100%;
    text-align: right;
    position: relative;
    right: 2.5em;
  }
  ul.TR{
    width: 100%;
    text-align: left;
	margin: 0;
	padding: 0 0 0 0.5em;
  }
  li{
    list-style-type: none;
    list-style-position: inside;
  }
  a{
    outline: none;
  }
  a.light:link{
    color: #fefef0;
    text-decoration: none;
  }
  a.light:visited{
    color: #fefef0;
    text-decoration: none;
  }
  a.light:hover{
    color: #e3aa07 !important;
    text-decoration: underline;
  }
  a.dark:link{
    color: #31294a;
    text-decoration: none;
  }
  a.dark:visited{
    color: #31294a;
    text-decoration: none;
  }
  a.dark:hover{
    color: #e3aa07 !important;
    text-decoration: underline;
  }
  a.dark:active{
    color: #31294a;
    text-decoration: none;
  }
  a:active{
    color: #0000ff;
  }
  a.BL:link{
    color: #fefef0;
    text-decoration: none;
  }
  a.BL:visited{
    color: #fefef0;
    text-decoration: none;
  }
  a.BL:hover{
    color: #fefef0 !important;
    text-decoration: none;
  }
  a.BLHome:hover{
    color: #e3aa07 !important;
    text-decoration: none;
  }
  img{
    border-style: none;
    border-width: thin;
    padding: 0em;
    margin: 0em;
  }
  img:link{
    text-decoration: none;
  }
  img:hover{
    text-decoration: none;
  }
  img.MLogo{
    width: 667px;
    height: 81px;
    position:  absolute;
    left: 8.23%;
    top: 29%;
  }
  img.HomeLogo{
    width: 264px;
    height: 31px;
    position: relative;
    left: 0%;
    top: 2%;
  }
  img.TRMlogo{
    width: 195px;
    height: 92px;
    float: right;
    margin: 1em;
  }
  img.TRMmask{
    width: 195px;
    height: 92px;
    position: absolute;
    right: 2%;
    top: 4%;
    margin: 1em;
  }
  img.TRLlogo{
    height: 92px;
    float: right;
    margin: 1em;
  }
  img.TL1{
    width: 230px;
    height: 356px;
    position: absolute;
    left: 2%;
    top: 4%;
    z-index: 1;
  }
  img.TR1{
    width: 350px;
    height: 222px;
    position: relative;
    left: 5%;
    top: 10%;
    z-index: 1;
  }
  img.TR1text{
    width:365px;
    height:270px;
    margin: 2px;
    vertical-align: bottom;
    float: right;
	display: block;
    /*position: relative;
    left: 0%;
    top: -25%; */
  }
/*  img.TR1text{
    width:220px;
    height:113px;
    margin: 2px;
    vertical-align: bottom;
    float: right;
  } */
  img.TRg{
    height: 222px;
  }
  img.TR2{
    width: 350px;
    height: 222px;
    position: absolute;
    left: 30%;
    bottom: 1em;
    z-index: 0;
  }
  img.TR2v{
    width: 350px;
    height: 222px;
    position: absolute;
    left: 30%;
    bottom: 1em;
  }
  img.lbx{
    height: 90%;
    padding: 4%;
    margin: auto;
  }
  img.lensI{
    display: block;
    height: 100%;
    padding: 0;
    margin: auto;
  }
  span.BLHome{
    font-size: small;
    color: #fefef0;
    position:  relative;
    left: 60%;
    top: -7%;
  }
  span.MText{
    font-variant: small-caps;
	text-align: right;
    color: #31294a;
	width: 64.5%;
    position:  absolute;
    left: 27%;
    top: 35.25%;
    z-index: 1;
	display: block;
  }
  span.NFText{
    font-variant: small-caps;
    color: #31294a;
    position:  relative;
    left: 31%;
    top: 25%;
    z-index: 1;
  }
  span.BRMenu{
    font-variant: small-caps;
    color: #fefef0;
    position:  relative;
    left: 5%;
  }
  span.BRMenuHere{
    color: #e3aa07;
  }
  span.BRMenuLink{
    color: #e3aa07;
    text-decoration: underline;
  }
  span.BRMenuSoon{
    color: #280028;
  }
  span.Vname{
    font-size: 1.25em;
    font-weight: bold;
  }
  span.zoomClose{
    font-variant: small-caps;
    color: #fefef0;
    text-decoration: underline;
    position:  absolute;
/*    left: 94%;
    top: 94%; */
    left: 90%;
	top: 2%;
    z-index:9005;
    cursor: pointer;
  }
  span.MsgBox{
    display: none;
	font-variant: small-caps;
	font-size: x-small;
	text-align: center;
	color: #e3aa07;
    width: 100%;
	position:  absolute;
    top: 90%;
	left: 0;
  }
  span.ACK{
    position: absolute;
	right: 1em;
	bottom: 0.25em;
	font-size: x-small;
  }
  h1,h2,h3,h4,h5,h6{
     display: none;
  }
  p{
    outline: none;
  }
  p.TR1{
    border-style: none;
    border-width: thin;
	font-size: 0.95em;
  }
  p.TRtext{
    padding: 0 2em 0 0;
  }
  p.LLH {
	font-variant: small-caps;
	text-decoration: underline;
	margin-bottom: 0;
	padding: 0;
  }
}