* {
	margin: 0px;
	padding: 0px;

}

body {
	background: #020204 url(pics/rightside.jpg) top left no-repeat;
	margin: 0;
	padding: 0px;
	text-align: center;

}

#webdesigner { 
	background: #020204 url(pics/rightside2.jpg) top left no-repeat;
}

#keyaccount { 
	background: #020204 url(pics/rightside3.jpg) top left no-repeat;
}

a img {
	border: none;
}


#container {
	width: 853px;
	background: #101010;
	height: auto !important;
	height: 1010px;
	min-height: 1010px;
	margin: 0 auto 0 50px;
	text-align: left;
	}

#col1 {
	background: #101010;
	width: 265px;
	overflow: hidden;
	padding-bottom: 30px;
	float: left;
	}

#col2 {
	width: 588px;
	background: #FFFFFF url(pics/bg-border1.jpg) 0px 0px repeat-y;
	float: left;
	}

#col2-keyaccount-border { 
	width: 588px;
	background: #FFFFFF url(pics/bg-border3.jpg) 0px 0px repeat-y; 
	float: left;	
}

#col2-webdesigner-border { 
	width: 588px;
	background: #FFFFFF url(pics/bg-border2.jpg) 0px 0px repeat-y; 
	float: left; 	
}


#header {
	background: url(pics/logo-sss.gif) 40px 10px no-repeat;
	width: 240px;
	}

#header a#index {
	display: block;
	width: 240px;
	height: 106px;
}

#header a#index span {
	display: none;
}

#navigation {
	width: 240px;
}

#nSSS,#nKenelle,#nYhteys,#nKoulutus,#nMilloin,#nHakuohjeet,#nAikataulu,#nValmennukset,#nSSSSel,#nKenelleSel,#nReferenssit,#nInEnglish,#nReferenssitSel, #nYhteysSel,#nKoulutusSel,#nMilloinSel,#nHakuohjeetSel,#nAikatauluSel,#nValmennuksetSel,#nTyonantajat,#nTyonantajatSel,#nInEnglishSel 
	{
	width: 290px;
	margin-bottom: 1px;
	margin-left: 10px;
	height: 23px;
}

#nSSS a   , #nKenelle a,#nYhteys a,#nKoulutus a,#nMilloin a,#nHakuohjeet a,#nAikataulu a,#nValmennukset a,#nReferenssit a, #nInEnglish a, #nTyonantajat a,#nSSSSel a 
	 , #nKenelleSel a,#nYhteysSel a,#nKoulutusSel a,#nMilloinSel a,#nHakuohjeetSel a,#nAikatauluSel a,#nValmennuksetSel a,#nReferenssitSel a,#nTyonantajatSel a, #nInEnglishSel a
		{
	width: 290px;
	height: 23px;
	display: block;
}

#navigation a span {
	display: none;
}

#nSSS {
	background: url(pics/nav-sss.gif) no-repeat;
}

#nSSS a:hover,#nSSSSel {
	background: url(pics/nav-sss.gif) no-repeat;
	background-position: 0 -23px;
}

#nKenelle {
	background: url(pics/nav-kenelle.gif) no-repeat;
}

#nKenelle a:hover,#nKenelleSel {
	background: url(pics/nav-kenelle.gif) no-repeat;
	background-position: 0 -23px;
}

#nYhteys {
	background: url(pics/nav-yhteystiedot.gif) no-repeat;
}

#nYhteys a:hover,#nYhteysSel {
	background: url(pics/nav-yhteystiedot.gif) no-repeat;
	background-position: 0 -23px;
}

#nKoulutus {
	background: url(pics/n-koulutus.gif) no-repeat;
}

#nKoulutus a:hover,#nKoulutusSel {
	background: url(pics/n-koulutus-b.gif) no-repeat;
}

#nMilloin {
	background: url(pics/n-milloin.gif) no-repeat;
}

#nMilloin a:hover,#nMilloinSel {
	background: url(pics/n-milloin-b.gif) no-repeat;
}

#nHakuohjeet {
	background: url(pics/nav-hakuohjeet.gif) no-repeat;
}

#nHakuohjeet a:hover,#nHakuohjeetSel {
	background: url(pics/nav-hakuohjeet.gif) no-repeat;
	background-position: 0 -23px;
}

#nAikataulu {
	background: url(pics/nav-aikataulu.gif) no-repeat;
}

#nAikataulu a:hover,#nAikatauluSel {
	background: url(pics/nav-aikataulu.gif) no-repeat;
	background-position: 0 -23px;
}

#nValmennukset {
	background: url(pics/nav-valmennukset.gif) no-repeat;
}

#nValmennukset a:hover,#nValmennuksetSel {
	background: url(pics/nav-valmennukset.gif) no-repeat;
	background-position: 0 -23px;
}

#nTyonantajat {
	background: url(pics/nav-tyonantajat.gif) no-repeat;
}

#nTyonantajat a:hover,#nTyonantajatSel {
	background: url(pics/nav-tyonantajat.gif) no-repeat;
	background-position: 0 -23px;
}

#nReferenssit {
	background: url(pics/nav-referenssit.gif) no-repeat;
}

#nReferenssit a:hover,#nReferenssitSel {
	background: url(pics/nav-referenssit.gif) no-repeat;
	background-position: 0 -23px;
}
#nInEnglish {
	background: url(pics/nav-inenglish.gif) no-repeat;
}

#nInEnglish a:hover,#nInEnglishSel {
	background: url(pics/nav-inenglish.gif) no-repeat;
	background-position: 0 -23px;
}

#alanavi div {
	border-bottom: 1px solid #0D0D0D;
	margin-left: 10px;
}

#alanavi div a {
	margin: 0px;
	padding: 0px;
	color: #F68937;
	background: #322E23;
	display: block;
	width: 160px;
	padding-left: 42px;
	padding-right: 40px;
	font: normal normal 11px Arial;
	text-decoration: none;
	text-transform: uppercase;
}

#alanavi div a:hover {
	background: #E9AF37;
	color: #fff;
}

#alanavi div.selected a {
	background: #E9AF37;
	color: #fff;
}

#tyonantajat {
	width: 169px;
	height: 400px;
	margin: 74px 0 0 35px;
	padding: 70px 10px 10px 20px;
	overflow: hidden;
	background: #FFFFFF url(pics/bg-sponsorit.gif) no-repeat;
	text-align: left; 
}

#tyonantajat .linebreak {
	width: 152px;
	height: 1px;
	line-height: 0px;
	font-size: 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #CCCCCC;
}

#tyonantajat h4 {
	font: normal normal 18px 'Trebuchet MS', Sans-serif;
	color: #F68937;
}

#tyonantajat p { 
	text-align: left;
	font: normal normal 12px Arial, Sans-serif;
}

#sponsorit img,#tyonantajat img {
	border: 0px;
}

#sponsorit h3,#tyonantajat h3 {
	background: #f6f9e3;
	font: normal bold 13px 'Trebuchet MS', Sans-serif;
	color: #b2c01e;
	text-transform: uppercase;
	margin-top: 58px;
	padding: 3px;
	padding-left: 8px;
	text-align: left;
}

#tyonantajat h3 {
	margin-top: 20px;
}

#ieheight {
	float: left;
	width: 1px;
	height: 500px;
}

#content {
	width: 445px;
	height: auto !important;
	height: 1010px;
	min-height: 1010px;
	background: transparent url(pics/bg-border-repeat.jpg) 0px 573px no-repeat;
	font: normal normal 12px Arial, Sans-serif;
	line-height: 18px;
	padding: 80px 70px 92px 70px;
	color: #000;
	text-align: left;
}

	#content.tyonantajat {
 		width: 500px;
 		padding-right: 0px;
 	}
 	
#content table {
	margin-bottom: 20px;
}

#content table td.tdCol1 {
	width: 96px;
}

#content table td.tdlRed {
	background: #e60004;
	font: normal bold 13px 'Trebuchet MS', Sans-serif;
	color: #fff;
	padding: 5px;
}

#content table td.tdlRed p {
	padding: 10px;
}

#content table td.tddRed {
	width: 150px;
	background: #c20004;
	font: normal normal 11px 'Trebuchet MS', Sans-serif;
	color: #fff;
	padding: 0px;
}

#content table td.tddRed p {
	padding: 10px;
	margin: 0px;
}

#content table td.tdGreen {
	background: #c2d314;
	font: normal normal 20px 'Trebuchet MS', Sans-serif;
	color: #fff;
	padding: 5px;
}

#content table td.tdGreen p {
	padding-top: 5px;
	padding-left: 5px;
	margin: 0px;
}

#content table td.tdGreenVali {
	background: #c2d314;
	height: 10px;
}

#content table#tbValmennukset td {
	padding-top: 20px;
}

#content table#tbValmennukset td.tdKuva {
	width: 90px;
}

#content table#tbValmennukset td h4 {
	font: normal bold 14px 'Trebuchet MS', Sans-serif;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}

#content table#tbValmennukset td h4 i {
	font: italic normal 11px Arial, Sans-serif;
	color: #000;
}

#content table#tbValmennukset td p {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}


.frontpage {
	height: auto !important;
	height: 750px;
	min-height: 750px !important;
}

#content p {
	margin-top: 0px;
	margin-bottom: 10px;
}

#content a {
	color: #B2872D;
}

#content a:hover {
	text-decoration: none;
}

#content h4 {
	font: normal normal 18px 'Trebuchet MS', Sans-serif;
	color: #F68937;
	margin-top: 0px;
	margin-bottom: 6px;
	padding-bottom: 0px;
}

#content ul {
	margin-left: 10px;
	margin-bottom: 20px;
	color: #e60004;
	list-style-type: none;
}

#content ul li {
	background: url(pics/bulletin.gif) no-repeat 0px 6px;
	color: #000;
	padding-left: 15px;
	margin: 0 0 7px 0;
}

#content ol li {
	margin-left: 18px;
	margin-bottom: 9px;
}

#content h2 {
	font: normal normal 25px 'Trebuchet MS', Sans-serif;
	color: #a7b700;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#content ul#prosessi {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 345px;
}

#content ul#prosessi li {
	border: 1px solid #CDCDCD;
	height: auto !important;
	height: 36px;
	min-height: 36px;
	padding: 10px;
	margin-bottom: 5px;
	background: #F6F6F6 url(pics/bg-nuoli.gif) no-repeat top right;
}

#content ul#prosessi li h4 {
	color: #4C4C4C;
	font: normal bold 12px 'Trebuchet MS', Sans-serif;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	padding-right: 30px;
}

#content ul#prosessi li p {
	font: normal normal 11px 'Trebuchet MS', Sans-serif;
	padding: 0px;
	margin: 0px;
	padding-right: 30px;
}

#content .huomiobox {
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #a7b700;
	font: normal normal 11px Arial, Sans-serif;
	margin-bottom: 15px;
	background: #f7f9e4;
}

#content .huomiobox p {
	margin: 0px;
	padding: 5px;
}

#content .huomiobox b {
	font: normal bold 12px Arial, Sans-serif;
	color: #a7b700;
}

#content .huomiobox ul {
	padding: 0px;
	margin: 0px;
}

#content .huomiobox ul li {
	padding: 2px 2px 2px 15px;
}

#tbYhteystiedot tr td {
	font: normal normal 11px Arial, sans-serif;
}

#tbYhteystiedot img {
	padding-right: 15px;
}

#tbYhteystiedot h4 {
	font: normal normal 18px 'Trebuchet MS', Sans-serif;
	padding: 10px 10px 10px 0px;
	margin: 0px;
}

#tbYhteystiedot h4 span {
	color: #000;
	font: italic normal 11px Arial, sans-serif;
}

.korostus {
	font-weight: bold;
}

.keskitys {
	text-align: center;
	margin: 0px;
	padding: 0;
}

.sisennys {
	margin-left: 37px;
}

.marginbottom20 {
	margin-bottom: 25px;
}

.marginbottom10 {
	margin-bottom: 10px;
}

#valmennuskartta td {
	background: #F6F6F6;
	padding: 15px;
	vertical-align: top;
}

#valmennuskartta p {
	width: 204px;
}

#hakemus form fieldset {
	background: #F6F6F6;
	border: 1px solid #CDCDCD;
	color: #333333;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 30px;
	display: block;
}

#hakemus form fieldset ol {
	list-style-type: none;
	padding-top: 10px;
	font: normal normal 12px 'Trebuchet MS', Sans-serif;
}

#hakemus form fieldset ol li {
	padding: 3px;
}

#hakemus form fieldset ol li label {
	display: block;
	width: 120px;
	float: left;
}

#hakemus form fieldset ol li input {
	border: 1px solid #CDCDCD;
	font: normal normal 12px 'Trebuchet MS', Sans-serif;
}

#hakemus form fieldset ol li select {
	width: 130px;
	border: 1px solid #CDCDCD;
	font: normal normal 12px 'Trebuchet MS', Sans-serif;
	margin-left: 10px;
}

#hakemus form fieldset ol li .radio {
	border: none;
}

#hakemus form fieldset ol li input#nimi {
	width: 180px;
}

#hakemus form fieldset ol li input#email {
	width: 250px;
}

#hakemus form fieldset input#submit {
	float: right;
	background: #F5B839;
	border: 1px solid #DBA432;
	color: #f6f9e3;
	font: normal bold 12px 'Trebuchet MS', Sans-serif;
	padding: 0px 10px 0px 10px;
}

#footcontainer {
	margin: 10px 10px 10px 10px;
	clear: both;
	padding-top: 20px;
}

#footer {
	display: table;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	width: 100%;
}

#footer #fCol1 {
	padding-top: 25px;
	width: 50%;
	float: left;
	font: normal normal 11px Arial, Sans-serif;
	color: #c3c3c3;
}

#footer #fCol1 a {
	color: #c3c3c3;
}

#footer a img {
	border: 0px;
}

#footer #fCol2 {
	padding-top: 5px;
	width: 50%;
	float: left;
	text-align: right;
}

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

.clearfix {
	display: inline-block;
}

/* piilotetaan mac-ie:ltä \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* pois piilosta */ /* teaser */
#cntdwn {
	width: 448px;
	font-size: 28px;
	padding: 30px 0px 30px 0px;
	margin-bottom: 20px;
	display: block;
	text-align: center;
}

#eeepc {
	background: url(images/eeepc.jpg) 0px 60px no-repeat;
	width: 183px;
	margin-left: -11px;
	height: 708px;
}

#kilpailu {
	background: #F5B839;
	width: 413px; 	
	margin-bottom: 20px;
}

#kilpailu form fieldset {
	border: none;
	color: #333333;
	padding: 15px 15px 5px 15px;
	display: block;
}

#kilpailu form fieldset input {
	border: 1px solid #A5ACB4;
	float: left; 
	width: 300px;
	font: normal normal 12px 'Trebuchet MS', Sans-serif;
}

#kilpailu form fieldset input#submit {
	float: right;
	width: 70px; 
	
}

#kilpailu p {
	clear: both; 
	padding: 0px 15px 5px 15px;
	font-style: italic; 
	font-size: 12px; 
	color: #FFFFFF;
}

/* SSS yrityslogot */

.contentToChange { 
	margin-top: 15px;
	padding-right: 35px;	
}

.contentToChange dt { display:none; margin: 0; padding: 0;}

.contentToChange p .keskitys { 
	text-align: center;
}

#logot span { display: none; }

#logot a { 
	display: block;
	float: left;
	margin: 4px 17px 17px 0px;
	width: 80px;
	height: 40px;
	outline: none; 
}

#logot a:hover { background-position: 0px 0px;}

#logot .brainalliance { background: transparent url(pics/logot/80x80_BrainAlliance.jpg) 0px -40px no-repeat;}
#logot .conmio { background: transparent url(pics/logot/80x80_Conmio.jpg) 0px -40px no-repeat;}
#logot .csi { background: transparent url(pics/logot/80x80_CSI.jpg) 0px -40px no-repeat;}
#logot .cubical { background: transparent url(pics/logot/80x80_Cubical.jpg) 0px -40px no-repeat;}	
#logot .e21 { background: transparent url(pics/logot/80x80_e21.jpg) 0px -40px no-repeat;}
#logot .futuremark { background: transparent url(pics/logot/80x80_Futuremark.jpg) 0px -40px no-repeat;}
#logot .futurice { background: transparent url(pics/logot/80x80_Futurice.jpg) 0px -40px no-repeat;}
#logot .innofactor { background: transparent url(pics/logot/80x80_Innofactor.jpg) 0px -40px no-repeat;}
#logot .medicel { background: transparent url(pics/logot/80x80_Medicel.jpg) 0px -40px no-repeat;}
#logot .mirasys { background: transparent url(pics/logot/80x80_Mirasys.jpg) 0px -40px no-repeat;}
#logot .muxlim { background: transparent url(pics/logot/80x80_Muxlim.jpg) 0px -40px no-repeat;}
#logot .napa { background: transparent url(pics/logot/80x80_Napa.jpg) 0px -40px no-repeat;}
#logot .processvision { background: transparent url(pics/logot/80x80_ProcessVision.jpg) 0px -40px no-repeat;}
#logot .sininenmeteoriitti { background: transparent url(pics/logot/80x80_SininenMeteoriitti.jpg) 0px -40px no-repeat;}
#logot .softability { background: transparent url(pics/logot/80x80_Softability.jpg) 0px -40px no-repeat;}
#logot .ubisecure { background: transparent url(pics/logot/80x80_Ubisecure.jpg) 0px -40px no-repeat;}
#logot .vbsnet { background: transparent url(pics/logot/80x80_VBSNet.jpg) 0px -40px no-repeat;}
#logot .wapice { background: transparent url(pics/logot/80x80_Wapice.jpg) 0px -40px no-repeat;}
#logot .sovelto { background: transparent url(pics/logot/80x80_FCS.jpg) 0px -40px no-repeat;}
#logot .saranen { background: transparent url(pics/logot/80x80_SaranenConsulting.jpg) 0px -40px no-repeat;}

.ohjelmistoyrittajat-link { 
	display: block;
	float: left;
	margin: 4px 13px 5px 0px;
	width: 100px;
	height: 50px;
	outline: none; 
	background: transparent url(pics/logot/100x100_Ohjelmistoyrittajat.jpg) 0px -50px no-repeat;
}
.ohjelmistoyrittajat-link span { display: none; }

.ohjelmistoyrittajat-link:hover { background-position: 0px 0px; }