@import "reset.css";

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../resources/bodybg.jpg) repeat-x scroll 0 0;
color:#222222;
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
font-size:75%;
text-align:center;
}

h1, h2, h3, h4, h5, h6 {
color:#333333;
font-weight:normal;
}

h1 {
color:#8CBD46;
font-size:2em;
font-weight:bold;
line-height:1.1em;
margin-bottom:1.2em;
text-transform:uppercase;
}

h2 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
}

h3 {
font-size:1.2em;
line-height:1.25;
margin-bottom:1.25em;
}

h4 {
font-size:1.2em;
font-weight:bold;
margin-bottom:1.5em;
}

h5 {
font-size:1em;
font-weight:bold;
}

h6 {
font-size:1em;
font-weight:bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin:0;
}

p {
margin:0 0 1em;
}

p img.left {
float:left;
margin:0 1em 1em 0;
padding:0;
}

p img.right {
float:right;
margin:0 0 1em 1em;
}

a:focus, a:hover {
color:#2057B3;
text-decoration:underline;
}

a {
color:#2057B3;
text-decoration:none;
}

blockquote {
color:#666666;
font-style:italic;
margin:1.5em;
}

strong {
font-weight:bold;
}

em, dfn {
font-style:italic;
}

dfn {
font-weight:bold;
}

sup, sub {
line-height:0;
}

abbr, acronym {
border-bottom:1px dotted #666666;
}

address {
font-style:italic;
margin:0 0 1.5em;
}

del {
color:#666666;
}

pre {
margin:1.5em 0;
white-space:pre;
}

pre, code, tt {
-x-system-font:none;
font-family:'andale mono','lucida console',monospace;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
}

li ul, li ol {
margin:0 1.5em;
}

ul, ol {
margin:0 1.5em 1.5em;
}

ul {
list-style-type:disc;
}

ol {
list-style-type:decimal;
}

dl {
margin:0 0 1.5em;
}

dl dt {
font-weight:bold;
}

dd {
margin-left:1.5em;
}

table {
margin-bottom:1.4em;
width:100%;
}

th {
font-weight:bold;
}

thead th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C3D9FF none repeat scroll 0 0;
}

th, td, caption {
padding:4px 10px 4px 0;
}

tr.even td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E5ECF9 none repeat scroll 0 0;
}

tfoot {
font-style:italic;
}

caption {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
}

.small {
font-size:0.8em;
line-height:1.875em;
margin-bottom:1.875em;
}

.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}

.hide {
display:none;
}

.quiet {
color:#666666;
}

.loud {
font-weight:bold;
}

.highlight {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFF00 none repeat scroll 0 0;
}

.added {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#006600 none repeat scroll 0 0;
color:#FFFFFF;
}

.removed {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#990000 none repeat scroll 0 0;
color:#FFFFFF;
}

.first {
margin-left:0;
padding-left:0;
}

.last {
margin-right:0;
padding-right:0;
}

.top {
margin-top:0;
padding-top:0;
}

.bottom {
margin-bottom:0;
padding-bottom:0;
}

.grid {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../resources/contentbg.jpg) no-repeat scroll 400px 13px;
margin:0 auto;
width:950px;
text-align:left;
}

.showgrid {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(grid.png) repeat scroll 0 0;
}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
float:left;
margin-right:10px;
}

.last, div.last {
margin-right:0;
}

.sidecol {
line-height: 0;
float:left;
margin:0 0 50px;
width:400px;
}

.sidecol a { 
float: left;
} 

.maincol {
float:left;
margin:13px 0 0;
width:550px;
}

.footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../resources/footerbg.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:0.9em;
height:94px;
margin:0;
padding:20px;
width:950px;
}

.footer1 {
float:left;
width:70px;
}

.footer2 {
color:#AAAAAA;
float:left;
width:250px;
}

.footer3 {
float:left;
width:70px;
}

.footer4 {
color:#AAAAAA;
float:left;
width:150px;
}

#navi {
height:30px;
margin:50px 10px 40px 50px;
}

#content {
margin-left:50px;
}

#logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../resources/logo.jpg) repeat scroll 0 0;
height:150px;
width:400px;
}

#demo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../resources/demo.jpg) repeat scroll 0 0;
height:210px;
width:400px;
}

#esittely {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../resources/esittely.jpg) repeat scroll 0 0;
height:230px;
width:400px;
}

#navi a {
color:#000000;
font-size:1.4em;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

#navi a:hover {
text-decoration:underline;
}

#navi ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

#navi li {
float:left;
margin-right:20px;
}

#navi li.selected {
border-bottom:1px solid #1F1A81;
float:left;
margin-right:20px;
}

p.stronger {
color:#444444;
font-size:1.2em;
font-weight:bold;
}

div.border {
border-right:1px solid #EEEEEE;
margin-right:5px;
padding-right:4px;
}

div.colborder {
border-right:1px solid #EEEEEE;
margin-right:25px;
padding-right:24px;
}

.prepend-top {
margin-top:1.5em;
}

.prepend-top-large {
margin-top:5em;
}

.append-bottom {
margin-bottom:1.5em;
}

.box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E5ECF9 none repeat scroll 0 0;
margin-bottom:1.5em;
padding:1.5em;
}

.clearfix:after, .grid:after {
clear:both;
content:" ";
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}

.clearfix, .grid {
display:block;
}

.clear {
clear:both;
}