/* general styles */

body{margin:0;padding:0;background:#ffba00 url(pix/bg.jpg) repeat-x;}

h1{margin:0;text-indent:-200em;}
h2{margin:0;text-indent:-200em;}
h3{margin:0;text-indent:-200em;}
h4{margin:0;text-indent:-200em;}
h5{margin:0;text-indent:-200em;}


img{margin:0;border:0;}
a{display:block;text-decoration:none;}

.clear{clear:both;}

/* main box container */

#cerealbox{background:url(pix/box.jpg) no-repeat;width:480px;height:800px;margin:auto;}

/* primix box front view*/

.front{width:324px;height:728px;padding-left:20px;float:left;}
.front div img{float:left;}
.front h1{width:323px;margin-top:61px;height:179px;background:url(pix/header.jpg) no-repeat;display:block;}
.front h2{height:82px;background:url(pix/pierlo_tracky.jpg) no-repeat;display:block;}

/* index */
.upfree16{background: url(pix/upfree16.jpg) 0 -1px no-repeat;height:70px;}
.loopz{float:left; background:url(pix/loopz.jpg) 0 -1px no-repeat; height:362px; width:314px; margin:0; padding:0}

/* videos */
.viddys h3{background: url(pix/videos_click.jpg) no-repeat;height:87px;margin-left:40px;}
.viddys div{height:170px; width:300px}
.viddys div a{text-indent:-200em;float:left;}
.viddys div a.nerdstep{background:url(pix/video_nerdstep.jpg) no-repeat; height:120px; width:130px;}
.viddys div a:hover.nerdstep{background:url(pix/video_nerdstep.jpg) -1px 1px no-repeat;}
.viddys div a.under{background:url(pix/video_1187.jpg) no-repeat; height:150px; width:170px;}
.viddys div a:hover.under{background:url(pix/video_1187.jpg) -1px 1px no-repeat;}
object.mov{display: none;}
* html object.mov {display: none;}
* html object.mov {
 Ê Ê display/**/: none;
 }
 * html object.mov {
 Ê Ê display: none;
 }
  * html object.mov/**/ {
 Ê Ê display: inline;
 }
  * html object.mov {
 Ê Ê display/**/: none;
 }
/* zip */
.zip h3{background: url(pix/music.jpg) no-repeat;margin-left:40px; height:87px; }
.zip div{margin-left:40px; height:187px;}
.zip div a{background:url(pix/zip_pic.jpg) no-repeat; height:160px; text-indent:-200em;}
.zip div a:hover{background:url(pix/zip_pic.jpg) -1px 1px no-repeat; height:160px; text-indent:-200em;}

/* credits */
.creditz h3{background: url(pix/credits_thanx.jpg) no-repeat;height:92px; width:300px;}
.creditz div{float:left; background:url(pix/credits_front.jpg) 0 1px no-repeat; height:362px; width:314px; text-indent:-200em; margin:0;}


/* primix box ingredients view*/

.side{width:123px;height:728px;float:left;}
.nutrifarts{height:30px;margin-top:254px;background:url(pix/nutrition_farts.jpg) no-repeat;}

.primix a{background:url(pix/primix4kids.jpg) 0 59px no-repeat;height:89px;}
.primix a:hover{background:url(pix/primix4kids_on.jpg) 0 59px no-repeat;height:89px;}

.unterwasser a{background:url(pix/unterwasser.jpg) 0 10px no-repeat;height:28px;}
.unterwasser a:hover{background:url(pix/unterwasser_on.jpg) 0 10px no-repeat;}

.preebok a{background:url(pix/preebok.jpg) 0 0 no-repeat;height:23px;}
.preebok a:hover{background:url(pix/preebok_on.jpg) 0 0 no-repeat;}

.deutsch a{background:url(pix/deutsch.jpg) 0 0 no-repeat;height:26px;}
.deutsch a:hover{background:url(pix/deutsch_on.jpg) 0 0 no-repeat;}

.phresh a{background:url(pix/phresh.jpg) 0 0 no-repeat;height:21px;}
.phresh a:hover{background:url(pix/phresh_on.jpg) 0 0 no-repeat;}

.putipu a{background: url(pix/putipu.jpg) 0 0 no-repeat;height:23px;}
.putipu a:hover{background: url(pix/putipu_on.jpg) 0 0 no-repeat;}

.ignore a{background: url(pix/ignore.jpg) 0 0 no-repeat;height:22px;}
.ignore a:hover{background: url(pix/ignore_on.jpg) 0 0 no-repeat;}

.valley a{background: url(pix/valley.jpg) 0 0 no-repeat;height:26px;}
.valley a:hover{background: url(pix/valley_on.jpg) 0 0 no-repeat;}

.videos a{background: url(pix/videos.jpg) 0 21px no-repeat;height:55px;}
.videos a:hover{background: url(pix/videos_on.jpg) 0 21px no-repeat;}

.zipped a{background: url(pix/zipped.jpg) 0 0 no-repeat;height:39px;}
.zipped a:hover{background: url(pix/zipped_on.jpg) 0 0 no-repeat;}

.credits a{background: url(pix/credits.jpg) 0 0 no-repeat;height:34px;}
.credits a:hover{background: url(pix/credits_on.jpg) 0 0 no-repeat;}

.valid{margin-top:50px;font-family:arial, helvetica, sans-serif;color:#f80;font-size:9px;text-align:left;}
.valid a{display:inline;color:#e60;text-decoration:underline;}
.valid a:hover{color:#f80;}