* { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }

img { border: none; }

html { height: 100%; }
body {
  height: 100%;
  text-align: center;
  /*background: #AAA8A4;*/
  background: white url(../img/page-bg.gif) 50% 100% no-repeat;
}

#target {
  position: absolute;
  width: 232px; height: 232px;
  background: url(../img/target.png);
}

.layout-right #target { left: 402px; top:  28px; }
.layout-left  #target { left: 114px; top: 554px; }

#rightRule {
  position: absolute; top: 0px; height: 100%; left: 515px; width: 1px; overflow: hidden;
  background: #D0CBBF;
}

.layout-right #leftRule {
  position: absolute; left: 231px; top: 55px; width: 1px; height: 656px; overflow: hidden;
  background: #EDEBE6;
}

.layout-left #leftRule {
  position: absolute; left: 227px; top: 55px; width: 1px; height: 735px; overflow: hidden;
  background: #EDEBE6;
}

#page {
  text-align: left;
  width: 713px;
  height: 801px;
  margin: 0px auto;
  /*border: 1px solid black;*/
  position: relative;
}

#home #text1 {
  display: block; position: absolute; overflow: hidden;
  left:    0px;
  top:   143px;
  width: 231px;
  height:  0px; padding-top: 231px;
  background: #D8D4BF url(../img/home-text1.gif);
  color: black;
  border-top: 1px solid #D0CBBF;
}

#home #text2 {
  display: block; position: absolute; overflow: hidden;
  left:    0px;
  top:   475px;
  width: 231px;
  height:  0px; padding-top: 170px;
  background: #C6C0AB url(../img/home-text2.gif);
  color: black;
  border-top: 1px solid #EFEDE6;
}

#navigation {
  display: block; position: absolute; overflow: hidden;
  background: #B1C0D2 url(../img/menu.gif) no-repeat;
  left: 231px;
  top: 561px;
  width: 481px;
  height: 29px;
  z-index: 1;
}

.layout-left #navigation { left: 227px; }

#navigation ul { display: block; }

#navigation li { display: block; position: absolute; top: 1px; height: 27px; overflow: hidden; }

#navigation li a { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; display: block; text-indent: -9999px; background: url(../img/pixel.gif); }

#navigation li.home     { left:   1px; width:  88px; }
#navigation li.details  { left:  90px; width: 110px; }
#navigation li.location { left: 201px; width:  83px; }
#navigation li.about    { left: 285px; width:  93px; }
#navigation li.tariff   { left: 380px; width: 101px; }

.layout-left #navigation li.home { background: url(../img/menu-home2.gif) no-repeat 0 0; }

/* Override for apartment details page */
#details #target { top: 643px;  }
#details #navigation li.home { background-image: none; }
/* End override */

#about   #navigation { padding-right: 3px; }
#details #navigation { padding-right: 5px; }
#tariff  #navigation { padding-right: 4px; }

h1 strong {
  display: block; position: absolute; overflow: hidden;
  left: 21px; top: 57px;
  width: 198px; height: 0px; padding-top: 24px;
  background: url(../img/title-main.gif);
}

h1 span {
  display: block; position: absolute; overflow: hidden;
  left: 248px; top: 57px;
  height: 0px; padding-top: 32px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#home     h1 span { width: 117px; background-image: url(../img/title-welcome.gif); }
#details  h1 span { width: 233px; background-image: url(../img/title-details.gif); }
#location h1 span { width: 125px; background-image: url(../img/title-location.gif); margin-top: -2px; }
#tariff   h1 span { width:  64px; background-image: url(../img/title-tariff.gif); }
#about    h1 span { width: 118px; background-image: url(../img/title-about.gif); }

q#tagline {
  display: block;
  position: absolute;
  background: url(../img/quote-worlds.gif);
  width: 196px; height: 45px; text-indent: -9999px;
}

q.tagline:before, q.tagline:after { content: ""; }

#home     q#tagline { left: 516px; top: 316px; }
#details  q#tagline { left: 512px; top: 327px; border-right: 4px solid #C6C0AB; }
#location q#tagline { left:   0px; top: 635px; border-left: 10px solid #C6C0AB; border-right: 25px solid #C6C0AB; }
#tariff   q#tagline { left:   0px; top: 466px; border-left: 10px solid #C6C0AB; border-right: 21px solid #C6C0AB; }

/*
#about    q#tagline { left: 512px; top: 590px; border-left: 1px solid #C6C0AB; border-right: 2px solid #C6C0AB; }
*/

#about    q#tagline { left: 228px; top: 590px; border-left: 1px solid #C6C0AB; border-right: 1px solid #C6C0AB; }

#home img#photo1 { position: absolute; left: 232px; top: 143px; width: auto; height: auto; }
#home img#photo2 { position: absolute; left:   0px; top: 376px; width: 231px; height:  99px; }
#home img#photo3 { position: absolute; left: 232px; top: 590px; width: 283px; height: 118px; }
#home img#photo4 { position: absolute; left: 516px; top: 362px; width: auto; height: auto; }

#details #text1 {
  display: block; position: absolute; overflow: hidden;
  left:    0px;
  top:   143px;
  width: 227px;
  height:  0px; padding-top: 418px;
  background: #D8D4BF url(../img/details-text1.gif);
  color: black;
  border-top: 1px solid #D0CBBF;
}

#details img#photo1 { position: absolute; left: 228px; top: 143px; width: 283px; height: 418px; }
#details img#photo2 { position: absolute; left: 512px; top: 373px; width: 201px; height: 188px; }
#details img#photo3 { position: absolute; left:   0px; top: 563px; width: 227px; height: 195px; }


#location #text1 {
  display: block; position: absolute; overflow: hidden;
  left:    0px;
  top:   143px;
  width: 231px;
  height:  0px; padding-top: 490px;
  background: #D8D4BF url(../img/location-text1.gif);
  color: black;
  border-top: 1px solid #D0CBBF;
  border-bottom: 1px solid #D0CBBF;
}

#location a#link1 {
  display: block; position: absolute; overflow: hidden;
  left: 95px; top: 302px; width: 64px; height: 0px; padding: 14px 0px 0px 0px;
  background: url(../img/location-link1.gif) no-repeat 0 0;
}

#location a#link1:hover, #tariff a#link1:active { background-position: 0px -14px; }

#location img#photo1 { position: absolute; left: 232px; top: 143px; width: 283px; height: 418px; }
#location img#photo2 { position: absolute; left: 516px; top: 316px; width: 196px; height: 245px; }
#location img#photo3 { position: absolute; left: 232px; top: 590px; width: 283px; height: 118px; }

#tariff #text1 {
  display: block; position: absolute; overflow: hidden;
  left:    0px;
  top:   146px;
  width: 227px;
  height:  0px; padding-top: 222px;
  background: #D8D4BF url(../img/tariff-text1.gif);
  color: black;
  border-top: 1px solid #D0CBBF;
}

#tariff #text2 {
font-family:Arial;
font-size:10px;
  display: block; 
  position: absolute; 
  overflow: hidden;
  left:  228px;
  top:   110px;
  width: 325px;
  height:  450px; padding-top: 0px;
  background-color: #CDC7B0;
  color: black;
  border-top: 0px solid #D0CBBF;
}
table.tariff {
width:325px;
height:450px;
cursor:default;
}
table.tariff td{
text-align:center;
border: #A49E8A 1px solid;
border-top:none;
border-right: 1px #fff solid;
border-left: none;
padding:7px;
padding-top:2px;
padding-bottom:2px;

}
.theaders th {
border:1px solid #fff;
border-left:none;

padding-left:5px;
color:#fff;
padding-top:6px;
padding-bottom:6px;
}
table.tariff td.unavailable {
color:#507D80;
background-color:#B2C2D5;
}
table.tariff .dark {
background-color:#BFB89F;
}





#tariff a#link1 {
  display: block; position: absolute; overflow: hidden;
  left: 7px; top: 188px; width: 142px; height: 0px; padding: 16px 0px 0px 0px;
  background: url(../img/tariff-link1.gif) no-repeat 0 0;
}

#tariff a#link1:hover, #tariff a#link1:active { background-position: 0px -16px; }

#tariff img#photo1 { position: absolute; left: 554px; top: 235px; width: 158px; height: 326px; }
#tariff img#photo2 { position: absolute; left:   0px; top: 366px; width: 227px; height:  99px; }
#tariff img#photo3 { position: absolute; left: 228px; top: 590px; width: 325px; height:  79px; }

#tariff #last-modified {
  position: absolute; left: 554px; top: 190px; width: 158px; height: 44px;
	background: #DAD5C0 url(../img/last-modified.png) no-repeat 0 0;
	text-indent: -9999px;
}


#about #text1 {
  display: block; position: absolute; overflow: hidden;
  left:    0px;
  top:   146px;
  width: 227px;
  height:  0px; padding-top: 321px;
  background: #C6C0AB url(../img/about-text1.gif);
  color: black;
  border-top: 1px solid #D0CBBF;
}

#about #text2 {
  display: block; position: absolute; overflow: hidden;
  left:  426px;
  top:   80px;
  width: 284px;
  height:  0px; padding-top: 340px;
  background: #6888A7 url(../img/about-text2.gif);
  color: white;
  border-left: 1px solid #D0CBBF;
}

#about a#link1 {
  display: block; position: absolute; overflow: hidden;
  left: 426px; top: 590px; width: 284px; height: 45px; padding: 0px 0px 0px 0px;
  background: #C6C0AB; /*url(../img/tariff-link1.gif) no-repeat 0 0;*/
  border-left: 1px solid #EFEDE6;
  color: white; line-height: 45px; text-align: center; font-size: 120%;
}

/*
#about a#link1:hover, #tariff a#link1:active { background-position: 0px -16px; }
*/

#about img#photo1  { position: absolute; left:  84px; top: 469px; width: 143px; height: 200px; }
#about img#photo2  { position: absolute; left: 228px; top: 146px; width: 198px; height: 218px; }
#about img#photo3  { position: absolute; left: 228px; top: 365px; width: 198px; height: 198px; }

#about a#map1 {
  display: block; position: absolute; overflow: hidden;
  left:  427px;
  top:   421px;
  width: 141px; height: 140px;
}

#about a#map2 {
  display: block; position: absolute; overflow: hidden;
  left:  569px;
  top:   421px;
  width: 142px; height: 140px;
}