/* Start of CMSMS style sheet 'Apex' */
/* Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* CSS Document */

body {
	width: 100%;
	color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #282431;
}
a {
	color: #615189;
	font-weight: normal;
	background-image: none;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

a:hover {
	color: #666666;
	font-weight: normal;
}
h4 {
	color: #333333;
	font-size: 11pt;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}

h5 {
	margin: 0px;
	font-size: 10pt;
	padding-left: 8px;
	padding-top: 8px;
	text-decoration: underline;
}
h6 {
	margin: 0px;
}
#wrapper {
	width: 100%;
}
/* Groups */
#group_container {
	width: 100%;
	height: 29px;
	margin-right: auto;
	margin-left: auto;
	background: url(uploads/layout/top-groups-back.png) #3F394C no-repeat top center;
	text-align: left;
	font-size: 0.8em;
	line-height: 29px;
}
#group {
	width: 960px;
	height: 29px;
	margin-right: auto;
	margin-left: auto;
}
#group li {
	display: inline;
	color: #CCCCCC;
}
#group li a {
	color: #CCCCCC;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	height: 29px;
	line-height: 29px;
	display: block;
	float: left;
}
#group #groupright {
	float: right;
}
#group .selected {
	color: #FFFFFF;
	background-image: url(uploads/layout/groupselected.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	line-height: 29px;
	height: 29px;
}
#group #groupleft {
	float: left;
}
#group #groupleft a {
	font-weight: bold;
}
/* Header */
#header_container {
	width: 100%;
	height: 128px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(uploads/layout/headerback_repeat.jpg);
	background-position: center;
}
#header {
	width: 960px;
	height: 128px;
	background-image: url(uploads/layout/header_index.jpg);
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#header_logo {
	width: 960px;
	height: 0px;
	float: right;
	padding-top: 96px;
	overflow: hidden;
}
/* Headers */
#header1 {
	width: 960px;
	height: 128px;
	background-image: url(uploads/layout/header_index.jpg);
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#header2 {
	width: 960px;
	height: 128px;
	background-image: url(uploads/layout/header_news.jpg);
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#header3 {
	width: 960px;
	height: 128px;
	background-image: url(uploads/layout/header_services.jpg);
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#header4 {
	width: 960px;
	height: 128px;
	background-image: url(uploads/layout/header_about.jpg);
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#header5 {
	width: 960px;
	height: 128px;
	background-image: url(uploads/layout/header_projects.jpg);
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#header6 {
	width: 960px;
	height: 128px;
	background-image: url(uploads/layout/header_pic.jpg);
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#header7 {
	width: 960px;
	height: 128px;
	background-image: url(uploads/layout/header_contact.jpg);
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
/* Headers end */
#navcontainer {
	width: 960px;
	float: left;
	overflow: hidden;
	height: 32px;
	text-align: left;
}
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	float: left;
	font-size: 1em;
	height: 32px;
	}

#nav li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	}

#nav a {
	float: left;
	color: #FFFFFF;
}	
#nav a:hover,#nav a:active,.current {
	}
/* Middle part */
#mid_container {
	width: 100%;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(uploads/layout/headerboxes_back.png);
	background-position: center;
}
#mid_image {
	width: 960px;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(uploads/layout/midpic.jpg);
}
/* Testausta */
   #mid_container2 {
	width: 100%;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(uploads/layout/menuback.png);
	background-position: center;
}
   #mid_image2 {
	width: 960px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
/*	background: url(uploads/layout/menuback_right.png) no-repeat;
	background-position: right top; */
   }
   #mid_image2 ul {
	background: url(uploads/layout/topmenu_right.png) no-repeat left top;
	height: 40px;
	margin: 0 0 0 1px;
	display: block;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
   }
   #mid_image2 li {
	display: inline;
	float: left;
	color: #fff;
	margin: 0;
	line-height: 40px;
	background: url(uploads/layout/topmenu_right.png) no-repeat right top;
   }
   #mid_image2 a {
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 0 30px 0 30px;
	background: url(uploads/layout/topmenu_left.png) no-repeat left top;
   }

/* Testaus loppu */

/* Contents */
#content_container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(uploads/layout/contentwrapback.gif);
	background-repeat: repeat-y;
	background-position: top center;
}
#content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 30px;
	background-image: url(uploads/layout/contentback.gif); 
	background-repeat: repeat-y;
	background-position: top left;
}
#content #leftcolumn {
	float: left;
	width: 219px;
	margin-right: 10px;
	padding-left: 10px;
	font-size: 80%;
	line-height: 1.2em;
/*
	background-image: url(uploads/layout/leftcolumn-back.png);
	background-repeat: no-repeat;
	background-position: right top; */
	
	padding-bottom: 10px;
	padding-top: 10px;

}
#content #leftcolumn li {
	font-size: 1.0em;
	padding: 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	font-weight: bold;
	color: #46558D;
/*	border-right: 1px solid #ccc; */
}
#content #leftcolumn li.currentpage a {
	color: #4A5991;
}
#content #leftcolumn ul li a {
	font-weight: bold;
	color: #46558D;
	text-decoration: none;
	padding: 0 10px 0 0;
	line-height: 1.4em;
}
#content #leftcolumn h3 {
	color: #46558D;
}
#content #leftcolumn ul ul li {
	border:none;
/*
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC; */
	padding: 5px 0 5px 0;
	font-size: 90%;
	margin: 0;
}
#content #leftcolumn ul ul {
	margin: 10px 0 0px 0;
}
#content #leftcolumn ul li ul li a {
	background-image: url(uploads/layout/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 8px;
}
#content #leftcolumn ul li ul li a:hover {
	background-position: 0px 7px;
}
#content #leftcolumn a:hover {
	color: #47578F;
	text-decoration: none;
}
#leftcolumn h2 {
	color: #4A5991;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 0;
}
#content #rightcolumn {
	float: left;
	width: 720px;
	padding-right: 0px;
	padding-left: 0px;
	display: inline;
}
#content #rightcolumn h1 {
	color: #46558D;
	font-size: 1.6em;
	margin: 10px 0 20px 10px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	text-transform: uppercase; */
/*	font-variant:small-caps; */
	letter-spacing: -1px;

}
#rightcolumn h2 {
/*	color: #615189; */
	color: #4A5991;
	padding: 15px 0 15px 10px;
}
#rightcolumn p {
	line-height: 1.5em;
	padding: 0 0 15px 0;
	font-size: 80%;
	color: #555;
	margin-left:  10px;
}
#content #rightcolumn h3 {
	color: #4A5991;
	margin-bottom: 10px;
	margin-top: 10px;
}
#content #rightcolumn .news {
	display: inline;
	margin: 0;
	width: 240px;
	line-height: 1.4em;
	float: left;
}
#content #rightcolumn .news p {
	padding: 0 0 8px 0;
}
#content #rightcolumn .newspic {
	float: right;
	padding-left: 0px;
}
#content #rightcolumn #news {
	float: left;
	padding-right: 10px;
}
#rightcolumn ul {
	list-style: circle;
	margin: 10px 20px 20px 10px;
	font-size: 80%;
}
#rightcolumn ul li {
	list-style: circle;
	margin: 3px 20px;
}
/* Footer */
#footer_container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(uploads/layout/footer_back.png);
	clear: both;
	background-position: center top;
	height: 300px;
	background-repeat: repeat-x;
	background-color: #303B69;
}
#footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	clear: both;
	padding-top: 20px;
	text-align: left;
	font-size: 80%;
}
#footer p{
	line-height: 1.2em;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}
#footer a {
	color: #CCCCCC;
	text-decoration: none;
}
#footer ul li ul li {

	padding: 0 0 10px 0;
	line-height: 1.2em;
	color: #CCCCCC;
}
#footer h3 {
	font-size: 120%;
	color: #FFFFFF;
	text-transform: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#footerblock_first {
	width: 220px;
	margin: 0 10px;
	float: left;
	display: inline;
}
#footerblock_first img {
	margin: 20px 0px;
	float: left;
}
#footerblock_second {
	width: 260px;
	margin: 0 10px;
	float: left;
	display: inline;
}
#footerblock_second .address p {
	margin-bottom: 15px;
	line-height: 1.4em;
}
#footerblock_first li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
	background-image: url(uploads/layout/footer_bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}
#footerblock_third {
	width: 420px;
	margin: 0 10px;
	float: left;
	display: inline;
}
/* Copyright */
#copyright_container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(uploads/layout/copyright-back.png);
	clear: both;
	background-position: center top;
	font-size: 0.8em;
	text-align: left;
}
#copyright {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	color: #d4d4d4;
	clear: both;
	height: 35px;
	padding: 5px 0 0 0;
}
#copyright #subscribe {
	color: #D35B04;
	display: block;
	float: left;
	padding-right: 25px;
	height: 45px;
	line-height: 35px;
	width: 180px;
}
#copyright #subscribe a {
	display: block;
	color: #D35B04;
	background: url(images/cms/xml_rss.gif) no-repeat right center;
	padding: 0 23px 0 0;
	height: 35px;
}
#copyright #copy_apex {
	float: left;
	display: block;
	line-height: 35px;
	padding-right: 3px;
}

/* Random stuff */
.list {
	margin: 0px;
	list-style-type: square;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 50px;
}
.list li {
	margin: 0px;
	list-style-type: square;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-position: inside;
}
#rightcolumn .linklist ul {
	margin: 0 0 10px 10px;
	list-style: none;
}
#rightcolumn .linklist li {
	list-style: none;
	width: 280px;
	float: left;
	padding: 0px;
	display: block;
	background-image: url(uploads/layout/menu_bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding: 5px 0 5px 0px;
}
.linklist a {
	font-decoration: none;
	padding: 5px 0 5px 8px;
}
#inline-list {
	width: 520px;
	text-align: center;
	float: left;
	}

#inline-list ul {
	font-weight: bold;
	display: inline;
	margin: 0px;
	padding: 0px;
	}
#inline-list li {
	display: inline;
	font-weight: bold;
	margin: 10;
	padding: 10;
	}
#inline-list a {
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	color: #333333;
}
#inline-list a:hover {
	color: #666666;
}
.clear {
	clear: both;
}
.serviceimage {
	float: right;
	clear: right;
	padding: 0 0 15px 15px;
}
/* Indexblocks */
.block {
	margin: 7px 0 10px 0;
	width: 210px;
	float: left;
}
#leftcolumn .block h2 {
	color: #4A5991;
	margin: 0 0 5px 0;
	background-image: url(uploads/layout/menu_bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding: 5px 0 5px 8px;
	text-decoration: none;
	font-weight: bold;
}
#leftcolumn .block h2 a {
	text-decoration: none;
	font-weight: bold;
}
.block p {
	padding: 0 0 5px 8px;
}
.block p a {
	color: #666;
	text-decoration: none;
}

/* Projectpage */
#rightcolumn .project_small {
   width: 220px;
   padding: 10px 10px 20px 10px;
   float: left;
}
#rightcolumn .project_small .projectitem h2 {
   padding: 5px 0 8px 0;
   margin: 0;
   font-weight: bold;
   font-size: 90%;
}
#rightcolumn .project_small .projectitem p {
   padding: 0;
   margin: 0;
   font-size: 80%;
}
#rightcolumn .project_small a {
   text-decoration: none;
   font-weight: bold;
}
#rightcolumn .product_detail_field {
   float: right;
   width: 220px;
   margin: 0 10px;
}
#rightcolumn .product_detail_field img {
   margin: 5px 0 10px 0;
}
#rightcolumn .product_detail_field p {
   padding: 0;
   margin: 0;
   font-size: 80%;
}
#project_details {
   float: left;
   width: 480px;
}
.projectitem {
   height: 240px;
}
#project_additional {
   padding: 15px 0 0 0;
}
#leftcolumnlinks {
   float: left;
   width: 270px;
}

#rightcolumnlinks {
   float: left;
   width: 270px;
}
/* End of 'Apex' */