html{
overflow: auto;
}

_html body{
overflow:hidden;
}

body {
	height: 100%;
	margin: 0;
}

p {
	font: 12px trebuchet MS;
	margin-top: 0px;
	margin-bottom: 10px;
}

h1 {
	margin-top: 0px;
	margin-bottom: 7px;
	font: 26px trebuchet MS;
	font-weight: bold;
	text-align: left;
	color: #d6d6d6;
}

h2 {
	margin-top: 0px;
	margin-bottom: 7px;
	font: 22px trebuchet MS;
	color: #989898;
	font-weight: bold;
	text-align: left;
}

h3 {
	margin-top: 0px;
	margin-bottom: 7px;
	font: 18px trebuchet MS;
	color: #989898;
	font-weight: bold;
	text-align: left;
}

.iwaylinkki{
font: 12px trebuchet MS;
font-weight: bold;
color: #956f2f;
text-decoration:none;
}

.iwaylinkki:hover{
text-decoration: underline;
}

#ikonit tr td{
text-align:center;
}
#kirjautuminen tr td{
text-align:right;
border: 0px solid;
}
#kirjautuminen tr td p{
margin:0px;
padding:0px;
}


.logo {
position:relative;
left:50%;
width:150px;
margin-left: -75px;

}
.leipis_yhteyssivu{
//font: 12px trebuchet MS;
text-align:left;
}

table.asiakkaat{
position:relative;
top:100px;
left: 50px;
}
table.asiakkaat td{
border: 1px solid;
width: 80px;
height: 80px;
}
table.asiakkaat td p{
font: 12px trebuchet MS;
}
.footer {
float: right;
margin-top: 3px;
font: 9px verdana, helvetica, arial;
font-weight:bold;
}
input{
height:11px;
color: #333300;
width: 251px;
border: 1px solid;
border-color: #ceab70;
font: 9px verdana, helvetica, arial;
}
textarea{
color: #333300;
width: 251px;
font: 9px verdana, helvetica, arial;
border: 1px solid;
}

.submit{
margin-left: 50px;
width: 55px;
height: 20px;
}

#container {
	position: absolute;
	left: 50%;
	width: 1100px;
	margin-left: -550px;
	height: 700px;
	border: 0px solid green;
}

#left {
	position: relative;
	float: left;
	width: 155px;
	height: 686px;
	border: 0px solid blue;
	background-image: url(../images/valikko.jpg);
	background-repeat: no-repeat;
}

#content {
	position: relative;
	float: left;
	width: 940px;
	height: 686px;
	border: 0px solid #C8C8C8;
}

/*******************ETUSIVU*******************/

#etusivu_content{
	position: relative;
	float: left;
	width: 600px;
	height: 686px;
	margin-left: 40px;
	text-align: left;
	border: 0px solid;
	background-image: url(../images/etusivun_hahmo.jpg);
	background-repeat: no-repeat;
	background-position: 250px 120px;
}

#etusivu_content h1 {
	margin-top: 40px;
	margin-bottom: 7px;
	font: 30px trebuchet MS;
	font-weight: bold;
	text-align: left;
	
}

#etusivu_content h2 {
	position: relative;
	margin-top: 70px;
	text-align: left;
	border: 0px solid;
	color: #989898;
}

#etusivu_content p {
	position: relative;
	text-align: left;
	border: 0px solid;
	width: 380px;
}

#etusivu_content img {
	position: relative;
	margin-top: -150px;
	border: 0px solid;
	left: 0px;
}

#news_content {
	position: relative;
	float: left;
	height: 686px;
	width: 250px;
	border: 0px solid;
}

#news_slogan {
	position: relative;
	float: left;
	margin-top: 17px;
	height: 50px;
	width: 250px;
	background-image: url(../images/otsikkopohja.jpg);
	//background-color: #c7dce9;
}

#news_slogan p{
	font-size: 15px;
	margin-top: 14px;
	text-align: center;
}

#news {
	position: relative;
	float: left;
	//height: 500px;
	width: 250px;
	background-color: #e3eef5;
}

#news p{
	font-size: 12px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	border-bottom: 0px dotted white;
}

#news .uutinen{
	border-bottom: 2px dotted #c7dce9;
}


#hakusanat {
	position: relative;
	float: left;
	//height: 500px;
	width: 250px;
	background-color: white;
}

#hakusanat p{
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	color: white;
	border-bottom: 0px dotted white;
}


/*******************PALVELUT_ALAVALIKKO*******************/

#sub_navlist {
float: left;
width: 700px;
list-style: none;
padding: 0px;
margin-top: 50px;
border: 0px solid red;
}

#sub_navlist li {
padding-bottom: 0px;
float: left;
width: 105px;
height: 40px;
border: 0px solid;
margin-right: 10px;
}

#sub_navlist li:hover {
border: 0px solid;
}

#sub_navlist li a {
float: left;
text-align: center;
width: 105px;
height: 27px;
padding: 15px 0 0 0px;
color: #644b25;
font-family: trebuchet MS;
font-size: 8pt;
font-weight: bold;
border: 0px solid;
text-decoration:none;
background-image: url(../images/AlavalikkoButton40.jpg);
}

#sub_navlist li a.moveup {
position: relative;
float: left;
width: 105px;
height: 33px;
padding: 8px 0 0 0px;
color: #644b25;
font-family: trebuchet MS;
font-size: 8pt;
font-weight: bold;
border: 0px solid;
text-decoration:none;
background-image: url(../images/AlavalikkoButton40.jpg);
}

#sub_navlist li a:hover {
color: #644b25;
font-weight:bold;
font-family: trebuchet MS;
font-size: 8pt;
border: 0px solid;
background-image: url(../images/AlavalikkoButton60.jpg);
}

#sub_navlist li a img {
border: 0px solid;
}

#sub_navlist li a.moveup {
border: 0px solid;
position:absolute;
}

#moveup{
position:relative;
width:133px;
height:41px;
}

#sub_navlist li#link a {
}

#sub_navlist li#current a {
color: #644b25;
font-weight:bold;
font-family: trebuchet MS;
font-size: 8pt;
border: 0px solid;
background-image: url(../images/AlavalikkoButton.jpg);
}

#sub_navlist li a img {
border: 0px solid;
}

#sub_navlist li#link a {
}

#sub_navlist li#current a {
color: #644b25;
font-weight:bold;
font-family: trebuchet MS;
font-size: 8pt;
border: 0px solid;
background-image: url(../images/AlavalikkoButton.jpg);
}

/*******************PALVELUT*******************/

#palvelut_content{
	position: relative;
	float: left;
	width: 890px;
	height: 686px;
	margin-left: 40px;
	text-align: left;
	border: 0px solid grey;
}

#palvelut_content h1 {
	margin-top: 40px;
	margin-bottom: 7px;
	font: 30px trebuchet MS;
	font-weight: bold;
	text-align: left;
}


#palvelut_text{
	float: left;
	position: relative;
	width: 570px;
	margin-top: 10px;
	border: 0px solid;
	padding-top: 0px;
}

#palvelut_text h2 {
	color: #989898;
}

#palvelut_text p{
	font: 12px trebuchet MS;
}

#esimerkit_text{
	position: relative;
	float: left;
	width: 550px;
	margin-top: 33px;
	border: 0px solid;
	padding-left: 10px;
	padding-top: 10px;
	background-color: #F0F0F0;
}

#esimerkit_text p{
	font: 14px trebuchet MS;
	color: #808080;
}

#printti {
	float: left;
	width: 200px;
	border: 0px solid;
}

#digi {
	float: left;
	width: 200px;
	border: 0px solid;
}

#palvelut_kuva{
	position: relative;
	float: left;
	margin-top: 20px;
	width: 400px;
	//text-align: center;
	border: 0px solid;
}

#palvelut_kuva img{
	position: relative;
	float: left;
	border: 0px solid red;
}

#palvelut_kuva_animaatio{
	float: left;
	margin-top: -80px;
	width: 550px;
	border-bottom: 1px solid #ceab70;
}

#palvelut_kuva_3d{
	position: relative;
	float: left;
	margin-top: 80px;
	width: 350px;
	text-align: center;
	border: 0px solid;
}

#submenu {
width: 105px;
height: 600px;
float: right;
border: 1px solid red;
<!-- background-image: url(../images/submenu_bg.jpg); -->
}




/*******************DESIGN-EASY*****************/

#design_text{
	float: left;
	position: relative;
	width: 480px;
	
	margin-top: 30px;
	border: 0px solid;
	padding-top: 0px;
}

#design_text h2 {
	color: #989898;
}

#design_text p{
	font: 12px trebuchet MS;
}

#deasy_logo {
	position: relative;
	float: left;
	width: 300px;
	height: 49px;
	background-image: url(../images/designeasy_logo.jpg);
	border: 0px solid;
}

#design_models{
	position: relative;
	float: left;
	width: 500px;
	height: 400px;
	margin-top: 30px;
	border: 0px solid;
}

#design_models h3{
	margin-left: 10px;
}

#model_content{
	position: relative;
	float: left;
	width: 200px;
	height: 200px;
	//margin-right: 20px;
	margin-bottom: 20px;
	border-left: 0px solid #ceab70;
}

#model_content p{
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}


#model_content a:link, #model_content a:visited{
	text-decoration: none;
	border: 0px solid;
	color: white;
}

#tuoteikoni{
	position: relative;
	float: left;	
	margin-left: 10px;
	border: 1px solid #ceab70;
}

#model_info{
	position: relative;
	float: left;
	width: 70px;
	height: 20px;
	margin-left: 10px;
	margin-top: 5px;
	border: 1px solid #ceab70;
}

#model_view{
	position: relative;
	float: left;
	width: 70px;
	height: 20px;
	margin-left: 10px;
	margin-top: 5px;
	border: 1px solid #ceab70;
}

/*******************ASIAKKAAT*******************/

#content_asiakkaat{
border: 0px solid;
float:left;
text-align:center;
width: 699px;
height: 600px;
background-image: url(../images/sinipallo_30.jpg);
background-repeat: no-repeat;
background-position: 60px 425px;
}

#asiakkaat_teksti{
position:relative;
top: 88px;
left: 60px;
border: 0px solid;
text-align:left;
}

#asiakkaat_teksti img{
border: 0px solid;
}

#asiakkaat_teksti p{
margin-top: 20px;
padding-left: 10px;
border: 0px solid;
}

/*******************YHTEYSTIEDOT*******************/

.yhteystiedot{
border: 0px solid;
float:left;
width: 699px;
height: 600px;
background-image: url(../images/sinipallo_200.jpg);
background-repeat: no-repeat;
background-position: 570px 430px;
}

#yhteystiedot_sinipallo_70{
position:absolute;
left:270px;
top:130px;
width:70px;
height:170px;
border: 0px solid;
background-image: url(../images/sinipallo_70.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

/*******************SHOWCASE*******************/

#showcase_tila{
padding:20px;
	border: 1px solid red;
}

#showcase_content{
	position: relative;
	float: left;
	width: 500px;
	height: 400px;
	margin-left: 40px;
	text-align: left;
	border: 0px solid;
}

#showcase_content h1 {
	margin-top: 40px;
	margin-bottom: 7px;
	font: 30px trebuchet MS;
	font-weight: bold;
	text-align: left;
}

#showcase_content img{
border: 0px solid #c7dce9;
}

#showcase_vali{
float:left;
height: 400px;
width: 50px;
margin-top: 70px;
border: 0px dotted;
border-right: 1px solid #ceab70;
}

#showcase_text{
float:left;
height: 400px;
width: 200px;
margin-top: 70px;
border: 0px dotted;
background-image: url(../images/sinipallo_30.jpg);
background-repeat: no-repeat;
background-position: -5px 50px;
}

#showtext{
text-align: left;
padding: 10px;
}

#showtext a{
color: #956f2f;
}

#showcase_thumbmove{
width:650px;
height:80px;
float:left;
border: 0px solid red;
}

#showcase_thumbs{
position:relative;
padding-left: 20px;
float:left;
top:-30px;
width: 650px;
height: 120px;
border: 0px solid;
}

#showcase_thumbs a:link img{
border: 1px solid #ceab70;
}
#showcase_thumbs a:visited img{
border: 1px solid #ceab70;
}






#footer{
float:left;
height: 50px;
width: 800px;
border: 0px solid;
background-image: url(../images/lowbr.jpg);
background-position: top left;
background-repeat: repeat-y;
}

#ota_yhteytta{
position:relative;
left: 50%;
font: 12px trebuchet MS;
height: 130px;
width: 350px;
border: 0px solid;
margin-left: -245px;
text-align: center;
}
#lomake{
float:left;
padding-left: 50px;
left: 290px;
font: 12px trebuchet MS;
height:390px;
width: 350px;
border: 0px solid;
background-image: url(../images/siipallo.jpg);
background-repeat: no-repeat;
background-position: 5px; 
}
#yhteystiedot{
float:left;
padding-left:0px;
width: 250px;
border: 0px solid;
font: 12px trebuchet MS;
}
#yhteystiedot p{
border: 0px solid;
font: 12px trebuchet MS;
}
table.tiedot td.nimet{
width:180px;
height:40px;
padding-left: 3px;
border: 1px solid;
border-color: #ceab70;
height: 20px;
}
td.tura{
background-image: url(../images/tura1.jpg);
border: 0px solid;
width:66px;
}
td:hover.tura{
background-image: url(../images/tura2.jpg);
border: 0px solid;
}
td.kila{
background-image: url(../images/kila1.jpg);
border: 0px solid;
}
td:hover.kila{
background-image: url(../images/kila2.jpg);
border: 0px solid;
}
td.laiho{
background-image: url(../images/laiho1.jpg);
border: 0px solid;
}
td:hover.laiho{
background-image: url(../images/laiho2.jpg);
border: 0px solid;
}

textarea{
border: 1px solid;
border-color: #ceab70;
}
#menu{
float: left;
border: 0px dotted;
}

#navcontainer {
position:absolute;
left: 15px;
top: 200px;
float: left;
height: 205px;
width: 138px;
border: 0px dotted;
margin-bottom:0px;
margin-left: 0px;
}

#navlist {
float:left;
list-style: none;
border: 0px solid;
padding: 0px;
margin: 0px;
}

#navlist li {
float: left;
width: 138px;
height: 44px;
border: 0px solid;
padding:0px;
}

#navlist li:hover {
border: 0px solid;

}

#navlist li a {
text-align:center;
position:absolute;
width: 140px;
height: 29px;
color: #644b25;
font-family: trebuchet MS;
font-size: 9pt;
padding-right: 0px;
padding-top: 15px;
font-weight:bold;
border: 0px solid;
background-color: #f0e6d4;
text-decoration:none;
baackground-image: url(../images/menubackground.jpg);
}
.menulinkki{
float:left;
width: 133px;
height: 44px;
padding-top: 0px;
border: 0px solid;
}

#navspace{
margin-top:20px;
width: 10px;
height: 10px;
border: 1px solid;
}
#navlist li a:hover {
color: #644b25;
font-weight:bold;
font-family: trebuchet MS;
font-size: 9pt;
border: 0px solid;
background-image: url(../images/menu_hover.jpg);
}

#navlist li a img {
border: 0px solid;
}

#navlist li#link a {
}


#navlist li#current a {
color: #644b25;
font-weight:bold;
font-family: trebuchet MS;
font-size: 9pt;
border: 0px solid;
background-image: url(../images/white.jpg);
}