/* Body */
*{margin:0;padding:0}
body{background:url(images/bg.jpg) no-repeat center top #fff}

/* Wrapper */
#wrapper{width:960px;margin:0 auto;background:#fff;-webkit-box-shadow:0 0 30px #666}

/* Common */
img{border:0}
.clear{clear:both}

/* Fonts & paragraphs */
body,p,td,th,ul,ol,li,input,select,textarea{font:normal 13px Arial,Helvetica,sans-serif}
p{margin-bottom:10px;color:#444;line-height:18px}

/* Links */
a:link{color:#8cc63f;text-decoration:none}
a:visited{color:#8cc63f;text-decoration:none}
a:hover{color:#000;text-decoration:none}
a:active{color:#000;text-decoration:none}

ul{margin:0 0 15px 20px}
ul li{margin-bottom:4px;color:#444}

/* Titles */
h2{margin:0 0 5px 0;text-transform:uppercase;color:#000;font-size:20px;font-weight:normal}
h3{margin:20px 0 10px 0;color:#000;font-size:18px;font-weight:normal}
h4{margin:20px 0 10px 0;color:#000;font-size:16px;font-weight:normal}

/* Header */
#header{position:relative}
#header .contact{position:absolute;top:0;right:0;width:329px;height:107px;background:url(images/header.png);text-indent:-9999px}

/* Logo */
#header h1{width:424px;height:107px;background:url(images/logo.png) no-repeat;display:block;text-indent:-9999px;}

/* Content */
#content{}

/* Headline */
/*#headline{height:247px} for flash */
#headline{height:222px}

/* Picks */
#picks{background:url(images/bg-picks.jpg) no-repeat;height:170px}
#picks .col{width:440px;float:left;padding:15px 20px}
#picks .col p{font-size:11px}
#picks h2{margin-bottom:7px}
#picks .col1 h2{background:url(images/title-tyokalut.png) no-repeat;width:407px;height:19px;text-indent:-9999px}
#picks .col2 h2{background:url(images/title-tools.png) no-repeat;width:400px;height:15px;text-indent:-9999px;margin-top:4px}

/* Main */
#main{clear:both}
#main .col{width:455px;float:left;padding:25px 0px 25px 20px}
#main .col1 h2{background:url(images/title-aani.png) no-repeat;height:25px;text-indent:-9999px;border-bottom:1px solid #ccc}
#main .col2 h2{background:url(images/title-valo.png) no-repeat;height:23px;margin-top:2px;text-indent:-9999px;border-bottom:1px solid #ccc}

#main .table a:hover{opacity:0.7}
#main table{border-collapse:collapse;border-spacing:0}
#main table td{padding:0;margin:0}

/* Footer */
#footer{clear:both;background:url(images/bg-footer.jpg) no-repeat;height:124px;padding:25px 30px 0 30px;position:relative}
#footer h3{background:url(images/title-yhteystiedot.png) no-repeat;height:17px;text-indent:-9999px;margin:0 0 17px 0}
#footer .fb a{display:block;width:129px;height:25px;background:url(images/facebook.png) no-repeat;position:absolute;top:22px;right:30px;text-indent:-9999px}
#footer .col{float:left;width:180px}
#footer .col p{color:#fff;font-size:11px;line-height:15px;margin:0}

/* Page content */
#pageContent{padding:30px 30px 200px 30px}

.form label{width:150px;font-weight:bold;float:left;padding-top:1px}
.form input{font-size:13px;margin-right:3px}
#form-email,
#form-firstname,
#form-lastname{width:200px}
.form .error{font-weight:bold;color:#cc0000}
.thanks{font-size:15px;font-weight:bold}

.page-postituslista #headline{height:208px}

/* Logos */
#logo1,#logo2{position:relative;margin-top:10px}
#logo1 a,#logo2 a{display:block;position:absolute;text-indent:-9999px;outline:none}

/* Sound */
#rode{top:0;left:0;width:190px;height:100px}
#ua{top:0;left:263px;width:150px;height:100px}

#radial{top:115px;width:200px;height:70px}
#solid{top:115px;left:230px;width:220px;height:70px}

#proel{top:215px;left:0;width:220px;height:60px}
#db{top:215px;left:230px;width:220px;height:60px}

#api{top:315px;left:0;width:150px;height:70px}
#asl{top:315px;left:160px;width:140px;height:70px}
#bricasti{top:315px;left:310px;width:145px;height:70px}

#chandler{top:400px;left:0;width:150px;height:60px}
#empirical{top:400px;left:160px;width:140px;height:60px}
#event{top:400px;left:310px;width:145px;height:60px}

#earthworks{top:470px;left:0;width:150px;height:60px}
#mogami{top:470px;left:160px;width:140px;height:60px}
#joeco{top:470px;left:310px;width:145px;height:60px}

#mojave{top:535px;left:0;width:150px;height:70px}
#optocore{top:535px;left:160px;width:140px;height:70px}
#royer{top:535px;left:310px;width:145px;height:70px}

#signex{top:615px;left:0;width:150px;height:70px}
#tta{top:615px;left:160px;width:140px;height:70px}
#thermionic{top:615px;left:310px;width:145px;height:70px}

#telefunken{top:695px;left:0;width:150px;height:70px}
#dotec{top:690px;left:155px;width:150px;height:70px}

/* Lights */
#avolites{top:0;left:20px;width:190px;height:100px}
#barco{top:0;left:260px;width:160px;height:100px}

#claypaky{top:115px;left:20px;width:170px;height:100px}
#mdg{top:115px;left:240px;width:210px;height:100px}

#catalyst{top:240px;left:0;width:150px;height:55px}
#chauvet{top:240px;left:170px;width:110px;height:55px}
#chromaq{top:240px;left:330px;width:110px;height:55px}

#cm{top:310px;left:0;width:130px;height:55px}
#highend{top:310px;left:155px;width:140px;height:55px}
#litec{top:310px;left:320px;width:130px;height:55px}

#luminex{top:380px;left:0;width:130px;height:55px}
#reveal{top:380px;left:150px;width:155px;height:55px}
#swisson{top:380px;left:320px;width:130px;height:55px}