@charset "ISO-8859-1";

html{background: #003369}

body {
	font: 72% Verdana, Arial, Helvetica, sans-serif;
	background: #dedede url('images/body-gradient-bg.jpg') top repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

h1,h2,h3 { font-weight: normal}

h1{font-size: 40px; font-weight: normal; color: #004083}

#bg-layer {margin:0; padding:0; background: transparent url('images/body-bg.png') top right no-repeat;}

#container {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	padding:0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#headerContent{height: 75px; width: 930px; margin:0 auto; background: url('images/header-ruler.png') no-repeat bottom center;}

#naviBar {height: 30px; width: 930px; margin:4px auto; text-align: left}
#naviBar ul{float: right; width: 930px; overflow:hidden; list-style-image: none; list-style-position: outside}
#naviBar ul li{overflow:hidden; font-size: 1em; float: right; clear:none; margin: 0 0 0 24px; padding: 0}
#naviBar ul li:hover{overflow:hidden; font-size: 1em; float: right; clear:none; margin: 0 0 0 24px; padding: 0}
#naviBar a, #naviBar a:visited, #naviBar a:active{font-size: 1em; text-decoration: none;}
#naviBar a:hover{font-size: 1em; text-decoration: none;}

#logo {width: 181px; height:75px;}

#logo img{width: 181px; height:42px; padding-top: 16px}

#mainContent {
	width: 930px;
	margin:0 auto;
}

#flash-holder {height: 500px; overflow:hidden}

#mainContent.rakennustekniikka {background: url('images/kuva-rakennus2.jpg') no-repeat top left; background-position: 0px 130px}
#mainContent.sahkotekniikka {background: url('images/kuva-sahko2.jpg') no-repeat top left; background-position: 0px 195px}
#mainContent.kuivaustekniikka {background: url('images/kuva-kuivaus2.jpg') no-repeat top left; background-position: 0px 150px}
#mainContent.yritys {background: url('images/kuva-yritys2.jpg') no-repeat top left; background-position: 0px 167px}

#leftCol{width: 310px;float:left;}
#mainCol{width: 370px;float:left; padding:40px 0 120px 0}

#mainContent.rakennustekniikka #mainCol{padding-bottom: 300px}

#mainCol h2{color: #004083; font-size: 1.8em; font-weight: 350; margin: 20px 0 22px 0;}
#mainCol h3{color: #004083; font-size: 1.4em; font-weight: 350; margin: 20px 0 16px 0;}

#mainCol .caption{font-size: 1.0em;  text-align: left; font-weight: normal; margin: 10px 0 0 0; font-style: normal; line-height: 1.4em}
#mainCol p{margin: 0 0 14px 0; line-height: 1.7em; text-align: justify}
#mainCol hr{border: none; height: 1px; border-top: 1px solid #d0d0d0; margin: 20px 0}
#mainCol #content ul, ul.roundbullets {list-style: none; margin: 10px 0 20px 25px; font-size: 0.9em}
#mainCol #content ul li, ul.roundbullets li{padding: 4px 0 5px 30px; background: url('images/ring-bullet.png') top left no-repeat; background-position: 0px 7px;}

#mainCol blockquote{font-style: oblique; text-align: center; font-weight: normal;  font-size: 1.3em; background: url('images/quotes.png') no-repeat; background-position: 40px 0px; padding: 10px 90px; margin: 60px 0 32px 0; line-height: 1.6em}

#leftCol blockquote{font-style: oblique; text-align: center; font-weight: normal;  font-size: 1.3em; background: url('images/quotes3.png') no-repeat; background-position: 40px 0px; padding: 10px 90px; margin: 40px 0 32px 0; line-height: 1.6em}

#rightCol{width: 200px;float:right; padding-top: 40px; padding-bottom: 60px}
#rightCol h2{font-size: 1.5em; margin-left: 20px; margin-top: 14px}
#rightCol h3{font-size: 1.1em; margin-left: 20px; margin-top: 14px}
.sidebar-block-alert {font-size: 0.95em; background: url('images/huutomerkki.png') no-repeat; background-position: 7px 21px; padding: 20px 25px}

.hanskainfo{padding: 0 0 0 100px; min-height: 100px; background: url('images/hanska.png') no-repeat; background-position: 0px 0px}

.contactname{font-weight: bold; color: #004083}
.contacttel{}

#footerContent {
	width: 930px;
	margin:0 auto;
	padding: 40px 0 40px 100px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#footer {
	height: 220px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: transparent url('images/footer-bg.jpg')  top repeat-x;
}
#footer p {
	font-size: 1.6em;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer h2 {color: #fff; font-size: 2em}

#mainColTop {margin: 0}
#page-navi ul{margin: 6px 0}
#page-navi ul li{font-size: 0.9em; height: 1.4em; padding-top: 0.1em; float:left; margin-bottom: 1px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #ccc;}
#page-navi ul li.active {}
#page-navi ul li.last {clear:right; border-right: none}

a, a:active, a:visited {text-decoration:none; color: #004a99}
a:hover {color: #2584e8}

.mainblock{ float:left; width: 250px; margin:0; padding:0 20px; }
.footerblock{ float:left; margin:0; padding:0 20px; color: #fff }