/* base styles */

body {
margin:0;
padding:0;
background:#1c4145 url("../img/bg_body.gif") repeat-x top;
color:#c0e9f2;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
}

body,
html {
height:100%;
}

a {
color:#ff61a4;
}

a:hover {
text-decoration:none;
color:#d9edf0;
}

a img {
border:none;
}

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

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

h2 {
margin:0 -100px 20px -100px;
padding:15px 100px 20px 100px;
width:650px;
background:url("../img/bg_heading.gif") no-repeat top left;
clear:both;
text-transform:uppercase;
font-size:22px;
color:#fff;
}

h3 {
margin:0 0 10px 0;
padding:0;
font-size:16px;
color:#fff;
}

form {
margin:0;
padding:0;
}

input.text,
textarea {
border:2px solid #81d8e1;
padding:2px 5px 2px 5px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

input.submit {
border:2px solid #de4f8d;
padding:4px 8px 4px 8px;
background:#ff61a4;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
}

ul li {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:10px;
}

.separator {
margin:15px -100px 0 -100px;
padding:0 0 25px 0;
width:850px;
background:url("../img/separator.gif") no-repeat top left;
clear:both;
}

.separator hr {
display:none;
}

.note {
font-size:11px;
}

.error {
color:#ff61a4;
}

blockquote {
margin-top:0;
padding-top:0;
font-style:italic;
line-height:1.4em;
color:#fff;
}

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


/* container */

#container {
position:relative;
margin:auto;
padding:0 25px 0 25px;
width:850px;
background:url("../img/bg_container.gif") repeat-y top;
text-align:left;
line-height:1.3em;
height:auto !important;
height:100%;
min-height:100%;
}


/* header */

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

#header h1 {
margin:0;
padding:0;
}

#header h1 a {
display:block;
width:850px;
height:200px;
}

#header h1 span {
display:none;
}

#like {
position:absolute;
top:10px;
right:0;
}

#menu {
position:absolute;
top:255px;
left:65px;
}

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

#menu li {
float:left;
margin:0 12px 0 0;
padding:0;
list-style:none;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
}

#menu li a {
display:block;
float:left;
padding:0 0 5px 0;
text-decoration:none;
}

#menu li a:hover {
background:url("../img/hover.gif") no-repeat bottom left;
}

#menu li#trennist {
font-size:17px;
}

#menu li#hinnad {
font-size:15px;
}

#menu li#registreeri {
font-size:17px;
}

.kontakt #kontakt a,
.trennist #trennist a,
.meedia #meedia a,
.merch #merch a,
.hinnad #hinnad a,
.toimumine #toimumine a,
.kkk #kkk a,
.registreeri #registreeri a {
background:url("../img/hover.gif") no-repeat bottom left;
color:#fff;
}


/* content */

#content {
margin:-50px 0 20px 0;
padding:0 100px 0 100px;
width:650px;
height:auto !important;
height:150px;
min-height:150px;
background:#000 url("../img/bg_container.gif") repeat-y top;
}


/* page styles */

.home #content {
text-align:center;
line-height:1.2em;
}

.hinnad #content {
text-align:center;
}

table {
border:none;
}

.hinnad #content table {
margin:auto;
}

td {
padding:4px 6px 4px 6px;
background:#1c4145;
}

.price {
font-weight:bold;
color:#fff;
}


/* footer */

#footer {
width:850px;
height:70px;
background:url("../img/bg_footer.jpg") no-repeat top left;
text-align:center;
color:#000;
}

#footer p {
padding:23px 0 0 0;
margin:0;
font-size:14px;
font-weight:bold;
}

#footer p a {
color:#000;
}