/*********************/
/* Indrek K�nnussaar */
/* Celeg Hannas      */
/* hannas.ee         */
/*********************/

@import url('reset.css');
@import url('typography.css');

body {
 background: #000 url('../images/bg.jpg') no-repeat center top;
 text-align: center;
}

#container {
 margin: auto;
 width: 960px;
 background: url('../images/header.png') no-repeat center top;
}

#main {
 padding-top: 172px;
 position: relative;
 left: 65px;
}

#top {
 background: url('../images/top.png') no-repeat center top;
 height: 48px;
 position: relative;
 top: 172px;
 z-index: 5;
 right: 2px;
}

/* Safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
 #top {right: 3px;}
}

/* IE7 hack */
#top {
 *right: 3px;
 *z-index: -99;
}

#left {
 background: url('../images/parem.png') no-repeat;
 float: left;
 width: 191px;
 height: 483px;
 position: relative;
 left: 25px;
 top: -48px;
 z-index: 9;
}

#center {
 background: url('../images/repeater.png') repeat-y;
 float: left;
 width: 351px;
 padding: 0 60px 0 65px;
 text-align: left;
 min-height: 500px;
 margin-left: -15px;
 
}

#right{
 background: url('../images/parem.png') no-repeat;
 float: left;
 width: 191px;
 height: 680px;
 position: relative;
 right: 38px;
 top: -48px;
 z-index: 9;
}


/** MAINMENU **/

#mainmenu {
 min-height: 25px;
 text-align: center;
 width: 110px;
 padding: 20px 0 0 37px;
 /* IE7 hack */
 *padding-left: 0;
}



/** SECOND-MENU **/

#second-menu {
 min-height: 20px;
 max-width: 300px;
 margin: 5px 0;
}

/** CONTENT **/

#content {
 margin-top: 43px;
 min-height: 400px;
 width: 472px;
 padding: 10px 60px;
 text-align: left;
 background: url('../images/repeater2.jpg') repeat-y;
}

/** FOOTER **/

#footer {
 min-height: 40px;
 padding: 10px 10px;
 border-top: 4px solid #aaa;
}

/* FORMS */

.form_area {
 margin: 20px 0px 5px 0px;
}

.form_fields {
}

.form_field {
 margin: 30px 10px;
}

.form_field label {
 display: block;
 margin: 0px 10px 5px 0px;
}

.form_field_size_large { width: 600px; }
.form_field_size_medium { width: 350px; }
.form_field_size_small { width: 168px; }

/* Vorm on saadetud. T�name! */
.form_notice {
 padding: 5px;
 margin-bottom: 10px;
 color: green;
 border: 1px dotted green;
}