/*----------------------------*\
          main layout
\*----------------------------*/

body {
margin: 0;
padding:0;
text-align:center;
background: #fff url(../images/bg_main.jpg) 50% 0 no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
}
div.wrappa1 {
width:857px;
margin:0 auto;
text-align:left;
}
div.wrappa2 {
padding-top:50px;
}
div.wrappa3 {
background: url(../images/bg_body_top.png) 0 0 no-repeat;
height:20px;
}
div.wrappa4 {
background: url(../images/bg_body.png) 0 0 repeat-y;
}
div.wrappa4_content {
margin:0 20px;
}
div.wrappa5 {
background: url(../images/bg_body_bottom.png) 0 0 no-repeat;
height:20px;
}
div#footer {
padding:10px 0;
margin:0 10px 10px 10px;
font-size:12px;
color:#666;
}


/*----------------------------*\
           nav layout
\*----------------------------*/

#nav {
width:550px;
float:right;
}
#nav ul {
list-style-type:none;
}
#nav li {
display:block;
float:right;
margin:30px 10px 0 20px;
}
#nav a {
color:#000;
text-decoration:none;
font-size:18px;
display:block;
background:none;
padding:8px 10px;
}
#nav a:hover {
color:#666;
background:url(../images/arrow.gif) 50% 0 no-repeat;
}


/*----------------------------*\
        content layout
\*----------------------------*/

strong.large {
font-size:1.1em;
}
strong.ital, h2 {
font-size:1.2em;
font-style:italic;
font-family: Georgia, 'Times New Roman', serif;
font-weight:normal;
}
strong.grey {
color:#666;
}
div.wrappa2 img {
border:none;
}
div.left {
width:310px;
float:left;
margin:0 0 0 10px;
}
div.right {
width:474px;
float:right;
text-align:right;
margin:0 10px 0 0;
}
#footer p{
line-height:22px;
}
#footer img{
vertical-align:top;
border:none;
}
div.full {
width:817px;
float:left;
}
div.lots {
width:817px;
float:left;
text-align:center;
font-size:.8em;
}
div.lots a {
margin:0 5px;
}
div.lots a, div.left a, div.right a {
color:#666;
text-decoration:none;
font-weight:bold;
}
div.lots a:hover, div.left a:hover, div.right a:hover {
color:#000;
text-decoration:underline;
}
div#wrappa_img {
background  : #fff url(../images/pano_lot1_1.jpg ) no-repeat left top;
height      : 196px; 
font-size   : 1px;
width       : 817px;
margin:0 0 0 20px;
}
h1#heading_main {
position: absolute;
z-index:1000;
top: 315px;
left: 50%;
width:797px;
margin: 0 0 0 -398px;
text-align:left;
color:#fff;
padding:0;
font-style:italic;
font-family: Georgia, 'Times New Roman', serif;
font-weight:normal;
}
.shadow  {
position:relative;
display:block;
color:#fff;
}
.shadow span {
position:absolute;
display:block;
top:0px;  }
.shadow:before {
display:block;
padding:1px;
margin:0;
content: attr(title);
color:#000;
opacity:0.8; } 

/*----------------------------*\
          map layout
\*----------------------------*/

#map_wrappa{
float:right;
width: 475px;
height: 407px;
}
dl#map{
	margin: 0;
	padding: 0;
	background: transparent url(../images/map.gif) top center no-repeat;
	width: 475px;
	height: 407px;
	position: relative;
}
dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }


/*----------------------------*\
  Hotspot Declarations
\*----------------------------*/

dd#lot1{ top: 261px; left: 345px; }
dd#lot1 a{ position: absolute; width: 130px; height: 145px; text-decoration: none; }
dd#lot1 a span{ display: none; }
dd#lot1 a:hover{ position: absolute; background: transparent url(../images/map.gif) -345px -1075px no-repeat;}

dd#lot2{ left: 358px; top: 96px; }
dd#lot2 a{ position: absolute; width: 117px; height: 179px; text-decoration: none; }
dd#lot2 a span{ display: none; }
dd#lot2 a:hover{ position: absolute; background: transparent url(../images/map.gif) -358px -503px no-repeat;}

dd#lot3{ left: 318px; top: 0; }
dd#lot3 a{ position: absolute; width: 157px; height: 93px; text-decoration: none; }
dd#lot3 a span{ display: none; }
dd#lot3 a:hover{ position: absolute; background: transparent url(../images/map.gif) -318px -407px no-repeat;}

dd#lot4{ left: 145px; top: 0; }
dd#lot4 a{ position: absolute; width: 170px; height: 158px; text-decoration: none; }
dd#lot4 a span{ display: none; }
dd#lot4 a:hover{ position: absolute; background: transparent url(../images/map.gif) -145px -407px no-repeat;}

dd#lot5{ left: 93px; top: 0; }
dd#lot5 a{ position: absolute; width: 94px; height: 146px; text-decoration: none; }
dd#lot5 a span{ display: none; }
dd#lot5 a:hover{ position: absolute; background: transparent url(../images/map.gif) -93px -1221px no-repeat;}

dd#lot6{ left: 0; top: 0; }
dd#lot6 a{ position: absolute; width: 126px; height: 158px; text-decoration: none; }
dd#lot6 a span{ display: none; }
dd#lot6 a:hover{ position: absolute; background: transparent url(../images/map.gif) 0 -407px no-repeat;}

dd#lot7{ left: 0; top: 158px; }
dd#lot7 a{ position: absolute; width: 128px; height: 131px; text-decoration: none; }
dd#lot7 a span{ display: none; }
dd#lot7 a:hover{ position: absolute; background: transparent url(../images/map.gif) 0 -565px no-repeat;}

dd#lot8{ left: 0; top: 279px; }
dd#lot8 a{ position: absolute; width: 127px; height: 128px; text-decoration: none; }
dd#lot8 a span{ display: none; }
dd#lot8 a:hover{ position: absolute; background: transparent url(../images/map.gif) 0 -1500px no-repeat;}

dd#lot9{ left: 113px; top: 272px; }
dd#lot9 a{ position: absolute; width: 128px; height: 134px; text-decoration: none; }
dd#lot9 a span{ display: none; }
dd#lot9 a:hover{ position: absolute; background: transparent url(../images/map.gif) -113px -1086px no-repeat;}

dd#lot10{ left: 230px; top: 242px; }
dd#lot10 a{ position: absolute; width: 137px; height: 165px; text-decoration: none; }
dd#lot10 a span{ display: none; }
dd#lot10 a:hover{ position: absolute; background: transparent url(../images/map.gif) -230px -1463px no-repeat;}

dd#lot11{ left: 270px; top: 95px; }
dd#lot11 a{ position: absolute; width: 115px; height: 178px; text-decoration: none; }
dd#lot11 a span{ display: none; }
dd#lot11 a:hover{ position: absolute; background: transparent url(../images/map.gif) -270px -909px no-repeat;}

dd#lot12{ left: 137px; top: 139px; }
dd#lot12 a{ position: absolute; width: 133px; height: 133px; text-decoration: none; }
dd#lot12 a span{ display: none; }
dd#lot12 a:hover{ position: absolute; background: transparent url(../images/map.gif) -137px -953px no-repeat;}


/*----------------------------*\
   image gallery styles
\*----------------------------*/

div.wrappa_gallery {
width:474px;
float:right;
}
div.wrappa_gallery2 {
width:474px;
height:92px;
position:relative;
padding-top:333px;
}
#jgal { 
ist-style: none;
width: 474px;
padding:0;
margin:0;
}
#jgal li {
opacity: .5;
float: left;
display: block;
width: 108px;
height: 72px;
background-position: 50% 50%;
cursor: pointer;
margin:0 5px;
padding:0
}
#jgal li img {
position: absolute;
top: 0;
left:0;
display: none;
}
#jgal li.active img {
display: block;
}
#jgal li.active, #jgal li:hover {
outline-color: #bbb;
opacity: .99 /* safari bug */
}