@charset "UTF-8";


/* Sivun pääelementit */
	
body {
	background-color:#fff;
	background-image:url(graph/tausta.jpg);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	white-space: normal;
	font-weight: normal;
	line-height: 1.2em;
}


#sivu

{
	position: relative;
	width: 1011px;
	height: auto;
	background-color:#fff;
	margin:0px auto 40px auto;
	background-image:url(graph/sivu_tausta.jpg);
	background-repeat: repeat-y;
	height: auto;
	padding:0px;
}
#sivu_banneri
{
	height: auto;
	width: 1011px;
	padding:0px 0px 0px 0px;
	background-image:url(graph/sivu_middle.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin:0px 0px 0px 0px;
	float: left;
	position: relative;
	display:block;
	min-height: 250px;
}

#sisalto_banneri
{
	width:1000px;
	left:30px;
	float: left;
	margin: 0px 0px 15px 0px;
	position: absolute;
	top: 15px;
}
#sivu_top
{
	height: auto;
	width: 1011px;
	padding:0px 0px 0px 0px;
	background-image:url(graph/sivu_middle.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin:0px 0px 0px 0px;
	float: left;
	position: relative;
	display:block;
	min-height: 500px;
}

#sisalto_top
{
	width:1000px;
	left:30px;
	float: left;
	margin: 0px 0px 15px 0px;
	position: absolute;
	top: 15px;
}

#sivu_middle

{
	height: auto;
	width: 1011px;
	padding:0px 0px 0px 0px;

	background-repeat:no-repeat;
	background-position:top;
	margin:0px 0px 0px 0px;
	float: left;
	position: relative;
	display:block;
	min-height: 500px;
}


#header

{
	width:1011px;
	height:254px;
	background:url(graph/header.jpg);
	position: relative;
}

#footer {
	height: 81px;
	width: 1011px;
	clear: both;
	padding: 40px 0px 0px 0px;
	font-size: 8pt;
	color:#AAAAAA;
	background-image:url(graph/footer.jpg);
	background-repeat:no-repeat;
	margin: 0px auto 0px auto;
	text-align: center;
	position: relative;
	display: block;
}

/* Ylävalikon tyylit */

#header ul

{
	margin 0;
	padding:0px 0px 0px 0px;
	list-style:none;
	width:auto;
	height: 34px;
	position: absolute;
	left: 45px;
	top: 229px;
	margin: 0px 0px 0px 0px;
	display: inline;
}


#header ul li 

{
	background:url(graph/btn_right.jpg) no-repeat top right;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-style:normal;
	color:#fff;
	font-weight:normal;
	padding: 0px 20px 0px 0px;
	width:auto;
}


#header li a 

{
	display:block;
	background:url(graph/btn_left.jpg) no-repeat top left;
	text-decoration:none;
	color: #fff;
	height: auto;
	text-align: center;
	margin: 0px 0px 0px 0px;
}


#header ul a:hover 

{
	color:#99FF33;
}


/* Alavalikon tyylit */

#tuote_menu {
	background-image: url(graph/tuote_menu.jpg);
	width: 943px;
	height: 30px;
	margin: 7px 0px 0px 48px;
	position: relative;
}




#tuote_menu ul

{
	margin 0;
	padding:0px 0px 0px 0px;
	width:900px;
	position: absolute;
	left: 30px;
	top: 8px;
	margin: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;
}


#tuote_menu ul li 

{
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style:normal;
	color:#0000CC;
	font-weight:normal;
	padding: 0px 20px 0px 23px;
	width:auto;
	background-image: url(graph/nuoli.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
}

#tuote_menu li a 

{
	display:block;
	text-decoration:none;
	color: #0066FF;
	height: auto;
	text-align: center;
	margin: 0px 0px 0px 0px;
	position: relative;
}


#tuote_menu ul a:hover 

{
	color:#99FF33;
}


/* Lomake */

form {
	position: relative;
	margin: 20px 0px 20px 0px;
	width: 500px;
}
.pakollinen {
	background-color: #DDDDDD;
}
input {
	text-align: left;
	width: 340px;
}
textarea {
	width: 100%;
	margin: 0;
}



/* Etusivu tavarat */

#sisalto_vasen
{
	width:600px;
	left:30px;
	float: left;
	margin: 0px 0px 15px 0px;
	position: relative;
	top: 15px;
}

#sisalto_vasen p {
	width: 330px;
	text-align: left;
	float: left;
	display: block;
	padding: 0px 0px 0px 0px;
}

#sisalto_oikea p {
	width: 300px;
	text-align: left;
	display: block;
}
#sivu p {
	margin: 0 0 10px 0;
}

#sisalto_oikea
{
	width:340px;
	left:45px;
	position:relative;
	float: left;
	top: 15px;
	margin: 0px 0px 15px 0px;
}
#sisalto_alavasen {
	width:383px;
	left:30px;
	float: left;
	position: relative;
	margin: 15px 0px 0px 0px;
}
#sisalto_alaoikea {
	width:557px;
	left:46px;
	float: left;
	position: relative;
	margin: 15px 0px 0px 0px;
	height: 199px;
	background-image: url(graph/0gravity.jpg);
}

#sisalto_alaoikea img {
	padding: 0px 0px 0px 0px;
	position: absolute;
	margin: 0 0 0 -10px;
	display: inline;
}

#sisalto_vasen img {
	padding: 3px 23px 10px 0px;
	position: relative;
	float: left;
}


#sisalto_oikea img {
	padding: 0px 0px 0px 0px;
	position: relative;
	margin: 10px 0 0 0;
	float: left;
}



/* Hinnasto-sivu */

#sisalto_hinnasto {
	width:950px;
	left:30px;
	float: left;
	position: relative;
	margin: 15px 0px 0px 0px;
	padding: 0;
}
#sisalto_hinnasto img {
	padding: 3px 23px 10px 0px;
	position: relative;
	float: right;
}
#sisalto_hinnasto p {
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 600px;
	line-height: 1.3;
}


/* tuote-sivu */

#sisalto_tuote {
	width:450px;
	left:48px;
	float: left;
	margin: 10px 0px 15px 0px;
	position: relative;
	top: 0px;
	line-height: 1.5em;
}
#sisalto_tuote p {
	margin: 0px 0px 20px 0px;
	position: relative;
	top: 0px;
	text-align: left;
}

.tuotekuva  {
	float: right;
	margin: 30px 50px 20px 0px;
}



/* Laatikon tyylit */

.roundbox { float: left;}

.box_top	{
	background: url(graph/box_top_left.jpg) top left no-repeat;
	position: relative;
}
.box_top_in	{
	background: url(graph/box_top_right.jpg) top right no-repeat;
	margin-left: 20px;
	position: relative;
}
.box_top_span	{
	background: url(graph/box_top.jpg) top center repeat-x;
	padding-top: 20px;
	margin-right: 20px;
	position: relative;
}

.box_middle	{
	background: url(graph/box_left.jpg) top left repeat-y;
	position: relative;
}
.box_middle_in	{
	background: url(graph/box_right.jpg) top right repeat-y;
	margin-left: 20px;
	position: relative;
}
.box_middle_content {
	background: url(graph/box_bg.jpg);
	margin-right: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	position: relative;
}
.box_middle_content_yla {
	background: url(graph/box_bg.jpg);
	margin-right: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 365px;
	position: relative;
}
.box_middle_content_ala {
	background: url(graph/box_bg.jpg);
	margin-right: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 159px;
	position: relative;
}

.box_bottom	{
	background: url(graph/box_bottom_left.jpg) bottom left no-repeat;
	position: relative;
}
.box_bottom_in	{
	background: url(graph/box_bottom_right.jpg) bottom right no-repeat;
	margin-left: 20px;
	position: relative;
}
.box_bottom_span {
	background: url(graph/box_bottom.jpg) bottom repeat-x;
	padding-top: 20px;
	margin-right: 20px;
	position: relative;
}







/* otsikot ym */




h1

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	border-bottom-width: 1px;
	padding: 5px 0px 10px 0px;
	color: #339900;
	margin: 0px 0px 0px 0px;
}

#clear {
	clear: both;
}

a img

{
border:none;	
}





/* Teknologia-sivujen tyylit */

#prothumb1 {
	width:300px;
	left:68px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 62px;
	line-height: 1.5em;
}
#prothumb2 {
	width:300px;
	left:665px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 59px;
	line-height: 1.5em;
}
#prothumb3 {
	width:200px;
	left:71px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 417px;
	line-height: 1.5em;
}
#prothumb4 {
	width:200px;
	left:741px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 554px;
	line-height: 1.5em;
}
.teknologia_kuva {
	margin: 80px 0px 100px 80px;
	padding: 0;
	position: static;
	left: 100px;
	top: 100px;
}
#profingers1 {
	width:249px;
	left:712px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 539px;
	line-height: 1.5em;
	height: 192px;
}
#profingers2 {
	width:300px;
	left:68px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 62px;
	line-height: 1.5em;
}
#profingers3 {
	width:232px;
	left:432px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 603px;
	line-height: 1.5em;
	height: 120px;
}
#profingers4 {
	width:300px;
	left:666px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 56px;
	line-height: 1.5em;
}
#profingers5 {
	width:300px;
	left:59px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 592px;
	line-height: 1.5em;
}
#proskills1 {
	width:303px;
	left:224px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 61px;
	line-height: 1.5em;
	height: 130px;
}
#proskills2 {
	width:249px;
	left:561px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 549px;
	line-height: 1.5em;
	height: 192px;
}
#proskills3 {
	width:303px;
	left:228px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 549px;
	line-height: 1.5em;
	height: 192px;
}
#proskills4 {
	width:249px;
	left:565px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 61px;
	line-height: 1.5em;
	height: 192px;
}
.protouch_kuva {
	float: none;
	margin: 30px 0px 0px 55px;
}
#protouch1 {
	width:450px;
	left:500px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 53px;
	line-height: 1.5em;
	height: 192px;
}
#protouch2 {
	width:450px;
	left:500px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 367px;
	line-height: 1.5em;
	height: 192px;
}
#protouch3 {
	width:450px;
	left:500px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 615px;
	line-height: 1.5em;
	height: 192px;
}
#protouch4 {
	width:450px;
	left:500px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 770px;
	line-height: 1.5em;
	height: 192px;
}
#protouch5 {
	width:450px;
	left:500px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 1030px;
	line-height: 1.5em;
	height: 192px;
}
#kasi_jalka {
	width:450px;
	left:500px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 60px;
	line-height: 1.5em;
	height: 192px;
}

#zerograv {
	width:300px;
	left:650px;
	float: none;
	margin: 10px 0px 15px 0px;
	position: absolute;
	top: 310px;
	line-height: 1.5em;
}


/* Linkit */

a {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #0066FF;
}

a:visited {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #0066FF;
}

a:hover {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #0066FF;
}

/* taulukko */

td {
	padding: 5px 5px 5px 3px;
	margin: 0;
	text-align: left;
}
table{
	border: 0px solid #ccc;
	width: 100%;
}






iframe {
	border: none;
	height: 600px;
	width: 420px;
	margin: 0;
	padding: 0;
}
#sisalto_yhteys {
	width:400px;
	left:570px;
	float: right;
	position: absolute;
	margin: 15px 0px 0px 0px;
	padding: 0;
	top: 20px;
}
.punainen {
	color: #DD0000;
}