body { margin:0px; padding:0px; background:#fff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:17px; }

#container { width:1000px; margin:20px auto 20px auto; border:1px solid #312f32; }

#header               { width:1000px; margin:0px; padding:33px 0 0 0; background:url(../images/bg_header.gif) repeat-x #fff; }
#header .container    { width:1000px; margin:0px auto; }
#header .container h1 { width:1000px; height:830px; margin:0px; padding:0px; font-size:0px; background:url(../images/kerax_main.jpg) no-repeat; color:#fff; }

#logo { width:100%; height:63px; margin:0px; padding:45px 0 45px 0; text-align:center; background:#312f32; }

#intro                  { width:1000px; height:180px; margin:0px; padding:35px 0 55px 0; text-align:center; background:#191919; }
#intro ul, #intro ul li { margin:0px; padding:0px; list-style-type:none; }
#intro ul li            { color:#fff; font-size:19px; font-weight:bold; line-height:45px; }

#content                  { width:880px; margin:60px auto; }
#content h2               { color:#f5a900; font-size:18px; font-weight:bold; margin:0 0 20px 0; padding:0px; }
#content .brand           { color:#312f32; font-weight:bold; font-style:italic; }
#content .redx            { color:#ff0000; }
#content .copy            { color:#000; }
#content .copy ul         { margin:20px 0 0 20px; padding:0px; }
#content .boxa            { width:880px; height:700px; margin:0px; padding:215px 0 0 0; background:url(../images/kerax_full.jpg) no-repeat right top; }
#content .boxa .innerboxa { width:545px; height:230px; }
#content .boxa .innerboxb { width:545px; height:260px; }
#content .boxb            { width:880px; height:435px; background:url(../images/kerax_controller.jpg) no-repeat right top; }
#content .boxb .innerboxa { width:555px; height:230px; }
#content .boxb .innerboxb { width:880px; height:185px; }
#content .boxc            { width:880px; height:350px; background:url(../images/kerax_display.jpg) no-repeat right top; }
#content .boxc .innerbox  { width:555px; }
#content .boxd            { width:880px; height:380px; }
#content .boxe            { width:485px; height:205px; float:left; }
#content .boxe ul, #content .boxf ul, #content .boxg ul { margin:0 0 0 20px; padding:0px; }
#content .boxf            { width:395px; height:215px; float:left; }
#content .boxf h2 .brand  { color:#000; font-size:18px; font-weight:bold; font-style:normal; }
#content .boxg            { width:880px; height:170px; background:url(../images/kerax_syringe.jpg) no-repeat 540px 30px; }

#footer                 { width:1000px; height:138px; padding:57px 0 0 0; background:url(../images/bg_footer.gif) repeat-x #312f32; }
#footer .footer         { width:1000px; height:50px; padding:45px 0 45px 0; background:#191919; }
#footer .footer .info   { width:880px; margin:0px auto; color:#fff; font-size:16px; font-weight:bold; }
#footer .footer .info a { color:#fff; text-decoration:none; }

.clearfix { clear:both; }