body {
  background: url( /images/tausta2.png ) no-repeat top center #ff9a01;
  color: #333;
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
}

h1 { font-size: 23px; font-weight: normal; margin-top:26px; }
h3 { color: #333; font-size: 18px; }
p { font-size: 15px; line-height: 1.5em; }
img { border:0; }


#container { margin:0 auto; width: 942px; }
.clearer { width: 100%; height: 1px; clear:both; }
a.blklink { background: #333; color: #ff9a02 ; padding: 1px 2px; text-decoration:none; font-weight: bold; }
a:hover.blklink { color:white; }
a.footerlink { background: #333; color: #ff9a02 ; padding: 1px 2px; text-decoration:none; line-height: 1.8em; }
a:hover.footerlink { color:white; }


/* Twitter */
#tweets { margin-top: 0px; padding-top:18px; width: 310px; float:right; }
#tweets_top { width: 100%; height: 20px; background: url( /images/tweets_top.png ) no-repeat top left; }
#tweets_body { padding: 0 15px 0px 25px; background: url( /images/tweets_body.png ) repeat-y top left; font-size: 12px; line-height: 1.5em; }
#tweets_bottom { width: 100%; height: 66px;  background: url( /images/tweets_bottom.png ) no-repeat top left; text-align:right; }
#tweets_bottom a { position:relative; right: 25px; bottom: 3px; font-size: 0.8em; }
#tweets h3 { font-size: 16px; margin:0; }
#tweets ul { margin:0; padding: 10px 0 5px 0; list-style-type:none; }
.tweets_time { color: silver; text-transform: uppercase; font-size: 11px; }
.tweets_username { color: gray; }
ul#follow-us-links, ul#follow-us-links li { margin:0; padding: 0; }
ul#follow-us-links { list-style-type: none; }
#tweets strong { margin:0; padding:0; font-size: 12px; }
ul#follow-us-links a { color: #ff9a02; font-weight: bold; text-decoration:none; font-size: 12px; }
ul#follow-us-links li { list-style-type: none; display:inline; padding-right: 10px; }
ul#follow-us-links img { position:relative; top: 3px; }


/* Top-boxi */
#top { clear:both; }
#top img { border: 15px solid transparent; border-right: 30px solid transparent; }

#sb_logo { float:left; border-color: transparent; border-style: solid; border-width: 11px 33px 13px 11px; }

#top_textblock { padding: 20px 0; }
#top_textblock h1 { margin:0; padding:0; font-size: 23px; letter-spacing:-0.03em; color: #333; }
#top_textblock p { font-size: 15px; }

div#top-text-block { margin-top: 20px;  width: 360px; float:left; }
div#top-text-block p { margin-top: 15px; }

p.top-text-wide { padding-right: 150px; }



/* Alaboxi */
#bottom { font-size: 12px; line-height: 1.5em; width: 100%; height: 152px; background: #ffb901; margin-top:10px; }
#bottom_textblock { float:left; width: 400px; }
#bottom_textblock h4, 
#bottom_textblock p { padding: 0 20px; }
#bottom_textblock h4 { font-size: 16px; margin-bottom: 0; }
#bottom_textblock p { font-size: 11px; }

#addressbox {
  background: url( /images/bottom_divider.png ) repeat-y top left #ffb901;
  float:right; width: 230px; height: 152px; font-size: 11px; 
}
#addressbox h4 { font-size: 12px; margin:0; padding: 25px 0 5px 10px; }
#addressbox div { font-size: 11px; margin:0; padding-left: 10px; }

#teamimage-small { float:left; padding-top: 8px; }



/* Tuotteet */
.prod-logo-col { float:left; width: 290px; background: #fff; }
.prod-txt-col { float:left; width: 500px; }

#product_box { background: #fff; padding: 20px; clear:both; }

#product_box hr { padding: 5px 0; }
hr.dots { height: 1px; background: url( /images/dotline.png ) repeat-x center; border:0; clear:both; }

#product_box .prod_img { float:left; }
#product_box .prod_text { width:600px; float:right;}
#product_box p { font-size: 12px; margin: 5px 30px 5px 0;  }
#product_box h3 { font-size: 18px; margin:0; padding:0; font-weight: normal; color:#333; }

.prod_img { border-style:solid; border-color: white; border-width: 9px 0 0 9px; }
.prod_img2 { border-style:solid; border-color: white; border-width: 30px 0 15px 13px; }

.prod-txt-col h2 { font-weight: normal; font-size: 19px; margin: 40px 0 0 0; padding:0 0 8px 0; }
.prod-txt-col p { font-size: 13px;  line-height: 1.4em; margin: 4px 0 8px 0; padding-bottom: 7px; }



/* Välilehdet */

/* Overwrites jquery-ui-1.7.2.custom.css */
#tabs .ui-tabs-nav li { font-size: 15px; line-height: 1.25em; }

.tab-left-space { float:left; width: 320px; }
.tab-right-space { float:left; width: 540px; }
.tab-right-space h2 { font-weight: normal; font-size: 19px; margin: 40px 0 0 0; padding:0 0 8px 0; }
.tab-right-space h3 { font-size: 13px; margin: 5px 0 0 0; padding:0; }
.tab-right-space p { font-size: 13px;  line-height: 1.4em; margin: 4px 0 8px 0; padding-bottom: 7px; }



/* Searchbox-sivu */
#adwords-qualified { border-style: solid; border-color: #fff; border-width: 30px 0 30px 40px; }




/*******************************************************************************
 Menu */
ul.menu { padding: 8px; margin: 0; font-size: 15px; background: #333; }
ul.menu li { display:inline; list-style-type:none; padding: 0 10px; }
ul.menu li a { color: #ff9a02; text-decoration:none; font-weight: bold; padding: 1px 10px; }
ul.menu li a:hover { color: white; }
ul.menu li.current a { background: url( /images/menu_liuku.png ) repeat-x center left #ff9900; color: black; }
ul.menu li.current a:hover { color:black; }
ul.menu li a:hover { color: white; }



/* Yhteystietosivu */
.yt-address { font-size: 14px; line-height: 1.5em; margin-bottom: 10px; width: 200px; float:left; }

/*******************************************************************************
 Lomake */
#lomake { width: 525px; float:right; }
#lomake h4 { margin: 20px 0 5px 0;}

#lomake #yhteystiedot { width: 221px; height: 280px; float:left; }
.input_area { background: white; padding: 4px; margin: 0 5px 5px 0; }
#lomake input { border:0; display:block; margin:0; padding:1px; }
#lomake #viesti_box { width: 280px; height: 280px; float:left; }
#lomake #viesti_space { background: white; padding: 4px 0px 4px 4px; }
#lomake textarea { width: 260px; height: 48px; border:0; margin:0; padding:0; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
input#submit  { background: #333; color: white; font-weight: bold; padding: 2px; margin-top: 10px; float:right; }