/* CSS Document */

* { margin: 0; padding: 0;}

body {
  font-family: verdana;
  font-size: 14px;
  line-height: 1.5em;
  color: #5c635d;
  background: #efefef url("images/bg_body.jpg") top center;
}

.clear {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
}

.wrapper {
  padding: 0 20px;
}

#container {
  width: 760px;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
}

#header {
  background: #b4b4b3 url("images/bg_header.gif") repeat-x;
  height: 90px; overflow: hidden;
}

#header_left {
  float: left;
  width: 300px;
}

#header_right {
  float: right;
  width: 460px;
  /*background: url(images/valitamme.png) 150px 10px no-repeat;*/
  text-align:right;
}

#header_right img {
  margin: 10px 19px 0 0;
}

#header_right img:hover {
	opacity: 0.8;
}

#content {
  background: #fff url("images/bg_content.gif") repeat-x;
}

#content #navi_main {
  height: 260px;
  margin: 0 -10px;
}

/* Main & header navi */

#navi_main ul.navi, #header_right ul.header_links {
	font-size: 15px;
  list-style-type:none;
  display: inline-block;    /* IE Float Clear, Part 1 */
  overflow: hidden;         /* Float Clear */
}

ul.navi, ul.header_links {
  display: block;           /* IE Float Clear, Part II */
}

ul.header_links {
  margin-top: 0px;
  float: right;
}

ul.navi li {
  display: inline;          /* IE Double Margins Bug Fix */
  float: left;
}

ul.header_links li {
  display: inline;          /* IE Double Margins Bug Fix */
  float: left;
  margin-right: 14px;
}

ul.navi li a span {
  display: none;
}

#navi_main .navi a.ostamassa {
  display: block;
  float: left;
  background: url("images/navi_ostamassa.jpg") 0px 0px no-repeat;
  height: 260px;
  width: 268px;
}

#navi_main .navi a.ostamassa:hover { background: url("images/navi_ostamassa.jpg") 0px -260px no-repeat; }

#navi_main .navi a.myymassa {
  display: block;
  float: left;
  background: url("images/navi_myymassa.jpg") 0px 0px no-repeat;
  height: 260px;
  width: 244px;
}

#navi_main .navi a.myymassa:hover { background: url("images/navi_myymassa.jpg") 0px -260px no-repeat; }

#navi_main .navi a.primalkv {
  display: block;
  float: left;
  background: url("images/navi_prima.jpg") 0px 0px no-repeat;
  height: 260px;
  width: 268px;
}

#navi_main .navi a.primalkv:hover { background: url("images/navi_prima.jpg") 0px -260px no-repeat; }

/* Content */

#content #cont {
  padding: 10px;
  width: 740px;
  overflow: hidden;
}

#sub-page #content #cont {
  padding: 0;
  width: 780px;
  margin: 0 -10px;
  overflow: hidden;
}

#content #sidebar {
  float: left;
  width: 248px;
  line-height: 1.2em;
}

#sub-page #content #sidebar {
  float: left;
  width: 290px;
}

#sidebar #banner {
  width: 228px;
  height: 60px;
  padding: 54px 10px 10px 10px;
  background: url("images/bg_banner.gif") no-repeat;
}

#banner p {
  text-align: center;
}

#sidebar #banner2 {
  width: 228px;
  height: 63px;
  padding: 91px 10px 0 10px;
  background: url("images/bg_banner_2.gif") no-repeat;
}

#banner2 p {
font-size: 14px;
  text-align: center;
}

#banner2 a{ font-weight: normal;}

#content #main {
  float: right;
  width: 460px;
  padding-bottom: 20px;
}

#sub-page #content #main {
  padding: 0 20px 20px 0;
}

/* Footer */

#footer {
  border-top: 1px solid #d9d9d9;
  margin: 0 10px;
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
}

/* Links
------------------------------------ */

a:link, a:visited { text-decoration: underline; color: #857332; font-weight: bold;}
a:hover { text-decoration: none; }

a img { border: none; }

.header_links li a {
  display: block;
  float: left;
  padding: 4px 10px;
  background: #b3b3b2 url("images/bg_navi_header.gif") top left repeat-x;
  border: solid 4px #fff;
  color: #fef5a4;
  font: bold 0.8em Arial;
  text-decoration: none;
}

.header_links a:hover, .header_links a.open {
  color: #fff;
  background: #b3b3b2 url("images/bg_navi_header.gif") left -8px repeat-x;
}

h2.mast a:link, h2.mast a:visited, h2.mast a:hover { color: #fff; font-weight: normal; }

.sidebar_links a {
  display: block;
  background: url("images/bg_sidebar_arrow.gif") left center no-repeat;
  font-weight: normal;
  text-decoration: none;
  font-size: 13px;
  padding: 8px 8px 8px 18px;
}

#sub-page .sidebar_links a {
  font-size: 13px;
  font-weight: bold;
  background: url("images/bg_sidebar_arrow.gif") 180px center no-repeat;
  padding: 10px 18px 10px 8px;
}

.sidebar_links a:hover { color: #665827; }
#sub-page .sidebar_links a:hover, #sub-page .sidebar_links .open {
  color: #665827;
  background: url("images/bg_sidebar_arrow.gif") 192px center no-repeat;
  padding: 10px 18px 10px 8px;
}

#sub-page .sidebar_links .open { font-weight: normal; }

#main .special {
  background:#eee;padding:14px 14px 0;
  font-size:12px;
  border-left:1px solid #eee;
  border-top:1px solid #eee;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  /* font-style:italic; */
}

#main .special h3 {margin-top:0;padding:0;}


#footer a { font-weight: normal; }

/* Text
------------------------------------ */

#header h1 a {
  display: block; float: left;
  width: 216px; height: 56px;
  margin: 27px 0 0 30px;
  background: url("images/logo.gif");
}

#header h1 a span { display: none; }

h2 {
  font: normal 1.8em Verdana;
  letter-spacing: -0.08em;
  margin-bottom: 20px;
}

h2.mast {
  font: normal 0.76em Verdana;
  color: #fff;
  background: url("images/bg_h2_border.gif") left bottom repeat-x;
  margin: 20px 0;
  padding: 0 0 10px 0;
}

#main h3 {
  font: normal 1.5em Verdana;
  letter-spacing: -0.05em;
  margin: 20px 0 10px 0;
}

#sidebar h3 {
  font: bold 0.76em Verdana;
}

/* sidebar list */
ul.sidebar_links {
  list-style-type: none;
  margin: 10px;
  border-bottom: 1px solid #fff;
  width: 230px;
}

#sub-page ul.sidebar_links {
  border-top: 1px solid #b4b4b3;
}

ul.sidebar_links li {
  padding: 4px 4px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #b4b4b3;
}

#sub-page ul.sidebar_links li {
  padding: 4px 18px 4px 8px;
  background: #e6e6e4;
}

ul.sidebar_links li.header {
  padding: 10px 2px;
  border-top: none;
}

#main p { margin: 1.2em 0; }

/* Boxes & stuff
------------------------------------ */

ul, ol { list-style-type: none; }

/* Contact list */

dl.contact {
  clear: both;
  width: 440px;
  overflow: hidden; 
}

dl.contact dt {
  float: right;
}

dl.contact dd {
	font-size: 12px;
  float: left;
  width: 280px;
  padding-top: 0.5em;
}

/* brändilupaus */

dl#brandi { }

.clear{ font-size: 0; clear: both; height: 0; overflow: hidden; }

dl#brandi dt {
	border-top: 1px solid #ccc;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
	clear: left;
	width: 150px;
	padding-right: 6px;
	font-size: 16px;
}

dl#brandi dt b {
	float: left;
	display: block;
	width: 39px;
	line-height: 40px;
	height: 60px;
	font-size: 36px;
	color: #bbb;
	letter-spacing: -0.09em;
}

dl#brandi dd {
	border-top: 1px solid #ccc;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
  float: left;
  width: 274px;
}


/* form */
#form {
  width: 440px;
}

div.row {
  clear: both;
  padding: 0;
  margin-bottom: 10px;
}

div.row span.label {
  float: left;
  width: 136px;
  text-align: right;
  padding: 2px;
  margin-top: 2px;
  font-size: 12px;
  font-weight: bold;
}

h4.form{ margin: 16px 0 10px 160px;}

div.row span.label span {
  font-weight: normal;
}

div.row span.formw {
  float: right;
  width: 280px;
  text-align: left;
} 

div.row span.formw .text {
  width: 180px;
  border: 1px solid #e6e6e4;
  padding: 2px;
}

div.row span.formw textarea {
  width: 280px;
  height: 120px;
  border: 1px solid #e6e6e4;
  padding: 2px;
}

div.row span.formw .button {
  width: 100px;
  height: 30px;
  border: none;
  padding: 0;
}