* {
padding: 0px;
margin: 0px;
}
body {
background-image: url(img/bg_body_new.jpg);
background-repeat: repeat-x;

}
img { border: 0px; }

a { text-decoration: underline; color: #3333FF; }
a:hover { text-decoration: none; color: #000099; }
a.referenssitlink { text-decoration: none; color: #000099; }
a.referenssitlink:hover { text-decoration: underline; color: #3333FF; }

div#main_frame {
width: 1000px;
min-height: 500px;
margin: 0px auto;

/*background: red;*/
}

div#content_frame {
width: 600px;
padding-right:200px;
float:right;

font-family: "Trebuchet MS", Trebuchet, Arial;
font-size:0.8em;
color: #444444;
line-height: 1.4em;

background-image: url(img/bg_content_frame.gif);
background-repeat: repeat-y;
}
div#nav_frame {
width: 200px;
min-height:600px;
float:left;

/*background: yellow;*/
}
div#right_frame {
position:absolute;
top:150px;
margin-left:820px;
width:180px;
clear:both;
float:right;

font-family: arial, verdana, helvetica, sans-serif;
font-size:0.8em;
color:#666666;
text-align:center;
background: #fff;
}

div#nav_bottom {
position: absolute;
top: 600px;
width:100px;
text-align: left;
padding-left: 55px;
/*background: pink;*/
}

div#content {
width: 540px;
padding-top:40px;
margin-left:30px;

/*background: gray;*/
}
div#content2 {
width: 550px;
padding-top:40px;
padding-left:30px;
font-family: "Trebuchet MS", Trebuchet, Arial;
font-size:0.8em;
color: #444444;
line-height: 1.4em;


/*background: gray;*/
}

div#content_bottom {
width: 600px;
height: 80px;
background-image: url(img/bg_content_bottom.gif);
}
div#content_right {
width:290px;
float:right;
padding-right:10px;
/*background: blue;*/
}
div#content_right_referenssit {
width: 200px;
float:right;
padding:0px 0px 10px 10px;
text-align:center;
}
.content_right_referenssit {
position: relative;
width: 200px;
float:right;
padding:0px 0px 10px 10px;
text-align:center;
}

ul#listaok {
	list-style-image: url(img/ok.gif);
	margin-left: 30px;
	line-height: 1.5em;
}
ul#listaok li {
	padding-top:5px;
}
.listaplus {
	list-style-image: url(img/plus.gif);
	margin-left: 30px;
	line-height: 1.5em;
}
.listaplus li {
	padding-left: 5px;
	margin-top:5px;
}
div#esittely {
min-height: 90px;
width:528px;
background: url(img/bg_esittely.gif) top left repeat-x;
padding: 25px;
clear:both;
}
.esittely {
position:relative;
min-height: 90px;
width:528px;
background: url(img/bg_esittely.gif) top left repeat-x;
padding: 25px;
clear:both;
}

.footer_copytxt {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: white;
letter-spacing: 0.05em;
padding: 62px 0px 0px 10px;
}
.align_right {
float: right;
padding: 10px;
}
/* YHTEYDENOTTO - TYYLIT LOMAKKEESEEN */
#contact-area {
	width: 530px;
	margin-top: 10px;
}

#contact-area input, #contact-area textarea, #contact-area select {
	padding: 1px;
	width: 350px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 180px;
}

#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus {
	border: 1px solid #ff6600;
	background: #fbfbfb;
}

#contact-area input.submit-button {
	width: 150px;
	margin-left:145px;
	padding:5px;
	letter-spacing: 0.1em;
}

table.paketti_tablet td { 
padding:10px;
border: 1px solid #000;
}



label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 130px;
	padding-top: 0px;
}

h1 { 
font-size: 2em; 
border-bottom:3px double #ff6600; 
margin-bottom:20px; padding-bottom:5px;
font-weight: normal; letter-spacing:0.15em;
font-family: arial, verdana, helvetica, sans-serif; }

h2 { font-size: 1.3em; letter-spacing:0.15em; color:#2a3650; }

h4 { font-size: 1.1em; }