body {
margin:0;
font-family: arial;
}

.clear {
clear: both;
}

.leveys {
width: 900px;
margin: 0 auto;
}

#header {
width: 900px;
margin: 0 auto;
height: 51px;
border-bottom: 1px solid #CCC;
}


#logo {
font-family: Trebuchet MS;
font-size: 2em;
color: #6abcec;
width: 400px;
float: left;
margin: 4px 0px 0px 20px;
}

.recent {
height: 150px;
width: 290px;
border: 1px solid #CCC;
padding: 2px;
background-color: #FFF;
margin: 20px 0px 20px 0px;
}



#vali {
font-family: Trebuchet MS;
font-size: 1.8em;
color: #999;
line-height: 1em;
width: 860px;
margin: 0 auto;
padding: 20px;
border-bottom: 1px solid #CCC;
}

a {
color: #6abcec;
text-decoration: none;
}

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

/* ########### 
		SLIDER SHIT MASTAH
					######### */


h2.trigger a {
font-size: 2em;
display: block;
width: 860px;
background:#CCC;
padding: 10px;
color: #FFF;
}
h2.trigger a:hover {
font-size: 2em;
display: block;
width: 860px;
background:#6abcec;
padding: 10px;
color: #FFF;
}
h2.down a {
font-size: 2em;
display: block;
width: 860px;
background:#6abcec;
padding: 10px;
color: #FFF;
}
	
.block img {
width: 860px;
padding: 2px;
border: 1px solid #CCC;
height: 250px;
}

h2.down {
background-position: left bottom;
}

.toggle_container {
clear: both;
}

.toggle_container .block {
padding: 4px;
}

/* NAVIGAATIO */

#navigaatio {
margin: 0;
float: left; 
}

#navigaatio ul {
margin: 0;
list-style-type: none;
}

#navigaatio li {
float: left;
margin: 0px 0px 0px 10px;
padding: 17px 0px 0px 0px;
height: 34px;
overflow:hidden;
}

.navi a {
position:relative;
color: #FFF;
text-decoration: none;
font-size: 1.1em;
background-color: #CCC;
padding: 18px 22px 16px 22px;
}

.navi a:hover {
background-color: #6abcec;
}

.active a {
color: #FFF;
text-decoration: none;
font-size: 1.1em;
padding: 18px 22px 16px 22px;
background-color: #6abcec;
position:relative;
}


/* CONTENT */

#left {
float: left;
border-right: 1px solid #CCC;
}

#right {
float: right;
}

#text {
font-family: arial;
font-size: 0.75em;
color: #222;
margin: 20px;
width: 500px;
}

#text img 
{
border: 1px solid #CCC;
padding: 2px;
margin: 10px;
}


#text_wide {
font-family: arial;
font-size: 0.75em;
color: #222;
margin: 10px;
width: 870px;
}

#text_wide ul {
list-style-type:none;
margin: 0;
padding: 0;
}

#side {
font-family: arial;
font-size: 0.75em;
color: #222;
margin: 20px 35px 20px 20px;
width: 300px;
}

/* RANDOM SHIT NIIQ OTSIKOT ASJDJSADJKSAD */

input {
border: 1px solid #CCC;
}


#submit_btn {
background-color: #FFF;
}

textarea {
border: 1px solid #CCC;
}

h1 {
font-family: Trebuchet MS, Arial;
font-size: 1.3em;
font-weight: bold;
color: #6abcec;
margin: 0;
}

h2 {
font-family: Trebuchet MS, Arial;
font-size: 1.1em;
font-weight: bold;
color: #999;
}

h3 {
font-family: Trebuchet MS, Arial;
font-size: 1.0em;
font-weight: bold;
color: #999;
}

/* FOOTER */

#footer {
width: 884px;
margin: 0 auto;
padding: 8px;
text-align: right;
font-family: arial;
font-size: 0.70em;
border-top: 1px solid #CCC;
}