/* base styles */

body {
margin:0;
padding:0;
background:#fff;
font-family:'Courier New', Courier, monospace;
font-size:12px;
line-height:1.2em;
text-align:center;
}

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

a:hover {
text-decoration:underline;
}

a img {
border:none;
}

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

p {
margin:0;
padding:0;
}

h2 {
margin:0;
padding:0;
}

.negative {
color:#fff;
}

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


/* container */

#container {
position:relative;
margin:auto;
padding:125px 0 0 0;
width:900px;
height:450px;
text-align:left;
}


/* elements */

#title {
position:relative;
float:left;
width:300px;
height:450px;
background:url("../img/bg_inspektor.jpg") no-repeat top left;
}

#title p.main {
position:absolute;
left:0;
bottom:0;
text-transform:uppercase;
letter-spacing:9px;
font-size:25px;
line-height:1.4em;
}

#title p.phone {
position:absolute;
right:25px;
bottom:0;
text-transform:uppercase;
letter-spacing:9px;
font-size:25px;
line-height:1.4em;
}

#notice {
position:absolute;
top:101px;
left:-25px;
width:95px;
height:95px;
background:url("../img/bg_notice.gif") no-repeat top left;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
text-align:center;
color:#fff;
line-height:1.3em;
}

#notice a {
text-decoration:none;
color:#fff;
}

#notice a:hover {
text-decoration:underline;
}

#notice p {
padding:16px 0 0 5px;
}

#notice2 {
position:absolute;
top:207px;
left:-25px;
width:95px;
height:95px;
background:url("../img/bg_notice_2.gif") no-repeat top left;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
text-align:center;
color:#fff;
line-height:1.3em;
}

#notice2 a {
text-decoration:none;
color:#fff;
}

#notice2 a:hover {
text-decoration:underline;
}

#notice2 p {
padding:16px 0 0 5px;
}

#content {
float:left;
width:600px;
height:450px;
}

#luulud {
position:relative;
overflow:hidden;
width:600px;
height:245px;
background:url("../img/bg_luulud.jpg") no-repeat top right;
}

#luulud h2 {
padding:5px 0 0 25px;
font-family:"Times New Roman", Times, serif;
line-height:1.2em;
font-style:italic;
font-weight:normal;
font-size:32px;
letter-spacing:5px;
}

#luulud h2 .first {
margin-left:-10px;
}

#luulud p {
position:absolute;
bottom:15px;
right:0;
width:600px;
text-align:right;
font-size:25px;
letter-spacing:10px;
text-transform:uppercase;
}

#luulud p img.pointer {
margin:0 -12px -6px 0;
}

#glam {
position:relative;
float:left;
width:300px;
height:165px;
background:url("../img/bg_glam.jpg") no-repeat top left;
}

#glam p {
font-size:50px;
letter-spacing:6px;
text-transform:uppercase;
line-height:1em;
}

#glam p a {
display:block;
padding:10px 0 0 25px;
height:153px;
color:#fff;
}

#film {
position:relative;
float:left;
width:300px;
height:165px;
background:url("../img/bg_film.jpg") no-repeat top left;
}

#film p {
font-size:25px;
letter-spacing:6px;
text-transform:uppercase;
}

#film p a {
display:block;
padding:15px 0 0 25px;
height:150px;
color:#fff;
}

#kliendid {
overflow:hidden;
width:600px;
height:40px;
background:#080603;
text-align:center;
}

#kliendid p {
padding:10px 25px 0 25px;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-style:italic;
color:#fff;
line-height:1.4em;
color:#666;
}

#kliendid p a {
color:#fff;
}