body {
     margin: 0px;
     padding: 0px;
     text-align: center;
     font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
     background: #E1E1E1;
     color: #4B2B00;
     font-size: 62.5%;
}



.clear {
     clear: both;
     margin: 0;
     padding: 0;
}



a:link, a:visited {
     text-decoration: none;
     color: #B90000;
}



a:hover, a:active {
     text-decoration: underline;
}

hr {
	display: none;
}

/* Layout */



#wrapper {
     width: 750px;
     margin: 0px auto;
     border-top: 5px solid #b7b7b7;
     border-left: 1px solid #b7b7b7;
     border-right: 1px solid #b7b7b7;
     border-bottom: 1px solid black;
     text-align: left;
     background: #F1DFCA;
}



#header {
     height: 140px;
     background: white url(http://www.estetiikka.fi/images/ses_03_htausta.jpg) repeat-x top;
}



#footer {
     border-top: 1px dotted black;
     padding: .2em 1em;
     background: white;
}



#navi_main {
     /*	height: 1.5em;
     */
	background: white url(http://www.estetiikka.fi/images/ses_02_navitausta_02_01.jpg) repeat-x top;
}



#main {
     border-top: 1px solid #b7b7b7;
}



#right {
     float: right;
     width: 25%;
     font-size: 1em;
     background: #F1DFCA;
}



#content {
     float: left;
     width: 74%;
     padding: 0 0 3em 0;
     font-size: 1.2em;
     border-right: 1px solid #D3D4BB;
     background: white url(http://www.estetiikka.fi/images/ses_02_maintausta_01.jpg) repeat-x top;
}



.pad {
     margin: 1em 1em 5em 1em;
}

.haku {
	margin: 2em 0 0 0;
}



/* Sisältö */



#content ul {
     margin: 1em 0 0 2em;
}



#footer p {
     margin: .5em;
     padding: 0;
}



#footer .right {
     float: right;
     text-align: right;
}



#footer .left {
     float: left;
}



#footer:after, #main:after, #navi_main:after, #header:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

* html #main, * html #footer, * html #navi_main, * html #header {
	height: 1%;
}

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


#logo {
    width: 130px;
    height: 130px;
	margin: 0;
	padding: 0;
/*     margin: 0em 2em 0em 1em;*/
 	background: transparent url(http://www.estetiikka.fi/images/ses_03_logo.jpg) no-repeat;
/*	display: block;*/
	text-indent: -5000px;
}


/* Otsikot */



h1, h2, h3, h4, h5, h6, ul, li {
     margin: 0;
     padding: 0;
}

h1, h2, h3, h4 {
	font-family: Georgia;
} 

#right h4 {
    padding: 1em 1em .5em 0;
    font-size: 1.3em;
}

#right p {
	margin: 0 1em .5em 0;
}

#content h1 {
	font-size: 1.8em;
}

#content h2 {
	font-size: 1.4em;
	font-weight: bold;
}

#content h3 {
	margin: 1em 0 .5em 0;
}

.ajankohtaista h2 {
	border-bottom: 1px solid #eee;
}

.ajankohtaista h3 {
	font-size: 1.1em;
	margin: .5em 1em;
}

#content h4 {
	margin: 2em 0 .5em 0;
	border-bottom: 1px solid #eee;
}

.ajankohtaista p {
	margin: .5em 1em;
}


.ajankohtaista h2 {
	margin: 1em 0 0 0;
}

/* Navit (Behrooz)*/



#right ul {
     list-style-type: none;
}



#right li {
     margin: 0 0 .3em 0;
	font-weight: bold;
}



ul#navi_sec {
     margin: 0 1em;
     text-transform: uppercase;
}

#header .left {
     float: left;
     margin: 0 0 0 2em;
}

#header .right {
     float: left;
	 margin: 3em 0 0 8em;
}

#header .right ul {
	width: 260px;
	height: 75px;
    background: url(http://www.estetiikka.fi/images/ses_03_navi.jpg) no-repeat -3px 0;
	position: relative;
}

#header .right li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;	
}

#header .right li, #header .right a {
	height: 25px;
	display: block;
	text-indent: -5000px;
}

#suomeksi {top: 0; width: 260px;}
#suomeksi a:hover {background: transparent url(http://www.estetiikka.fi/images/ses_03_navi.jpg) 271px 0px;}

#ruotsiksi {top: 26px; width: 260px;}
#ruotsiksi a:hover {background: transparent url(http://www.estetiikka.fi/images/ses_03_navi.jpg) 271px -26px;}

#englanniksi {top: 51px; width: 260px;}
#englanniksi a:hover {background: transparent url(http://www.estetiikka.fi/images/ses_03_navi.jpg) 271px -51px;}



#navi_main ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     height: 1.8em;
     text-align: center;
     border-top: 1px solid #b7b7b7;
}



#navi_main ul li {
     display: block;
     float: left;
     text-align: center;
     padding: 0;
     margin: 0;
     height: 1em;
}



#navi_main ul li a {
    width: 7.9em;
    border-right: 1px solid white;
    padding: .3em .4em;
    margin: 0;
	font-weight: bold;
    text-decoration: none;
    display: block;
}



#navi_main ul li a:hover {
     background: white url(http://www.estetiikka.fi/images/ses_02_navitausta_over_01.png) repeat-x top;
}



#navi_main ul li a:active {
     font-weight: bold;
}



#navi_main li.active a {
     background: white url(http://www.estetiikka.fi/images/ses_02_navitausta_over_01.png) repeat-x top;
}


/* lomakkeet */

fieldset, form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	margin: 0;
}

form#zemContactForm {

}

#zemContactForm fieldset {
	border: 1px solid #eee;
	padding: 1em;
}

#zemContactForm legend{
	font-weight: bold;
	margin: 1em 0 .5em 0;
	font-size: 1.2em;
}

#zemContactForm input {
	margin: .3em 0 .5em 0;
}



#zemSubmit {
	width: 130px;
}