/* base.css - sort out layout styles */

html, body {
	margin: 0;
	margin-top: 20px;
	margin-bottom: 25px;
	padding: 0;
	line-height: 1.4;
	background-color: #F7F7F7;
	/* XHTML fix - in XHTML the body is NOT treated as a magic element, but 
	rather the same way a DIV is treated (it only sizes to contain its content) */
	min-height: 1000px; /* because Mozilla */
	color: #000;
}

/* continuation of XHTML fix from above - for IE (including 6) */
* html {
	height: 100%;
	background-color: #F9F9F9;
	color: #000;
}

address {
	color: #666;
	font-style: normal;
	text-align: center;
}

fieldset {
	margin-top: 20px;
	padding-left: 20px;
	border: 1px solid #DDD;
	background: #F9F9F9;
}

strong, legend {
	font-style: normal;
	font-weight: 600;
	color: #000;
}

em {
	font-color: #999;
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
}

big {
	font-size: 120%;
}

small {
	font-size: 80%;
}

.info {
	width: 495px;
	border: #AAA solid 1px;
	padding:10px;
	color: #666;
	background: #F9F9F9;
}

pre {
	width: 495px;
	border: #AAA solid 1px;
	padding: 10px;
	font-size: 120%;
	color: #666;
	background: #F9F9F9;
}

h1 {
	font-size: 155%;
	color: #000;
}

h2 {
	font-size: 155%;
	border-bottom: 1px solid #EEE;
}

h3 {
	font-size: 120%;
	border-bottom: 1px solid #EEE;
}

h4,h5,h6 {
	font-size: 100%;
}

abbr,acronym,dfn {
	color: #633;
	border-bottom: 1px solid #EEE;
	}

form {
	margin: 0px;
}

input, select, textarea {
	color: #333;
	border: 1px solid #AAA;
	background: #fff;
}

td, th {
	padding: 2px;
}

table {
	width: 100%;
}

table.varaus th {
	white-space: nowrap;
	text-align: center;
	font-size: 90%;
	border: #DDD solid 1px;
	background: #EEE;
	background: url('/ict/_images/css/css_background_th.gif') repeat-x top left transparent;
}

table.varaus td {
	text-align: center;
	font-size: 90%;
	border: #DDD solid 1px;
	background: #F9F9F9;
	background: url('/ict/_images/css/css_background_td.gif') repeat-y top left;
}

img.image145 {
	margin: 0px;
	margin-top: 16px;
	padding: 0px;
	border: 5px solid #EEE;
	width: 145px;
	}

div.thumbnails {
	white-space: wrap;
	text-align: center;
	border: #DDD solid 10px;
	background: #DDD;
}

img.image500 {
	width: 500px;
	border: #EEE solid 5px;
}

img {
	border: 0;
}

.imagereplace {
	font-size: 8px;
}

.splash-page div#header h1 {
	margin: 24px 0 0 0;
}

.standard-page div#header h1 {
	margin: 0;
}

body.splash-page div#container {
	width: 773px;
	height: 494px;
	margin: 0 auto;
	border-top: 10px solid #E3DED1;
	background-image: url("/ict/_images/index.jpg" );
	background-repeat: no-repeat;
	position: relative;
}

body.standard-page div#container {
	width: 773px;
	margin: 0 auto;
	position: relative;
	background-image: url("/ict/_images/standard-footbg.gif" );
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 33px;
}
/*
* html body.standard-page div#container {
	padding-left: 0px;
}*/

body.splash-page div#main {
	width: 245px;
	height: 219px;
	position: absolute;
	left: 476px;
	top: 90px;
	padding: 8px 15px 0px 15px;
	background-image: url("/ict/_images/splash-content-bg.gif" );
	background-repeat: no-repeat;
	background-position: 50% 0;
}

body.standard-page div#main {
	background-image: url("/ict/_images/standard-bg.gif" );
	background-repeat: repeat-y;
	background-position: top left;
	padding-left: 11px;
	padding-right: 23px;
	position: relative;
}

body.splash-page div#content {
	background-image: url("/ict/_images/paul-head.png" );
	background-repeat: no-repeat;
	background-position: top right;
}

body.splash-page div#header {
	width: 747px;
	height: 72px;
	position: absolute;
	top: 12px;
	left: 5px;
	padding-left: 16px;
}

body.standard-page div#header {
	width: 757px;
	height: 45px;
	background-image: url("/ict/_images/standard-headbg.gif" );
	background-repeat: no-repeat;
	padding-left: 21px;
	padding-top: 46px;
}

body.splash-page div.contact {
	width: 73px;
	height: 17px;
	position: absolute;
	top: 39px;
	left: 678px;
}

body.standard-page div.contact {
	width: 73px;
	height: 17px;
	position: absolute;
	top: -42px;
	left: 665px;
	margin-left: 13px;
}

* html body.standard-page div.contact {
	left: 664px;
}

div.contact a {
	display: block;
	width: 80px;
	height: 25px;
	text-indent: -5000px;
	text-decoration: none;
	background: url("/ict/_images/yhteys.gif") no-repeat;
}

div.toolbar, div.alttoolbar {
	clear: both;
}

div.toolbar ul, div.alttoolbar ul, div.menu ul {
	margin: 0;
}

div.toolbar {
	background-image: url("/ict/_images/toolbar-bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 1px;
	margin-left: 186px;
	margin-top: -31px;
}

.column {
	float: left;
	display: inline; /* needed to fix IE margins */
}

div#menuouter {
	color: #666;
	position: relative;
	top: 33px;
	left: -540px;
	width: 150px;
	margin-top: 12px;
	margin-bottom: 10px;
	margin-left: 25px;
	min-height: 100%;
	height: 100%;
	background:#fff;
}

div#menuouter h3 {
	color: #666;
}

/* commented backslash hack v2 \*/

/** html div#menuouter {
	left: 8px;
}*/

/* end hack */

div#menuouter div {
	padding: 11px 17px 50px 17px;
	min-height: 79px;
}

/* IE treats height the same as min-height, but doesn't understand min-height */
* html div#menuouter div {
	height: 79px;
}

/* hide in contact page */
#contact div#menuouter {
	display: none;
}

div#menuouter h1, div#menuouter h2 {
	margin: 0 0 5px 0;
}

.splash-page div.more a {
	display: block;
	background: url("/ict/_images/more.gif") no-repeat;
	text-indent: -5000px;
	width: 11px;
	height: 11px;
	text-decoration: none;
}

.splash-page div.more {
	position: absolute;
	right: 15px;
	top: 215px;
}

.splash-page div.portfolio-link {
	position: absolute;
	left: 135px;
	top: 175px;
	width: 180px;
	height: 120px;
}


.standard-page div#content {
	position: relative;
	top: 0px;
	left: 200px;
	width: 540px;
}

.standard-page .pagetitle {
	margin-top: 20px
	border-bottom: 0px solid #EEE;
}

.pagetitle {
	margin-bottom: 10px;
}

.pagetitle h1 {
	background:url('/ict/_images/pagetitle.gif') no-repeat;
	margin-top:12px;
	margin-bottom: 6px;
	width:517px;
	height:32px;
	padding-left:60px;
	white-space:nowrap;
}

div#footer {
	clear: both;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

div#footer ul {
	margin: 0;
}

div.menu li, div.menu ul, div.menu ul ul {
	margin: 0;
	padding: 0;
}

div.portfolioinfo dl dt {
	color: #FF6600;
	float: left;
	margin-right: 5px;
	font-weight: bold;
	background: #fff;
}

div.portfolioimages {
	float: right;
	width: 170px;
	margin-left: 10px;
}

div.portfolioimages div {
	margin-bottom: 12px;
}

div.portfolioinfo {
	margin-right: 173px;
}

div.portfolioinfo .logo {
	float: right;
}

div.useborder {
	margin-bottom: 10px;
}

/****** .standard stuff *******/

body.standard-page div.standard {
	padding-bottom: 10px;
	padding-right: 23px;
}

div.standard ul, div.standard ol {
	margin: 10px 0px 0px 0px;
}

div.standard p {
	margin: 0 0 1em 0;
}

div.standard li {
	margin-left: 0px;
}

table.portfolio td, table.portfolio th {
	vertical-align: top;
}

div.clear table.portfolio td {
	border-top: 1px solid #EEE;
	padding-top: 10px;
}

table.portfolio .left {
	padding-right: 7px;
}

table.portfolio .right {
	padding-left: 7px;
}

.released_date {
	color: #666;
	background: #fff;
}

div.clear table.allportfolio td {
	border-top: 1px solid #EEE;
	/*border-width: 1px 0 0 0;*/
	padding: 5px 0;
	vertical-align: top;
}

div.clear table.allportfolio td.content {
	padding-left: 5px;
}

div.clear table.allportfolio td.content h4 {
	float: left;
}

div.clear table.allportfolio td.content .released_date {
	text-align: right;
}

div.clear table.allportfolio td.more {
	border-bottom-width: 1px;
}

/********* funky/te tables ***********/

.standard table.te {
	margin-bottom: 7px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	/*border-right: none;
	border-bottom: none;*/
}

.rowheadings th {
	white-space: nowrap;
}

.standard table.te caption {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	/*border-bottom: none;*/
	padding: 2px;
	background: #336;
	text-align: left;
	color: #fff;
	font-weight: bold;
}

.standard table.te th.heading {
	background: #336;
	text-align: left;
	color: #fff;
	font-weight: bold;
}

.standard table.te caption a {
	color: #fff;
}

.standard .te td, .standard .te th {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	/*border-width: 0 1px 1px 0;*/
	padding: 2px;
}

.standard .te th {
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
}

.standard .te-colheadings td {
	vertical-align: top;
}

.standard .te td.buttons {
	text-align: right;
}

.standard td.buttons input.fancybutton {
	border: none;
	background: transparent;
}

table.te tr.alt td, table.te tr.alt td.left, table.te tr.alt td.right,
table.te tr.alt th, table.te tr.alt th.left, table.te tr.alt th.right,
.col th {
	background: #EEE;
	color: #000;
}

.standard .clear table, .standard .clear th, .standard .clear td {
	border: none;
	background: transparent;
}

/********* general rules **********/

hr {
	height: 1px;
	color: #EEE;
	background-color: #EEE;
	border: none;
	margin-bottom: 1em;
}

.p_left {
	float: left;
	margin-right: 5px;
}

.p_right {
	float: right;
	margin-left: 30px;
	margin-bottom: 15px;
}

hr.hidden {
	display: none;
}

span.warning {
	color: #ff3311;
}

.accesskey_menu {
	float: left;
	color: white;
	background: 
}
.accesskey_menu a, .accesskey_menu a:link, .accesskey_menu a:active, .accesskey_menu a:visited {
	color: #FCB588;
}
.accesskey_menu a:active, .accesskey_menu a:focus {
	color: #ffffff;
}

.calendar_button button {
	background: none;
	border: none;
	padding-left: 2px;
	vertical-align: middle;
}
.calendar_button button span {
	display: none;
}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div.webcode ul {
	margin-right: 2em;
}

div.webcode li {
	text-align: justify;
	margin-bottom: 0.8em;
}

div.webcode h3,h2 { 
	color: #000;
	margin: 1em 0 0.5em 0;
}

div.portfolioimages a img, table.portfolio a img, table.allportfolio a img {
	border: 1px solid #666;
}

div.portfolioimages a:hover img, table.portfolio a:hover img, table.allportfolio a:hover img {
	border: 1px solid #000;
}

#skip {
	position: absolute;
	left: 0px;
	top: -500px;
}

/*-----(feisty links stuff)-----*/

/* these are the next and previous links next to the count */
caption div a:link, caption div a:visited {
	color: #fff;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
}

td.more {
	text-align: center;
	padding: 0px;
}

td.more a:link, td.more a:visited, td.more strong {
	line-height: 1.7;
	padding: 3px 3px;
	text-decoration: none;
}

/* hover colour */
td.more a:hover {
	background-color: #dfdfdf;
}

td.more .prev {
	float: left;
}

td.more .next {
	float: right;
}

td.more .prevghost {
	float: left;
	padding: 3px 6px 3px 3px;
	color: #666999;
}

td.more .nextghost {
	float: right;
	color: #666999;
	padding: 3px 3px;
}

/* excessive pseudo-classing due to IE's shortcomings */
td.more div.prev a:link, td.more div.next a:link,
td.more div.prev a:visited, td.more div.next a:visited {
	margin: 0;
}