/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{ background:#000;
	 border:0;
	 font:12px Arial, Helvetica, sans-serif; color:#ddd;
	 line-height:22px;
}


/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: underline}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:13px; color:#fff; font-weight:bold; text-transform:uppercase; padding:28px 0 29px 75px}
p{ padding-bottom:22px;}
img{ vertical-align:top}
/* ============================= header ====================== */
#top{ font-size:10px; color:#000; padding:30px 0 11px 0; text-transform:uppercase; line-height:20px;}
#login{ float:right; width:306px; font-size:11px; font-weight:bold; color:#3b3b3b;}
#login a{ float:right; font-size:11px; font-weight:bold; color:#3b3b3b; line-height:20px; background:url(images/button2.jpg) no-repeat; text-decoration:none; width:28px; text-align:center}
#login a:hover{ color:#fff;}
#login .input{ float:right; width:84px; height:12px; font:10px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; padding:4px 5px; background:#fff; margin-right:5px}

#line{ border-bottom:1px solid #e1e1e1;}
#logo{ position:absolute; top: 80px; margin-top:24px; float:left;}

#menu { float:right; padding-top:78px}
#menu li { padding-left:24px; float:right}
#menu li a{ color:#0c0c0c; text-transform:uppercase; font-size:18px; text-decoration:none; letter-spacing:-1px;}
#menu li a:hover, #menu #menu_active a{ color:#c7c7c7;}

#banner{ padding-top:88px; color:#0c0c0c; text-transform:uppercase; height:364px}
.h1{ font-size:38px; font-weight:bold; line-height:58px; margin-top:-12px; display:block; letter-spacing:-3px}
.h2{ font-size:22px; display:block; padding-top:10px; letter-spacing:-1px; padding-bottom:44px}
#banner a{ width:109px; line-height:38px; text-align:center; float:left; margin-right:2px; color:#262626; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; background:url(images/button3.jpg) no-repeat;}
#banner a:hover{ color:#fff}
/* ============================= content ====================== */

.line1{ background:url(images/line_ver.jpg) 211px 0 repeat-y;}
.line2{ background:url(images/line_ver.jpg) 441px 0 repeat-y;}
.line3{ background:url(images/line_ver.jpg) 671px 0 repeat-y;}

.img1{ background:url(kuvej/palvelin3.png) 0 0px no-repeat}
.img2{ background:url(kuvej/palvelin2.png) 0 0px no-repeat}
.img3{ background:url(kuvej/palvelin4.png) 0 -15px no-repeat}
.img4{ background:url(kuvej/palvelin1.png) 0 10px no-repeat}
.img4{ background:url(kuvej/verkkolevy.png) -15px -10px no-repeat}
.img5{ background:url(images/img5.jpg) 2px 19px no-repeat}
.img6{ background:url(images/img6.jpg) 0 18px no-repeat}
.img7{ background:url(images/img7.jpg) 2px 17px no-repeat}

.img1_org{ background:url(images/img1.jpg) 0 0px no-repeat}
.img2_org{ background:url(images/img2.jpg) 10px 18px no-repeat}
.img4_org{ background:url(images/img4.jpg) 0 10px no-repeat}

._intotalo{ background:url(suositukset/intotalo.jpg) 0 0px no-repeat}
._push{ background:url(suositukset/pushlogo.png) 0 0px no-repeat}
._aucor{ background:url(suositukset/aucor.jpg) 0 0px no-repeat}
._fonal{ background:url(suositukset/fonallogo.png) 0 0px no-repeat}
._terosaarinen{ background:url(suositukset/terosaarinen.png) 0 0px no-repeat}
._woimakilpi{ background:url(kuvej/woimakilpi.png) 0 0px no-repeat}
._webvalue{ background:url(suositukset/webvalue_LogoRGB_6.jpg) 0 0px no-repeat}


.list1 li{ line-height:25px;}
.list1 li a{ color:#787878; text-decoration:none; padding-left:10px; background:url(images/marker_1.jpg) 0 6px no-repeat;}
.list1 li a:hover{ text-decoration:none;}

.link1{ text-decoration:none}
.link1:hover{ text-decoration:none;}

.font1{ color:#fff;}

.button1{ color:#3b3b3b; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; line-height:28px; background:url(images/button1_bg.jpg) top repeat-x; float:right;}
.button1 span{ display:block; background:url(images/button1_left.jpg) top left no-repeat;}
.button1 span span{ display:block; background:url(images/button1_right.jpg) top right no-repeat; padding:0 11px}
.button1:hover{ color:#fff}

.box{ font-weight:bold; font-size:30px; color:#fff; line-height:32px; float:left; padding-top:0px; letter-spacing:-1px}
.box span{ font-size:17px}

.pad_bot1{ padding-bottom:38px}
.pad_bot2{ padding-bottom:28px}
.pad_bot3{ padding-bottom:10px}
.pad_left1{ padding-left:40px;}
.marg_top1{ margin-top:50px}
.marg_right1{ margin-right:31px;}
/* ============================= footer ====================== */

#footer { color:#474747; font-size:11px}
#footer span{ padding-top:26px; text-transform:uppercase}
#footer a{ color:#474747; text-decoration:none;}
#footer a:hover{ text-decoration:none;}
#footer .cols{ width:140px; float:left}
#footer h1{ font-size:13px; color:#474747; padding:26px 0 20px 0;}
#footer .list1 li{ line-height:20px}
#footer .list1 li a{ text-decoration:none; color:#7b7b7b; font-size:13px; background-position:0 7px;}
#footer .list1 li a:hover{ text-decoration:none}

/* ============================= forms ============================= */

#ContactForm {padding:10px 0 0 0; line-height:18px;}
#ContactForm a{ margin-left:26px}
#ContactForm .input {width:401px; height:20px; background:#fff; padding:0 10px; margin-bottom:20px;color:#000;  font:10px Arial, Helvetica, sans-serif; line-height:20px;}
#ContactForm textarea {width:401px; height:127px; background:#fff; padding:0 10px; margin-bottom:43px;color:#000;  font:10px Arial, Helvetica, sans-serif; line-height:20px; overflow:auto}

.otsikkopalkki.noborder {border-bottom: 0px !important; }