/* This style sheet assumes that there is already a generic style sheet with a global reset in place .. ie styles.ccs */
#mapwrapper{ text-align:left; width:729px; float:left;}

#mapcontainer{ width:729px; height:313px; overflow:hidden; position:relative; z-index:0;}
#loading{ background:#351406 url(../images/loading.gif) no-repeat 50% 50%; width:729px; height:334px; position:absolute; z-index:2000;}
#area1{ width:729px; height:334px; top:0px; left:0px; position:absolute; z-index:1600; cursor:pointer;}
#area2{ width:729px; height:334px; top:0px; left:0px; position:absolute; z-index:1500;}
#maplarge{ height:928px; width:2248px; position:relative;}
#apartments,#maisonettes,#villas{ position:absolute; top:0px; left:0px;}
#building{ color:#FFFFFF; position:absolute; top:0; left:0px; width:729px; height:334px; z-index:1000; background:#351406 url(../images/building-bg.gif) no-repeat top left;}
#buildingcontent{ width:729px; height:313px; position:absolute; top:0px; left:0px;}

#slide{ position:absolute; bottom:6px; left:31px; font-weight:bold; z-index:1100;}
#slide a{ color:#FFFFFF; font-size:10px !important; text-decoration:none;}
#slide a:hover{color:#a29061;}
#propinfo{ float:left; width:729px; padding:18px 0px 0 0px; font-family:Arial;}
#proptitle{ float:left; width:729px;}
#proptitle h1{ color:#FFFFFF !important; font-size:20px; line-height: 24px; padding:15px 0 3px 31px; font-weight:normal;}
#proptxtwrap{ float:left; padding:0 31px 0 31px;}
#proptxt{ clear:left; float:left; width:320px; font-size:11px; padding:20px 0 0 0; line-height:15px; color:#FFFFFF;}
#proptxt p{ padding:0 0 13px 0;}
#proptxt b{ color:#a39161; font-weight:bold;}
#proppic{ float:left; position:relative; padding:12px 0 0 0;}
#details{ position:absolute; top:10px; left:10px;}

#minimapimage{ position:absolute; cursor:pointer; top:0px; left:0px; width:729px; height:313px; overflow:hidden;}
#miniapartments,#minivillas,#minimaisonettes{ position:absolute; top:0px; left:0px; z-index:500; cursor:pointer;}

.linesoff{ background:url(../images/map-large-all.jpg) no-repeat top left;}
.lineson{ background:url(../images/map-large-all.jpg) no-repeat bottom left;}

#slides{position:relative;}
#slides li{ position:absolute;}

#mnav{ float:right; clear:both; background:url(../images/mpnav/mpnavbg.gif) repeat-x top left; width:729px; }
#mnav li{ float:right;}
#mnav li a,#mnav li a span{ float:left; display:block; cursor:pointer; line-height:21px; height:21px; font-size:10px; text-decoration:none; overflow:hidden;}
#mnav li a span{ margin-left:-999px;}
#mnav li#showapartments a{ background:#351406 url(../images/mpnav/apartments.gif) no-repeat top right; width:89px;}
#mnav li#showapartments a:hover,#mnav li#showapartments a.on{ background:#351406 url(../images/mpnav/apartments.gif) no-repeat bottom right;}
#mnav li#showvillas a{ background:#351406 url(../images/mpnav/villas.gif) no-repeat top right; width:62px;}
#mnav li#showvillas a:hover,#mnav li#showvillas a.on{ background:#351406 url(../images/mpnav/villas.gif) no-repeat bottom right;}
#mnav li#showmaisonettes a{ background:#351406 url(../images/mpnav/maisonettes.gif) no-repeat top right; width:94px;}
#mnav li#showmaisonettes a:hover,#mnav li#showmaisonettes a.on{ background:#351406 url(../images/mpnav/maisonettes.gif) no-repeat bottom right;}
#mnav li#click a{ background:#351406 url(../images/mpnav/click.gif) no-repeat bottom right; width:306px;}
#mnav li#click a.on{ background:#351406 url(../images/mpnav/click.gif) no-repeat top right;}
#mnav li#switch a{ background:#351406 url(../images/mpnav/contours.gif) no-repeat top right; width:98px;}
#mnav li#switch a:hover,#mnav li#switch a.on{ background:#351406 url(../images/mpnav/contours.gif) no-repeat bottom right;}
#mnav li#zoomout a{ background:#351406 url(../images/mpnav/zoom.gif) no-repeat 100% 50%; width:80px;}
#mnav li#zoomout a.on{ background:#351406 url(../images/mpnav/zoom.gif) no-repeat top right;}
#mnav li#zoomout a.on:hover{ background:#351406 url(../images/mpnav/zoom.gif) no-repeat bottom right;}
#mnav li#zoomin a{ background:#351406 url(../images/mpnav/zoomin.gif) no-repeat 100% 50%; width:73px;}
#mnav li#zoomin a.on{ background:#351406 url(../images/mpnav/zoomin.gif) no-repeat top right;}
#mnav li#zoomin a.on:hover{ background:#351406 url(../images/mpnav/zoomin.gif) no-repeat bottom right;}
#mnav li#gap{ width:233px;}