@charset "utf-8";

@import "reset.css";

html { overflow-y: scroll; }

body { font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#f20000 url(../images/default_bg.jpg) top left repeat-x; color:#fff; }

h1 { font-family:Cambria, Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height:40px; font-weight:normal; padding:5px 0 20px 0; }
h2 { font-family:Cambria, Georgia, "Times New Roman", Times, serif; font-size: 24px; line-height: 28px; font-weight:normal; padding:10px 0 10px 0; }
h3 { font-size: 12px; line-height: 18px; font-weight:bold; padding:15px 0 5px 0; }
h4 { font-family:Cambria, Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 18px; font-weight:normal; padding:5px 0 10px 0; }
p { font-size: 12px; padding: 0 0 10px 0; line-height:18px; }
a { color:#ff0; text-decoration:none; }
a:hover { text-decoration:underline; }
hr { border-left:none; border-right:none; border-bottom:none; border-top: dotted 1px #fcc; height: 1px; padding: 0 0 8px 0; }

#SiteBackground { background:url(../images/wrap_background.png) top center no-repeat;  }
#ContentBackground { background:none; padding:0; }
#WrapTop { width:930px; margin:0 auto 20px auto; }
#WrapBottom { width:930px; margin:0 auto; }
#Header { height:80px; padding:70px 30px 5px 30px; overflow:hidden; }
#Navi { float:right; position:relative; }
#Logo { float:left; }
#Content { margin-right:300px; padding:0 0 0 30px; }
#Footer { background:url(../images/footer.png) top center no-repeat; width:930px; margin:5px auto; clear:both; text-align:center; padding:10px 0 0 0; }
#flash { }

#Navi ul { float:left; padding:0 20px; border-right:solid 1px #b30000; }
#Navi ul.last { border-right:none; padding:0 0 0 20px; }
#Navi li { padding:5px 0; }
#Navi li a { font-size: 12px; color:#fbb3b3; text-decoration:none;}
#Navi li a:hover { color:#fff; }

#Footer p { font-size: 10px; line-height:14px; }

.ingressi { font-family:Cambria, Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; letter-spacing:0px; margin:0 0 15px 0; }
.takaisin { background:#f20000 url(../images/takaisin_bg.gif) top center no-repeat; margin:0; width:110px; text-align:center; padding:5px 5px 2px 5px; }
.small { font-size:10px; line-height:14px; }
.active a { color:#fff !important; }
.round { -webkit-border-radius: 3ex;  -moz-border-radius: 3ex; }
.button { margin:10px 0; }
.clear { clear:both; padding:25px; }
.tuotekuvaus { font-size: 10px; line-height:14px; }