

/* general styles */

body {
padding:0;
margin:0;
background:#fff url("../img/bg_body.jpg") repeat-x top center;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#444;
text-align:center;
}

#bodySpan1 {
width:100%;
background:url("../img/bg_bodyspan.jpg") no-repeat top center;
}

#bodySpan2 {
background:url("../img/bg_bodyspan_2.gif") no-repeat top center;
}

.index #bodySpan2,
.gallery #bodySpan2,
.location #bodySpan2 {
background:transparent;
}


ul {
margin-top:0;
padding-top:0;
}

a {
color:#444;
text-decoration:none;
}

a:hover {
color:#559ddd;
}

a img {
border:none;
}

a:active,
a:focus  {
outline:none;
}

.contact #content p a {
background:#cbf5ab;
text-decoration:none;
color:#000;
}

.contact #content p a:hover {
background:#000;
color:#fff;
}

.error {
color:#f00;
}

p {
margin:0 0 1.3em 0;
padding:0;
}

h2 {
margin:0;
padding:0 0 5px 0;
font-weight:normal;
font-size:17px;
}

form {
margin:0;
padding:0;
}

input,
select,
textarea {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
color:#444;
}

input.text {
border:1px solid #b2bac0;
padding:2px 5px 2px 5px;
width:165px;
}

textarea {
border:1px solid #b2bac0;
padding:2px 5px 2px 5px;
overflow:auto;
}

td label {
float:left;
padding:2px 18px 2px 0;
}

label.required {
background:url("../img/icon_required.gif") no-repeat top right;
}

td input,
td textare {
margin:2px 0 0 0;
}

.separator {
border-bottom:1px solid #dedede;
padding:16px 0 0 0;
margin:0 0 16px 0;
clear:both;
}

.separator hr {
display:none;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* table styles */

.contactForm td {
padding:0 10px 10px 0;
vertical-align:top;
}


/* container */

#container {
position:relative;
margin:auto;
width:770px;
line-height:1.5em;
text-align:left;
}


/* header */

#header {
background:url("../img/bg_header.jpg") no-repeat top left;
height:195px;
}

.location #header {
background:url("../img/bg_location_header.jpg") no-repeat top left;
height:97px;
}

.gallery #header {
height:auto;
background:transparent;
}

#logo {
position:absolute;
top:21px;
right:30px;
}

#mainMenu {
position:absolute;
top:118px;
right:0;
width:597px;
height:26px;
background:#fff url("../img/bg_mainmenu.gif") no-repeat top left;
text-align:center;
overflow:hidden;
}

.index #mainMenu {
background:none;
}

.gallery #mainMenu {
background:transparent;
}

.location #mainMenu {
background:#fff url("../img/bg_mainmenu_location.gif") no-repeat top left;
}

#mainMenu img {
margin-left:-3px;
}

#floorMenu {
position:absolute;
top:149px;
left:0;
width:587px;
height:48px;
background:#2a343c url("../img/bg_floormenu.jpg") no-repeat top left;
}

#selectFloor {
padding:10px 0 0 112px;
width:470px;
}

#selectFloor img {
float:left;
}

#selectFloor img {
border-right:1px solid #494d52;
}


/* index page */

.index #container {
height:auto !important;
height:560px;
min-height:560px;
padding-top:40px;
}

.index #header {
background:none;
}

.index #slides {
overflow:hidden;
width:770px;
height:580px;
}

.index #intro {
position:absolute;
top:302px;
left:0;
}
.index #intro img {
  position:absolute;
}
.index #intro ul {
  position:absolute;
  color:#fff;
  top:50px;
  left:26px;
  font-size:18px;
}
.index #intro ul li {
  width:250px;
}


.index #news {
position:absolute;
top:374px;
left:420px;
width:325px;
font-size:15px;
}

.index #news a {
color:#efd69d;
}

.index #news a:hover {
color:#98d3f1;
}


/* gallery */

#frame {
padding-top:40px;
}

#frameSelect {
position:absolute;
top:370px;
left:40px;
padding:2px 8px 2px 8px;
background:#fff;
}

#frameSelect2 {
position:absolute;
top:395px;
left:40px;
padding:2px 8px 2px 8px;
background:#fff;

}

#frameSelect3 {
position:absolute;
top:440px;
left:40px;
padding:2px 8px 2px 8px;
background:#fff;
}


#frameSelect p,
#frameSelect2 p,
#frameSelect3 p {
margin:0;
padding:0;
color:#999;
}

#frameSelect .separator,
#frameSelect2 .separator,
#frameSelect3 .separator {
color:#ccc;
}

#frameSelect a,
#frameSelect2 a,
#frameSelect3 a {
padding-left:4px;
padding-right:4px;
color:#666;
text-decoration:none;
}

#frameSelect a.on,
#frameSelect a:hover,
#frameSelect2 a.on,
#frameSelect2 a:hover,
#frameSelect3 a.on,
#frameSelect3 a:hover {
background:#98ed59;
color:#333;
}


/* content */

#content {
position:relative;
width:770px;
background:#fff url("../img/bg_content.gif") no-repeat top left;
}

.apartments #contentSpan {
width:710px;
padding:45px 30px 25px 30px;
height:330px;
background:url("../img/bg_content_apartments.jpg") no-repeat top left;
}

.location #content {
position:static;
}

.location #contentSpan {
width:770px;
padding:0;
height:553px;
background:url("../img/bg_content_location.jpg") no-repeat top left;
}


/* map */

.location #description {
position:absolute;
top:165px;
left:35px;
width:280px;
color:#394d25;
line-height:1.7em;
}


/* apartments table */

#apartmentsTable {
position:absolute;
top:45px;
left:30px;
width:425px;
}

table.style1 {
border-collapse:collapse;
border:none;
padding:0;
width:100%;
font-size:11px;
}

.style1 th,
.style1 td {
border-top:1px solid #ccd4da;
border-bottom:1px solid #ccd4da;
border-left:1px solid #ccd4da;
padding:5px 0 4px 0;
text-align:center;
}

.style1 td s {
color:#6c787e;
}

.style1 th.last,
.style1 td.last {
border-right:1px solid #ccd4da;
}

.style1 td.last {
padding-top:4px;
padding-bottom:4px;
line-height:1.3em;
}

.style1 td.last span {
color:#cc0000;
}

.style1 td.actions {
padding:0 0 0 3px;
}
.style1 td.actions a{
float:left;
}

.style1 th.clear,
.style1 td.clear,
.style1 tr.hovered td.clear,
.style1 tr.sold td.clear {
border:none;
background:transparent;
}

.style1 tr.sold s {
text-decoration:none;
}

.style1 tr.hovered td {
border-top:1px solid #88e246;
border-bottom:1px solid #88e246;
border-left:1px solid #88e246;
background:#bef297 url("../img/bg_td_hovered.gif") repeat-x top;
}

.style1 tr.hovered td.last {
border-right:1px solid #88e246;
}

.style1 tr.sold td {
background:#ebeff2;
color:#90999e;
}

#storageInfo {
position:absolute;
top:415px;
left:30px;
width:425px;
color:#61666a;
}


/* floor plan styles */

#floorSelect {
position:absolute;
top:385px;
right:35px;
width:250px;
text-align:right;
}

#floorSelect label {
padding-right:10px;
}

#plan {
position:absolute;
top:30px;
right:10px;
width:310px;
height:360px;
}

#plan img {
display:block;
}

#plan .imagemap {
position:absolute;
top:0;
right:0;
width:310px;
height:360px;
}

#plan .apartment {
position:absolute;
top:0;
right:0;
width:310px;
height:360px;
}

#compass {
position:absolute;
left:700px;
top:30px;
}


/* sub menu */

#subMenu {
position:absolute;
top:149px;
left:0;
padding-top:10px;
width:587px;
height:38px;
background:#2a343c url("../img/bg_floormenu.jpg") no-repeat top left;
text-align:center;
}

.interior #subMenu {
padding-top:8px;
height:44px;
}

.interior #subMenu img {
border-right:1px solid #494d52;
}

.interior img.heading {
margin:20px 0 8px -5px;
padding:0 415px 0 0;
background:#cee4ff;
}

.interior td {
font-size:11px;
line-height:1.3em;
}

#subMenu2 {
margin:0 0 -15px -4px;
width:100%;
font-size:12px;
}

#subMenu2 ul {
margin:0;
padding:0;
}

#subMenu2 li {
margin:0;
padding:0;
list-style:none;
float:left;
}

#subMenu2 li a {
display:block;
float:left;
border-right:1px solid #ccd4da;
padding:3px 0 3px 4px;
width:125px;
background:#f0f4f7;
}

#subMenu2 li a:hover {
color:#333;
}

#subMenu2 li.on a {
border-right:1px solid #88e246;
background:#bef297 url("../img/bg_td_hovered.gif") repeat-x top;
}

#printPlan {
display:none;
}

#introduction {
position:absolute;
left:0;
top:-46px;
}

.introduction #content a,
.interior #content a {
background:#d0e6fa;
color:#333;
}
.col1, .col2 {
    float:left;
    width:260px;
    /*border:1px #eee solid;*/
    height:350px;
    padding-left:60px;
}
.col2 {padding-left:25px;}
.color {
    width:50px;height:50px;
    float:left;
    /*border:1px #000 solid;*/
}
.color-name {
    float:left;
    padding-top:5px;
    margin-left:12px;
}
.color-name span {text-transform:uppercase;}
.comment {
    font-size:16px;
    padding-top:10px;
}

#interior h1, .plaadid-section h1 {
    font-weight:normal;
    font-size:14pt;
    margin-bottom:25px;
}
.plaadid-section {padding-bottom:70px;}
.plaadid-section hr {
    margin:7px 0px;
}
.column1, .column2 {
    float:left;
    /*border:1px #00f solid;*/
}

.plaat {
    line-height:1em;
    margin-bottom:10px;
}

.plaadid-section h2 {
    padding-top:10px;
    width:100px;
    /*border:1px #ddd solid;*/
}
.img-container {
    float:left;
    margin:0px 15px;
    width:96px;
}
.img-container img {
   float:right;
}
.plaadid-descr {
    float:left;
    padding-top:15px;
}
div#sisustus {
    margin: 0px 40px 0px;
}
.even {
    background-color:#efefef;
}
.raakime-h2 {
    text-transform:uppercase;
    margin-top:5px;
    padding-top:0px;
    font-weight:bold;
    margin-bottom:5px;
}
#subMenu .l-uudised {
    float:left;
    margin-left:140px;
}
.news-col1 {
    width:80px;
    float:left;
}
.news-col2 {
    float:left;
    width:345px;
}
.news-col2 a {

}

