/* MAIN */

body {margin:0px; padding:0px; text-align: center; font-size:13px; font-family:Droid Sans, Arial, sans-serif; background:url(kuvat/tausta.jpg); background-position:right top; 
		background-repeat:repeat-x; background-color:#cccccc; color:#8e8e8e;} /* tekstin keskitys lisätty IE 6 varteen */

#wrap {text-align: left; margin: 50px auto 0px auto; padding-left:50px; padding-right:50px; width: 1000px;} 								/* KESKITETTY KOKONAISUUS. Muutettu jotta olisi sivun keskellä */

#kuva {width:1000px;display:inline; float:left;} 																		/* Index sivun KUVA */
#content { margin:0px; padding:0px; clear:both;}
#nav-wrap-fat { height:76px; margin-bottom:0px; margin-right:20px; padding-bottom:5px; border-bottom:solid 10px #000000; width:1000px;   } 			/* YLÄ VIIVA PAKSU INDEX SIVULLA */
#nav-wrap-semi { height:76px; margin-bottom:0px; margin-right:20px; padding-bottom:5px; border-bottom:solid 1px #adadad; width:1000px;   } 			/* YLÄ VIIVA semi  */

.column-main {display: block; border: none; float:left; width:785px; margin-left:0px;  } 												/* TEKSTI pääikkuna */
.column-left {display: block; border: none; float:left; width:420px; margin-left:0px; margin-bottom:16px;  } 							
.column-middle {display: block; border: none; float:left; width:310px; margin-left:55px; margin-bottom:16px; margin-top: 0px;   } 				
.column-sidebar {display: block; border: none; float:right; text-align: left; width:160px; margin-left:55px; margin-top:0px }						
.column-pictures {display: block; border: none; float:left; width:810px; margin-left:0px;  } 											/* KUVAIKKUNAT GALLERIASSA */
.column-sidebar-gallery {display: block; border: none; float:right; text-align: left; width:160px; margin-left:30px; margin-top:0px }
.column-left-contact {display: block; border: none; float:left; width:455px; margin-left:0px; margin-bottom:0px;  } 							/* TEKSTI IKKUNA yhteystiedot */
.column-right-contact {display: block; border: none; float:right; width:455px; margin-left:90px; margin-bottom:0px;  } 							/* TEKSTI IKKUNA yhteystiedot */
.column-asiakkaat {display: block; border: none; float:left; width:235px; padding-right:20px; }

#napit-wrap {clear:both; }																						/* gallerian ja palveluiden napit wrap */
#valiviiva-fat {clear:both; width:1000px; border-top:solid 10px #000000; padding-top:0px; padding-bottom:0px;} 								/* VALIVIIVA PAKSU INDEX SIVULLA */
#valiviiva-semi {clear:both; width:1000px; border-top:solid 1px #adadad; padding-top:0px; padding-bottom:0px;} 								/* VALIVIIVA semi  */
#linkkiviiva {clear:both; width:160px; border-top:solid 1px #adadad; margin-top:2px; margin-bottom:2px; } 									/* linkkiVIIVA  */
#leftviiva {clear:both; width:420px; border-top:solid 1px #adadad; margin-top:5px; margin-bottom:5px; } 									/* leftVIIVA  */
#middleviiva {clear:both; width:310px; border-top:solid 1px #adadad; margin-top:21px; margin-bottom:5px; } 									/* middleVIIVA  */
#middlealaviiva {clear:both; width:310px; border-top:solid 1px #adadad; margin-top:5px; margin-bottom:5px; }
#contactviiva {clear:both; width:455px; border-top:solid 1px #adadad; margin-top:5px; margin-bottom:5px; } 									/* contactVIIVA  */
#footer_withline {clear:both; width:1000px; border-top:solid 1px #adadad; padding-top:8px; padding-bottom:20px;} 								/* ALA VIIVA */
#footer {clear:both; width:1000px; padding-top:8px; padding-bottom:20px;} 														/* ALA VIIVA ilman viivaa */

.ptitle{ height:40px;}
IMG.visual3d_logo {float:left; margin:0px; padding:0px; margin-top:0px; margin-right:10px;  height:76px; width:444px;} 							/* LOGO */

/* NAVIGATION */
ul#nav { display: inline; list-style: none; float:right;  margin:0px;  padding:0px; margin-top:53px; } 									/* LINKKIEN PAIKAT */
ul#nav li {	float: left; font-size: 14px; font-weight:580; font-family: Droid Sans, Arial, Helvetica, sans-serif; margin-bottom:5px;}				/* LINKKIEN FONTTI */
ul#nav li a { margin-left: 0px; margin-right: 10px;  padding-left: 0px; padding-right: 5px;  color:#7c7c7c; } 								/* LINKKIEN VÄLINEN VÄLI */
ul#nav li a:hover{ color: #000000; border-bottom:solid 5px; border-color: #bababa; padding-bottom:8px;	}
ul#nav li:first-child { margin-left:0px; }

/* IE 6 and 7 */
*ul#nav li a:hover{ color: #000000; border-bottom:solid 1px; border-color: #bababa; padding-bottom:9px;	}
_ul#nav li a:hover{ color: #000000; border-bottom:solid 1px; border-color: #bababa; padding-bottom:8px;	}

ul#contact { display: inline; list-style: none; float:left; padding-left:0px; margin-left:0px;  } 										/* yhteystiedot lista */
ul#contact li { font-size: 14px; margin-left:0px;  }																		/* yhteystiedot fontti */
ul#asiakkaat { display: inline; list-style: none; float:left; padding-right:63px; margin-left:0px; margin-top:25px;  } 							/* asiakkaat lista */
ul#asiakkaat li { font-size: 14px; margin-left:0px;  }
ul#asiakkaat-right { display: inline; list-style: none; float:left; padding-right:0px; margin-left:0px; margin-top:25px;  } 						
ul#asiakkaat-right li { font-size: 14px; margin-left:0px;  }

/* VISUALISOINTI NAPIT */ 
#button1 a {display: block; border: none; float:left; width:144px; height: 70px; background:url(kuvat/vis-sisustus.jpg); background-position: center; margin-right:22px; margin-top:21px;margin-bottom:22px; }
#button1 a:hover { background:url(kuvat/vis-sisustusb.jpg);}
#button2 a {display: block; border: none; float:left; width:144px; height: 70px; background:url(kuvat/vis-julkisivut.jpg); background-position: center; margin-top:21px; margin-bottom:22px; }
#button2 a:hover { background:url(kuvat/vis-julkisivutb.jpg);}
#button3 a {display: block; border: none; float:left; width:144px; height: 70px; background:url(kuvat/vis-messuosastot.jpg); background-position: center; margin-right:22px; }
#button3 a:hover { background:url(kuvat/vis-messuosastotb.jpg);}
#button4 a {display: block; border: none; float:left; width:144px; height: 70px; background:url(kuvat/vis-kahvilat.jpg); background-position: center; margin-right:0px; }
#button4 a:hover { background:url(kuvat/vis-kahvilatb.jpg);}

/* PALVELUT NAPIT */ 
#button5 a {display: block; border: none; float:left; width:311px; height: 150px; background:url(kuvat/3d-visualisointi-nappi.jpg); background-position: center; margin-right:33px; }
#button5 a:hover { background:url(kuvat/3d-visualisointi-nappib.jpg);}
#button6 a {display: block; border: none; float:left; width:311px; height: 150px; background:url(kuvat/3d-mallinnus-nappi.jpg); background-position: center; margin-right:33px; }
#button6 a:hover { background:url(kuvat/3d-mallinnus-nappib.jpg);}
#button7 a {display: block; border: none; float:left; width:311px; height: 150px; background:url(kuvat/3d-animaatio-nappi.jpg); background-position: center; margin-right:0px; }
#button7 a:hover { background:url(kuvat/3d-animaatio-nappib.jpg);}

/* SOCIALMEDIA NAPIT */ 
#button8 a {display: block; border: none; float:left; width:70px; height: 116px; background:url(kuvat/linkedin-logo.png); background-position: center; margin-right:144px; margin-left:144px; }
#button8 a:hover { background:url(kuvat/linkedin-logob.png);}
#button9 a {display: block; border: none; float:left; width:70px; height: 116px; background:url(kuvat/facebook-logo.png); background-position: center; margin-right:144px; }
#button9 a:hover { background:url(kuvat/facebook-logob.png);}
#button10 a {display: block; border: none; float:left; width:70px; height: 116px; background:url(kuvat/twitter-logo.png); background-position: center; margin-right:144px; }
#button10 a:hover { background:url(kuvat/twitter-logob.png);}
#button11 a {display: block; border: none; float:left; width:70px; height: 116px; background:url(kuvat/youtube-logo.png); background-position: center; margin-right:144px; }
#button11 a:hover { background:url(kuvat/youtube-logob.png);}

/* GALLERIA NAPIT */
#button12 a {display: block; border: none; float:left; width:311px; height: 150px; background:url(kuvat/3d-visualisointi-sisustus.jpg); background-position: center; margin-right:33px; }
#button12 a:hover { background:url(kuvat/3d-visualisointi-sisustusb.jpg);}
#button14 a {display: block; border: none; float:left; width:311px; height: 150px; background:url(kuvat/visualisointi-messuosastot.jpg); background-position: center; margin-right:0px; }
#button14 a:hover { background:url(kuvat/visualisointi-messuosastotb.jpg);}
#button15 a {display: block; border: none; float:left; width:311px; height: 150px; background:url(kuvat/3d-visualisointi-kahvilat.jpg); background-position: center; margin-right:33px; }
#button15 a:hover { background:url(kuvat/3d-visualisointi-kahvilatb.jpg);}

/* YHTEYSTIEDOT NAPIT */ 
#button16 a {display: block; border: none; float:right; width:176px; height: 86px; background:url(kuvat/contact-nappi1.png); background-position: center; margin-right:0px; margin-top:16px; }
#button16 a:hover { background:url(kuvat/contact-nappi1b.png);}
#button17 a {display: block; border: none; float:right; width:176px; height: 86px; background:url(kuvat/contact-nappi2.png); background-position: center; margin-right:0px; }
#button17 a:hover { background:url(kuvat/contact-nappi2b.png);}

/* 3D-MALLINUSPALVELUT NAPIT */
#button13 a {display: block; border: none; float:left; width:311px; height: 150px; background:url(kuvat/3d-mallinnus-nappi.jpg); background-position: center; margin-right:0px; margin-top:21px;  }
#button13 a:hover { background:url(kuvat/3d-mallinnus-nappib.jpg);}

/* 3D-ANIMAATIOPALVELUT NAPIT */
#button18 a {display: block; border: none; float:left; width:311px; height: 150px; background:url(kuvat/3d-animaatio-nappi.jpg); background-position: center; margin-right:0px; margin-top:21px; }
#button18 a:hover { background:url(kuvat/3d-animaatio-nappib.jpg);}

/* FONTTI TYYLIT */
#content h1 {font-size:24px; font-weight:bold; color:#262626; padding:0px; margin:0px; letter-spacing:0px; display:inline; line-height:27px; padding-left:0px;}
#content h2 {font-size:16px; font-weight:bold; color:#262626; padding-bottom:0px; margin-bottom:10px; display:inline; line-height:16px; padding-left:0px; }
#content h3 {font-size:15px; font-weight:bold; color:#2f2f2f; padding-left:0px; margin:0px; display:inline; margin-top:10px; padding-bottom:0px; margin-left:0px; }
#content h4 { font-size:14px; color:#2f2f2f; padding:0px; margin:0px; font-weight:normal; padding-left:0px; margin-left:0px; margin-top:10px; }
#content p { margin:0px; line-height:18px;  font-size:14px; color:#1e1e1e; padding:0px; margin-top:16px; margin-left:0px; padding-right:20px; padding-left:0px; padding-bottom:0px; } 

	h1 {font-size:24px; font-weight:bold; color:#262626; padding:0px; margin:0px; letter-spacing:0px; display:inline; line-height:24px; padding:0px;}
	h2 {font-family: Droid Sans, Arial, sans-serif; font-size:16px; font-weight:normal; color:#262626; padding-left:0px; margin:0px; display:inline; line-height:16px; }
	h3 {font-family: Droid Sans, Arial, sans-serif;font-size:16px; font-weight:normal; color:#2f2f2f; padding-left:0px; margin:0px; letter-spacing:0px; display:inline; margin-top:10px; padding-bottom:0px; }
	h4 { font-family: Droid Sans, Arial, sans-serif; font-size:15px; font-weight:normal; color:#2f2f2f; padding:0px; margin:0px;}
	h5 {font-size:12px; font-weight:bold; color:#7e7e7e; padding:0px; margin:0px;}
	h6 {font-size:6px; font-weight:normal; color:#7e7e7e; padding:0px; margin:0px;}
	p { font-family:Droid Sans, Arial, sans-serif; margin:0px; line-height:18px;  font-size:14px; color:#1e1e1e; padding-left:0px; }
	ul {padding-left:0px; margin-left:0px; }
	li { font-size:14px; color:#1e1e1e; margin-left:15px; padding-bottom:7px;}
	ol {padding:0px; margin:0px; padding-left:5px; margin-left:5px; }
	a:link {color:#7c7c7c;	text-decoration: none;}
	a:visited {	color:#7c7c7c; text-decoration: none;}
	a:hover {	color:#000000; text-decoration: none;}
	a:active {	color:#e5e5e5; text-decoration: none;} 
	a:focus {outline:none;}
  
/* PUHDISTUKSET */
#clear {clear:both; height:1px;}
#clear5 {clear:both; height:5px;}
#clear10 {clear:both; height:10px;}
#clear15 {clear:both; height:15px;}
#clear20 {clear:both; height:20px;}
#clear30 {clear:both; height:30px;}
#clear40 {clear:both; height:40px;}
#clear55 {clear:both; height:55px;}
#clear60 {clear:both; height:60px;}
.clear {clear:both; height:1px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}	
.clear40 {clear:both; height:40px;}
.clear55 {clear:both; height:55px;}
.clear60 {clear:both; height:60px;}

/* MUUT TYYLIT  */
	a:focus { outline-style: none; }
	.clear {clear:both; }
	.clear10{clear:both; height:10px; }
	.clear20{clear:both; height:20px; }
	.clear30 {clear:both; height:30px; }
	.clear30line {clear:both; height:20px; border-bottom: solid 1px #00bff3; margin-bottom:30px;}
	
/* FOOTER_WITHLINE */
	#footer_withline a:link {color:#7c7c7c;	text-decoration: none;}
	#footer_withline a:visited {	color:#7c7c7c; text-decoration: none;}
	#footer_withline a:hover {	color:#000000; text-decoration: underline;}
	#footer_withline p.alignleft {font-size:12px; color:#7c7c7c; float: left;}
	#footer_withline p.alignright {font-size:12px; color:#7c7c7c; float: right;}

/* FOOTER */
	#footer a:link {color:#7c7c7c;	text-decoration: none;}
	#footer a:visited {	color:#7c7c7c; text-decoration: none;}
	#footer a:hover {	color:#000000; text-decoration: underline;}
	#footer p.alignleft {font-size:12px; color:#7c7c7c; float: left;}
	#footer p.alignright {font-size:12px; color:#7c7c7c; float: right;}

/* JQUERY SLIDING WINDOW PANEL */
	p.flip {margin:0px;padding:0px; text-align:left;}																	/* LUE LISÄÄ -kohta */			
	div.ikkuna {display:none; margin:0px; padding:0px; text-align:left;}

/* PRELOADS */ 

IMG {border:0px;}
IMG.preload {display:none;}

/* IE 6 PNG FIX */
img, div { behavior:url(iepngfix.htc); }


/* END OF MAIN CSS */