html {
    font-size: 100%;
}

h1 {
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	color: #666666;
	text-transform: uppercase;
}

h2 {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	margin: 10px 0 3px 0;
}

body {
	font-size: 0.625em;
	font-family: verdana, arial, geneva, helvetica, sans-serif;
	color: #000000;
}

p { margin: 1em 0; }
p, td, tr, table { font-weight: normal; font-size: 11px; letter-spacing: 1px; }
ul { padding-left: 20px; list-style-type: disc; font-weight: normal; font-size: 11px; letter-spacing: 1px; }

ul.news-items { margin: 1em 0 0 0; padding: 0; list-style: none outside none; }
.news-items li {  }

table.contact { width: 50% }
.input { width: 300px; margin-bottom: 5px; }

label { width: 200px; float: left; display: block; font-weight: normal; font-size: 11px; letter-spacing: 1px; text-align: left; }
div.interest input.checkbox { }
input.submit { float: right; margin-right: 130px; font-weight:bold; /* border:1px solid gray; color: black; padding:1px 4px 2px; */ } 

a:link { text-decoration: none; color: #f88017; }
a:active { text-decoration: none; color: #f88017; }
a:visited { text-decoration: none; color: #f88017; /* color: #88460d; */ }
a:hover { text-decoration: underline; color: #f88017; } 

div#topnav { height: 20px; line-height: 1.5; margin-right: 15px; }
div#prosyslogo { height: 60px; background: transparent; }
img.mslogo { position: absolute; bottom: 30px; left: 268px; padding-bottom: 20px; }

div.widecolumn { width: 300px; height: 590px; float: left; }
div.services { width: 660px; float: left; }

div#header { background:#ffffff; height:60px; width:960px; padding:0 20px 0; }
div#main { width: 1000px; height: 590px; overflow: hidden; }
div#main-bottom { height: 100px; width: 1000px; background: transparent url('images/ProsysTaustaEtusivu2Ala.png') no-repeat scroll bottom left; }
div#content { padding: 20px 20px 20px; }
div#footer { background: transparent url('images/ProsysNav.png') repeat-x scroll bottom left; height:20px; width:960px; padding:4px 20px;
			 text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 1.5; text-shadow: 1px 1px 1px #2b2b2e; }

div#references { width: 720px; padding: 0 0 0 120px; background: transparent url('images/ProsysReferenssitHarmaaLoota.png') no-repeat scroll top left; }
div#references h1 { margin-top: 0; font-size: 20px; font-weight: bold; text-transform: none; }
div#references h2 { margin-top: 0; font-size: 13px; }

div#news { width: 720px; padding: 0 120px 0; }
div#news h1 { margin-top: 0; font-size: 20px; font-weight: bold; text-transform: none; color: #f88017; }

strong { font-weight: bold; color: #333333; }
strong.date { font-size: 10px; }

.alert { color: #f88017; }
.big { font-size: 250%; }
.dark { color: #333333; }
.selected { color: #f88017 !important; }

.lang { text-align: right; float: right; }
.lang a:link { text-decoration: none; font-weight: bold; }
.lang a:active { text-decoration: none; font-weight: bold; }
.lang a:visited { text-decoration: none; font-weight: bold; }
.lang a:hover { text-decoration: underline; font-weight: bold; }

.centertxt { vertical-align: -15%; }
.centerbtn { vertical-align: -100%; }

div.breadcrumbs { width: 960px; text-align: left; }

div.scroll { width: auto; height: 400px; overflow: auto; padding: 0px; }
div.scroll news { border-bottom: solid 1px #ece7e2; }

div#wrapper { width: 1000px; margin: 0 auto; overflow: hidden; position: relative; }
div#brochure { width: 600px; height: 45px; width: 200px; font-size: 12px; text-transform: uppercase; position: absolute; bottom: 30px; margin-bottom: 20px;
				background: transparent url('images/Nappula40x41.png') no-repeat scroll top left; }
.brochure { margin-left: 45px; margin-top: 13px; }			

div.casebox { padding: 0; width: 660px; }
div.casebox h2 { margin-top: 3px; font-size: 14px; text-transform: uppercase; }
div.casebox-top { height: 20px; background: transparent url('images/ProsysReferenssitHarmaaLootaYla660.png') no-repeat scroll top left; }
div.casebox-btm { height: 20px; background: transparent url('images/ProsysReferenssitHarmaaLootaAla660.png') no-repeat scroll top left; }
div.casebox-mid { padding: 0 20px 1px; background-color: #ece7e2; min-height: 50px; height: auto !important; height: 50px; }

div.newsbox { padding: 20px 0 0; margin-bottom: 20px; width: 720px; }
div.newsbox h2 { margin-top: 3px; font-size: 14px; }
div.newsbox-top { height: 20px; background: transparent url('images/ProsysAjankohtaistaValkoinenLootaYla.png') no-repeat scroll top left; }
div.newsbox-btm { height: 20px; background: transparent url('images/ProsysAjankohtaistaValkoinenLootaAla.png') no-repeat scroll top left; }
div.newsbox-mid { padding: 0 80px 1px; background-color: #ffffff; min-height: 50px; height: auto !important; height: 50px; }

a.newslink-left { float: left; font-size: 14px; }
a.newslink-right { float: right; font-size: 14px; }

div.techbox { padding: 0px; margin: 20px; width: 200px; float: right; }
div.techbox h2 { margin-top: 3px; font-size: 14px; text-transform: uppercase; }
div.techbox ul { margin: 0; }
div.techbox-top { height: 20px; background: transparent url('images/ProsysHarmaaLootaYla200.png') no-repeat scroll top left; }
div.techbox-btm { height: 20px; background: transparent url('images/ProsysHarmaaLootaAla200.png') no-repeat scroll top left; }
div.techbox-mid { padding: 0 20px 1px; background-color: #ece7e2; min-height: 50px; height: auto !important; height: 50px; }

div.infobox { width: 200px; float: left; padding-right: 20px; }
div.infobox a.arrowlink { font-weight: bold; }

.service-graph { width: 256px; height: 237px; float: right; margin-top: 10px; }

div.text { float: left; }
div.column { float: left; width: 250px; }
div.company { width: 700px; float: left; }

a.footer:link {color: #ffffff; text-decoration: none; }
a.footer:active {color: #ffffff; text-decoration: none; }
a.footer:visited {color: #ffffff; text-decoration: none; }
a.footer:hover {color: #f88017; text-decoration: none; }
a.footer {text-transform: uppercase; padding: 0px 10px 0px 20px; font-size: 12px; font-weight: bold; line-height: 1.5;
		  background: transparent url('images/ProsysNavSeparator.png') no-repeat scroll center left; }
a.footer.rootmenu { background: transparent none no-repeat scroll bottom left; padding-left: 0px; }

div.separator { margin-left: 3%; margin-right: 3%; border-bottom: 1px solid #d3d3d3; }

.align-left { float: left; }
.align-right { float: right; }

a.imagelink { display: block; height: 28px; border: none; padding-top: 15px; }
a.imagelink:link {color: #000000; text-decoration: none;}
a.imagelink:active {color: #000000; text-decoration: none;}
a.imagelink:visited {color: #000000; text-decoration: none;}
a.imagelink:hover span,img {color: #f88017; text-decoration: none;}