/* base styles */

body {
margin:0;
padding:0;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
text-align:center;
color:#000;
}

a {
color:#a02433;
}

a {
text-decoration:none;
}

a img {
border:none;
}

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

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

h1 {
margin:-20px 0 20px -15px;
padding:0 0 0 15px;
width:885px;
height:35px;
font-size:14px;
line-height:35px;
color:#fff;
background:#a02433 url("../img/bg_h1.gif") no-repeat top left;
}

h2 {
margin:0;
padding:3px 0 10px 0;
font-size:14px;
}

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

form {
margin:0;
padding:0;
}

input.text,
textarea,
select,
button {
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
}

input.text,
textarea {
border-top:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:3px 2px 3px 2px;
background:#fff url("../img/bg_input_text.gif") no-repeat top left;
}

.note {
padding:4px 0 0 0;
font-size:11px;
color:#666;
}

input.error {
border:1px solid #a02433;
}

img.avatar {
position:absolute;
top:75px;
right:0;
}

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


/* table styles */

table.style1 {
border-collapse:collapse;
border:none;
margin:0 0 1.2em 0;
}

table.style1 th,
table.style1 td {
border-bottom:1px solid #fff;
padding:4px 10px 4px 10px;
background:#efefef;
}


/* container */

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


/* header */

#header {
width:900px;
height:100px;
}

#logo {
position:absolute;
top:25px;
left:0;
}

#number {
position:absolute;
top:25px;
height:30px;
}

#number span {
display:none;
}

#askOffer {
position:absolute;
top:27px;
right:0;
width:114px;
height:25px;
}

#askOffer a {
display:block;
height:25px;
}

#askOffer span {
display:none;
}

#mainMenu {
position:absolute;
top:25px;
left:182px;
}

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

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

#mainMenu li a {
display:block;
margin:0 20px 0 0;
height:25px;
}

#mainMenu li a span {
display:none;
}


/* selection menus */

#secondMenu {
height:35px;
background:#303030;
}

.pForHomeOffer #secondMenu {
display:none;
}

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

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

#secondMenu li a {
display:block;
width:179px;
height:35px;
}

#secondMenu li a span {
display:none;
}

/* for home */

#secondMenu li#lGarageDoors a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lGarageDoors.on a {
border:none;
width:360px;
}

#secondMenu li#lGateAutomatics a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lGateAutomatics.on a {
position:relative;
border:none;
border-left:1px solid #303030;
margin-left:-1px;
width:360px;
}

#secondMenu li#lInstallation a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lInstallation.on a {
position:relative;
border:none;
border-left:1px solid #303030;
border-right:1px solid #303030;
margin-left:-1px;
margin-right:-1px;
width:360px;
}

#secondMenu li#lService a {
border-right:1px solid #303030;
}

#secondMenu li#lService.on a {
position:relative;
border:none;
border-left:1px solid #303030;
margin-left:-1px;
width:360px;
}

/* for builder */

#secondMenu li#lHomes a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lHomes.on a {
border:none;
width:180px;
}

#secondMenu li#lIndustrialDoors a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lIndustrialDoors.on a {
position:relative;
border:none;
border-left:1px solid #303030;
margin-left:-1px;
width:180px;
}

#secondMenu li#lLoading a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lLoading.on a {
position:relative;
border:none;
border-left:1px solid #303030;
border-right:1px solid #303030;
margin-left:-1px;
margin-right:-1px;
width:180px;
}

#secondMenu li#lParking a {
border-right:1px solid #303030;
}

#secondMenu li#lParking.on a {
position:relative;
border:none;
border-left:1px solid #303030;
border-right:1px solid #303030;
margin-left:-1px;
margin-right:-1px;
width:180px;
}

#secondMenu li#lVaravaajamid a {
border-left:1px solid #4f4f4f;
}

#secondMenu li#lVaravaajamid.on a {
position:relative;
border:none;
border-left:1px solid #303030;
margin-left:-1px;
width:180px;
}

/* about */

#secondMenu li#lCampaign a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lCampaign.on a {
border:none;
width:360px;
}

#secondMenu li#lContact a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lContact.on a {
border:none;
width:360px;
border-left:1px solid #303030;
margin-left:-1px;
}

#secondMenu li#lAbout a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lAbout.on a {
position:relative;
border:none;
border-left:1px solid #303030;
margin-left:-1px;
width:360px;
}

#secondMenu li#lServiceInfo a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lServiceInfo.on a {
position:relative;
border:none;
border-left:1px solid #303030;
margin-left:-1px;
width:360px;
}

#secondMenu li#lSertificates a {
border-right:1px solid #4f4f4f;
}

#secondMenu li#lSertificates.on a {
position:relative;
border:none;
border-left:1px solid #303030;
border-right:1px solid #303030;
margin-left:-1px;
margin-right:-1px;
width:360px;
}

#secondMenu li#lReferences a {
border-right:1px solid #303030;
}

#secondMenu li#lReferences.on a {
position:relative;
border:none;
border-left:1px solid #303030;
margin-left:-1px;
width:360px;
}

#secondMenu li#lBargain a {
border-right:1px solid #303030;
}

#secondMenu li#lBargain.on a {
position:relative;
border:none;
border-left:1px solid #303030;
margin-left:-1px;
width:360px;
}

#thirdMenu {
margin:3px 0 0 0;
width:900px;
height:25px;
background:#303030;
}

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

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

#thirdMenu li a {
display:block;
float:left;
padding:0 35px 0 15px;
height:25px;
line-height:24px;
color:#fff;
}

#thirdMenu .compact li a {
padding:0 28px 0 10px;
font-size:11px;
}

#thirdMenu li.on {
background:#a02433 url("../img/bg_thirdmenu_1b.gif") no-repeat top left;
}

#thirdMenu li.on a {
background:url("../img/bg_thirdmenu_2b.gif") no-repeat top right;
}

#thirdMenu li#thirdFirst.on {
background:#a02433 url("../img/bg_thirdmenu_1.gif") no-repeat top left;
}

#fourthMenu {
padding:20px 0 0 0;
width:165px;
}

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

#fourthMenu li {
margin:0;
padding:0;
width:165px;
list-style:none;
}

#fourthMenu li a {
display:block;
padding:2px 0 2px 15px;
width:150px;
color:#000;
}

#fourthMenu li.on {
margin:4px 0 4px 0;
background:#a02433 url("../img/bg_fourthmenu_1.gif") no-repeat top left;
}

#fourthMenu li.on a {
padding:4px 0 4px 15px;
background:url("../img/bg_fourthmenu_2.gif") no-repeat bottom left;
color:#fff;
}


/* content */

#content {
position:relative;
width:900px;
height:auto !important;
height:400px;
min-height:400px;
}


/* builder page */

#col1 {
float:left;
padding:15px 15px 0 0;
width:165px;
}

#col2 {
float:left;
padding:15px 0 0 0;
width:720px;
}

#intro img {
display:block;
}

#bodyText {
float:left;
padding:20px 95px 25px 15px;
width:450px;
line-height:1.5em;
}

#thumbnails {
float:left;
padding:20px 0 25px 0;
width:160px;
}

#thumbnails img {
float:left;
display:inline;
margin:0 0 5px 5px;
}


/* private home tutorials */

#demonstation img {
display:block;
padding:10px 0 0 0;
}

.pForHomeStep1 #demonstation {
padding:0;
}

#introduction {
position:absolute;
border-top:1px solid #bfbfbf;
top:0;
left:0;
padding:13px 385px 0 15px;
width:500px;
height:56px;
background:#fff;
}

#introduction p {
margin:0;
padding:0;
font-size:14px;
line-height:1.4em;
}

.pForHomeStep1 #introduction,
.pForHomeStep2 #introduction,
.pForHomeStep4 #introduction,
.pForHomeStep5 #introduction {
padding:13px 15px 15px 15px;
top:45px;
left:0;
height:auto;
width:330px;
}

.pForHomeStep1 #introduction,
.pForHomeStep4 #introduction,
.pForHomeStep5 #introduction {
padding:13px 385px 15px 15px;
width:500px;
}

.pForHomeStep2 #introduction p,
.pForHomeStep4 #introduction,
.pForHomeStep5 #introduction p {
margin:0 0 13px 0;
}

.pForHomeStep2 #introduction,
.pForHomeInstallation #introduction,
.pForHomeService #introduction {
border-top:none;
padding:13px 15px 0 0;
top:55px;
left:45px;
width:300px;
background:transparent;
color:#fff;
}

.pForHomeStep2 #arrow1 {
position:absolute;
top:250px;
left:560px;
height:48px;
background:url("../img/bg_arrow_r.gif") no-repeat top right;
}

.pForHomeStep2 #arrow1 p {
margin:0;
padding:16px 15px 0 40px;
}

.pForHomeStep3 .arrow {
height:48px;
background:url("../img/bg_arrow_r.gif") no-repeat top right;
}

.pForHomeStep3 .arrow p {
margin:0;
padding:16px 40px 0 15px;
}

.pForHomeStep3 #arrow1 {
position:absolute;
top:230px;
left:400px;
}

.pForHomeStep3 #arrow2 {
position:absolute;
top:285px;
left:485px;
}

.pForHomeStep3 #arrow3 {
position:absolute;
top:235px;
left:645px;
background:url("../img/bg_arrow_l.gif") no-repeat top left;
}

.pForHomeStep3 #arrow3 p {
margin:0;
padding:16px 15px 0 40px;
}

.pForHomeStep3 #arrow4 {
position:absolute;
top:295px;
left:605px;
}

.pForHomeStep2 #bodyText,
.pForHomeStep3 #bodyText,
.pForHomeStep4 #bodyText,
.pForHomeStep5 #bodyText,
.pForHomeInstallation #bodyText {
position:absolute;
top:185px;
left:45px;
padding:0;
width:315px;
color:#fff;
}

.pForHomeInstallation #bodyText {
position:absolute;
top:125px;
left:15px;
padding:0;
width:500px;
color:#fff;
}

.pForHomeService #content {
background:url("../img/intro-private-7.jpg") no-repeat bottom right;
}

.pForHomeService #bodyText {
padding:125px 0 20px 15px;
width:500px;
float:none;
}

.pForHomeService #demonstation img {
display:none;
}

.pForHomeInstallation #bodyText {
top:185px;
width:340px;
}

.pForHomeStep3 #bodyText {
top:105px;
}

.pForHomeStep5 #bodyText {
top:210px;
left:535px;
line-height:1.2em;
}

.pForHomeStep5 #bodyText a {
color:#fff;
text-decoration:underline;
}

.pForHomeInstallation #introduction,
.pForHomeInstallation #bodyText,
.pForHomeService #introduction,
.pForHomeService #bodyText {
color:#000;
}

.pForHomeInstallation #introduction,
.pForHomeService #introduction {
left:15px;
width:500px;
}

.pForHomeInstallation #introduction {
left:15px;
width:340px;
}

.pForHomeStep5 #bonusInfo {
position:absolute;
top:13px;
left:540px;
}

.pForHomeStep5 #bonusInfo a {
display:block;
width:119px;
height:25px;
background:url("../img/bg_button.gif") no-repeat top left;
line-height:25px;
text-align:center;
color:#333;
}

.pForHomeStep5 #bonusInfo a:hover {
background:url("../img/bg_button.gif") no-repeat bottom left;
color:#fff;
}

#steps {
position:absolute;
top:390px;
left:45px;
}

#steps a {
display:block;
float:left;
padding:6px 0 0 15px;
width:150px;
height:24px;
background:url("../img/bg_next.gif") no-repeat top left;
font-size:14px;
color:#fff;
}

#steps a:hover {
background:url("../img/bg_next_on.gif") no-repeat top left;
color:#000;
}

#steps a.nr {
float:left;
margin:0 4px 0 0;
padding:0;
width:30px;
height:30px;
background:url("../img/bg_nr_on.gif") no-repeat top left;
line-height:28px;
text-align:center;
font-size:14px;
color:#fff;
}

#steps a.nr:hover {
background:url("../img/bg_nr.gif") no-repeat top left;
color:#000;
}

#steps a.on {
background:url("../img/bg_nr.gif") no-repeat top left;
text-align:center;
color:#000;
}

.pForHomeService #thumbnails {
position:absolute;
top:100px;
right:0;
width:240px;
}


/* private home form */

#homeForm {
padding:0 0 25px 0;
width:900px;
}

#homeForm #col1 {
float:left;
margin:0 10px 10px 0;
padding:0;
width:290px;
height:400px;
background:#efefef;
}

#homeForm #col2 {
float:left;
margin:0 10px 10px 0;
padding:0;
width:290px;
height:400px;
background:#efefef;
}

#homeForm #col3 {
float:left;
margin:0 0 10px 0;
padding:0;
width:300px;
height:400px;
background:#efefef;
}

#homeForm h2 {
margin:0 0 -10px 0;
padding:5px 15px 5px 15px;
font-size:15px;
background:#303030;
font-weight:normal;
color:#fff;
}

#homeForm #col4 {
float:left;
margin-right:10px;
padding:0 0 10px 0;
width:590px;
height:135px;
background:#efefef;
}

#homeForm #col4 .labels td {
padding:10px 0 0 0;
}

#homeForm #col5 {
float:left;
width:300px;
}

#homeForm #col5 input.image {
}

form table {
border-collapse:collapse;
border:none;
}

form td {
padding:3px 0 0 0;
}

form tr.labels td {
padding-top:20px;
}

#homeForm td input.text {
float:left;
}

#homeForm td select {
float:left;
margin-right:5px;
}

form td span.note {
display:block;
clear:both;
width:100%;
}

form td span.required {
float:left;
display:block;
width:15px;
text-align:center;
}

form label.error {
float:left;
padding:2px 0 0 3px;
}


/* for architect */

#files {
margin:0 0 10px 0;
width:900px;
background:url("../img/bg_3cols.gif") repeat-y left;
}

#files #col1 {
float:left;
margin:0 10px 0 0;
padding:0 15px 25px 15px;
width:260px;
background:#efefef;
}

#files #col2 {
float:left;
margin:0 10px 0 0;
padding:0 15px 25px 15px;
width:260px;
background:#efefef;
}

#files #col3 {
float:left;
padding:0 15px 25px 15px;
width:270px;
background:#efefef;
}

#files h2 {
margin:0 -15px -5px -15px;
padding:5px 15px 5px 15px;
font-size:15px;
background:#303030;
font-weight:normal;
color:#fff;
}

#files h3 {
margin:25px -5px 5px -5px;
padding:3px 5px 3px 5px;
font-size:12px;
background:#e4e4e4;
}

#files table {
width:100%;
}

#files td {
padding:3px 0 3px 0;
}

#files td.filename img {
margin:0 2px -2px 0;
}

#files td.size {
text-align:right;
font-size:11px;
color:#333;
}

#files td a {
color:#000;
}

#files td a:hover {
text-decoration:underline;
}


/* for builder */

.pForBuilderStep1 #secondMenu {
position:absolute;
top:0;
left:0;
width:900px;
height:35px;
background:#303030;
}

.pForBuilderStep1 #demonstation img {
display:block;
padding:0;
}

.pForBuilderStep1 #introduction {
height:36px;
}

.rightBox {
position:absolute;
width:240px;
background:url("../img/bg_infobox.gif") no-repeat top left;
}

.rightBox .boxSpan {
width:240px;
background:url("../img/bg_infobox_2.gif") no-repeat bottom left;
}

.rightBox p {
margin:0;
padding:5px 10px 10px 25px;
font-size:11px;
line-height:1.4em;
}

.leftBox {
position:absolute;
width:240px;
background:url("../img/bg_infobox_3.gif") no-repeat top left;
}

.leftBox .boxSpan {
width:240px;
background:url("../img/bg_infobox_4.gif") no-repeat bottom left;
}

.leftBox p {
margin:0;
padding:5px 25px 10px 10px;
font-size:11px;
line-height:1.4em;
}

/* These are broken if size of the content changes (tuupola)
#info15,
#info16,
#info17 {
background:url("../img/bg_infobox_5.gif") no-repeat bottom left;
}

#info15 .boxSpan,
#info16 .boxSpan,
#info17 .boxSpan {
background:url("../img/bg_infobox_6.gif") no-repeat top left;
}
*/


/* contacts */

#contacts {
margin:0 -15px 0 0;
padding:15px 0 0 2px;
width:915px;
}

.contact {
float:left;
margin:0 14px 0 0;
padding:0 15px 0 15px;
width:260px;
height:350px;
}

.contact img {
display:block;
margin:0 -15px 5px -15px;
}


/* main index */

.index #mainMenu,
.index #secondMenu {
display:none;
}

.index #introForClient p,
.index #introForBuilder p,
.index #introForArchitect p {
border-right:1px solid #4f4f4f;
padding:0;
width:299px;
height:35px;
background:#303030;
}

.index #introForClient a,
.index #introForBuilder a,
.index #introForArchitect a {
display:block;
width:299px;
height:35px;
}

.index #introForClient a span,
.index #introForBuilder a span,
.index #introForArchitect a span {
display:none;
}

.index #introForClient p {
border-left:1px solid #303030;
}

.index #introForArchitect p {
border-right:none;
}

.index #introForClient,
.index #introForBuilder,
.index #introForArchitect {
float:left;
width:300px;
height:401px;
}

.index #introForClient {
width:301px;
}

.index #introForArchitect {
width:299px;
}

.index #introForClient img,
.index #introForBuilder img,
.index #introForArchitect img {
display:block;
border-right:1px solid #303030;
}

.index #introForClient img {
border-left:1px solid #303030;
}

.index #badge {
position:absolute;
left:175px;
top:240px;
}

.index #badge img {
display:block;
}


/* footer */

#footer {
border-top:5px solid #303030;
width:900px;
}

#footer .col {
float:left;
padding:10px 0 10px 15px;
width:165px;
}

#footer .address {
position:relative;
border-top:1px solid #bfbfbf;
padding:8px 15px 20px 15px;
color:#666;
}

#footer h4 {
border-bottom:1px solid #bfbfbf;
margin:0 0 5px 0;
padding:0 0 2px 0;
font-size:13px;
}

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

#footer li {
margin:0 0 1px 0;
padding:0;
list-style:none;
font-size:11px;
}

#footer a {
color:#000;
}

#footer li#l771 a {
font-weight:bold;
color:#a02433;
}

#footer li#l771 a:hover {
color:#000;
}

#footer a:hover {
color:#9b1929;
text-decoration:none;
}

.pForHome #mapForHome a,
.pForBuilder #mapForBuilder a,
.pForArchitect #mapForArchitect a,
.pAboutKinema #mapAboutKinema a {
color:#9b1929;
}

.pForHome #mapForHome a:hover,
.pForBuilder #mapForBuilder a:hover,
.pForArchitect #mapForArchitect a:hover,
.pAboutKinema #mapAboutKinema a:hover {
color:#000;
}

#footer p {
margin:0;
padding:0;
line-height:1.8em;
}

#footer p.culture {
position:absolute;
top:9px;
right:280px;
font-size:15px;
line-height:1.4em;
}

#footer .vanemuine {
position:absolute;
top:3px;
right:200px;
width:200px;
text-align:right;
}

#footer .eas {
position:absolute;
top:3px;
right:10px;
width:200px;
text-align:right;
}

#footer .eas img {
position:relative;
margin:0 0 -12px 0;
}

/* My Comment */


/* Added by Dmitri */
#container-top {
  width:900px;
  height:45px;
  background:#efefef url("/img/vaheleht-top.gif") no-repeat top left;
  text-align:center;
  padding-top:25px;
}
#container-bottom {
  width:900px;
  height:310px;
  position:relative;
  background:#fff url("/img/vaheleht-bottom.jpg") no-repeat top left;
}
#container-bottom div {
  text-align:center;
}
#container-bottom div span {
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.05em;
  display:block;
  padding-bottom:3px;
}
#container-bottom a img {
  border:none;
  display:block;
  margin-bottom:10px;
}
#toostus {
  position:absolute;
  top:98px;
  left:48px;
  width:200px;
  text-align:center;
}
#kodu{
  position:absolute;
  top:98px;
  left:248px;
  width:200px;
  text-align:center;
}
#parking{
  position:absolute;
  top:98px;
  left:458px;
  width:200px;
  text-align:center;
}
#automatic{
  position:absolute;
  top:98px;
  left:658px;
  width:200px;
  text-align:center;
}

#toostus img,
#kodu img,
#parking img,
#automatic img {
margin:auto;
}