#menu { background: url(images/mainmenu.jpg) no-repeat left top; height: 60px; width: 940px; }
#menu ul { display: block; list-style-type: none; margin-left: 0px; }
#menu ul li { display: inline; margin: 0; padding: 0; }
#menu ul li a { cursor: pointer; display: block; float: left; height: 60px;	text-indent: -7000px; width: 121px; }
#menu ul li a.button1 { width: 173px; }
#menu ul li a:focus { filter: alpha(opacity=70); opacity: .70;}

a.button1 { background: url(images/mainmenu.jpg) no-repeat 0 0; }
a:hover.button1 { background: url(images/mainmenu.jpg) no-repeat 0 -60px;}
a.button2 { background: url(images/mainmenu.jpg) no-repeat -174px 0;}
a:hover.button2 { background: url(images/mainmenu.jpg) no-repeat -174px -60px;}
a.button3 { background: url(images/mainmenu.jpg) no-repeat -295px 0;}
a:hover.button3 { background: url(images/mainmenu.jpg) no-repeat -295px -60px;}
a.button4 { background: url(images/mainmenu.jpg) no-repeat -416px 0;}
a:hover.button4 { background: url(images/mainmenu.jpg) no-repeat -416px -60px;}
a.button5 { background: url(images/mainmenu.jpg) no-repeat -537px 0;}
a:hover.button5 { background: url(images/mainmenu.jpg) no-repeat -537px -60px;}
a.button6 { background: url(images/mainmenu.jpg) no-repeat -658px 0;}
a:hover.button6 { background: url(images/mainmenu.jpg) no-repeat -658px -60px;}

.seperator { height: 6px;}

#hilight div { margin: 0 auto; text-align: right;}
#hilight p { margin: 0;}

h1 { color: #444; font-size: 1.7em; font-weight: bold; }
p { font-size: 1.5em; margin: 8px;}

#po { background: url(images/po-box.jpg) no-repeat 0 0; height: 410px;}
#po h1 { background: url(../../jstep/assets/images/kombine-32/download.png) no-repeat left top; height: 32px; line-height: 32px; margin: 8px; text-indent: 35px;}
#po strong { font-weight: bold;}
#po ul { list-style: none; }
#po li { background: url(../../jstep/assets/images/kombine-32/save.png) no-repeat left center; margin: 8px; padding-left: 35px; }
#po li a { cursor: pointer; display: block; font-size: 1.5em; padding: 4px; text-decoration: none;}
#po li a:hover { background: #B8DDE3; border-bottom: 1px solid #81BAC3; border-top: 1px solid #81BAC3; }

#vdo, #hot2, #hot4, #hot9, #hot11 { background: url(images/boxblue-body.jpg) repeat-y left top; }
#vdo div.head, #hot2 div.head, #hot4 div.head, #hot9 div.head, #hot11 div.head { background: url(images/boxblue-head.jpg) no-repeat left top; height: 60px;}
#vdo div.foot, #hot2 div.foot, #hot4 div.foot, #hot9 div.foot, #hot11 div.foot { background: url(images/boxblue-foot.jpg) no-repeat left top; height: 15px;}
#vdo h1, #hot2 h1, #hot4 h1, #hot9 h1, #hot11 h1 { background: url(../../jstep/assets/images/kombine-32/ipods.png) no-repeat 8px center; height: 32px; line-height: 32px; padding: 8px; text-indent: 35px;}
#vdo p, #hot2 p, #hot4 p, #hot9 p, #hot11 p { margin: -8px auto 0; width: 220px;}
#hot2 h1, #hot4 h1, #hot9 h1, #hot11 h1 { background: none; text-indent: 24px;}

#email, #hot3, #hot5, #hot7, #hot10 { background: url(images/boxred-body.jpg) repeat-y left top;}
#email div.head, #hot3 div.head, #hot5 div.head, #hot7 div.head, #hot10 div.head { background: url(images/boxred-head.jpg) no-repeat left top; height: 60px;}
#email div.foot, #hot3 div.foot, #hot5 div.foot, #hot7 div.foot, #hot10 div.foot { background: url(images/boxred-foot.jpg) no-repeat left top; height: 15px;}
#email h1, #hot3 h1, #hot5 h1, #hot7 h1, #hot10 h1 { background: url(../../jstep/assets/images/kombine-32/mail.png) no-repeat 8px center; height: 32px; line-height: 32px; padding: 8px; text-indent: 35px;}
#email p { margin: -8px 8px 0; }
#email form { margin: 12px;}
#hot3 h1, #hot5 h1, #hot7 h1, #hot10 h1 { background: none; text-indent: 24px;}
#hot3 p, #hot5 p, #hot7 p, #hot10 p { margin: -8px auto 0; width: 220px;}

#news, #hot1, #hot6, #hot8, #hot12 { background: url(images/boxyellow-body.jpg) repeat-y left top;}
#news div.head, #hot1 div.head, #hot6 div.head, #hot8 div.head, #hot12 div.head { background: url(images/boxyellow-head.jpg) no-repeat left top; height: 60px;}
#news div.foot, #hot1 div.foot, #hot6 div.foot, #hot8 div.foot, #hot12 div.foot { background: url(images/boxyellow-foot.jpg) no-repeat left top; height: 15px;}
#news h1, #hot1 h1, #hot6 h1, #hot8 h1, #hot12 h1 { background: url(../../jstep/assets/images/kombine-32/news.png) no-repeat 8px center; height: 32px; line-height: 32px; padding: 8px; text-indent: 35px;}
#news p { margin: -8px 8px 0;}
#news ul { list-style-type: none;}
#news li { background: url(../../jstep/assets/images/silk-16/bullet_star.png) no-repeat left top; font-size: 1.5em; margin: 4px 8px; padding-left: 16px;}
#news a { text-decoration: none;}
#hot1 h1, #hot6 h1, #hot8 h1, #hot12 h1 { background: none; text-indent: 24px;}
#hot1 p, #hot6 p, #hot8 p, #hot12 p { margin: -8px auto 0; width: 220px;}

#footer { background: url(images/footer.jpg) repeat-x left top; height: 79px;}
#footer p { font-size: 1.1em; font-weight: bold; color: #444; margin: 16px;}

#example { margin: 0 auto; width: 675px;}
#example-menu { float: left; height: 400px; width: 245px; overflow: auto; }
#example-vdo { float: right; width: 425px; }
#example-menu ul { list-style: none; margin: 0; }
#example-menu ul li { margin: 0; text-align: center; }
#example-menu h1 { font-size: 1.5em; margin: 8px 0 0; text-align: center; }
#example-vdo h1 { color: #666; font-size: 1.7em; text-align: center; }

#promotion { margin: 8px auto; width: 620px;}

#dvd { background: url(images/page-bg.jpg) no-repeat left top; }
#dvd a { text-decoration: none;}
#dvd a:hover { color: #f00;}
#dvd p { font-size: 1.8em; margin: 0 auto; text-align: left; }
#dvd div { margin: 0 auto; width: 800px; }
#dvd h1, #dvd h2 { font-size: 2.0em; font-weight: bold; text-align: left; margin: 5px 10px 5px 70px; }
#dvd h2 { font-size: 1.9em; color: #515151; }
#dvd h3 { font-size: 1.9em; font-weight: bold; text-align: center; }
#dvd ol { font-size: 1.6em; list-style: decimal outside; text-align: left; margin: 8px 0px 8px 90px; }
#dvd li span { color: #700; font-weight: bold; }
#dvd li em { display: block; color: #050; margin-left: 8px; }
#dvd ol ol { font-size: 1.0em; margin: 0px 0px 0px 32px; }

#guarantee { background: url(images/page-bg.jpg) no-repeat left top; }
#guarantee h1 { font-size: 2.0em; color: #c00; margin: 0; text-align: left; }
#guarantee h2 { font-size: 1.6em; font-weight: bold; color: #222; margin: 8px; text-align: left; }
#guarantee ul { list-style: square outside; text-align: left; font-size: 1.5em; }
#guarantee p { display: block; margin: 4px; clear: both; }
#guarantee-feature { background: url(images/guarantee-bg.gif) transparent no-repeat right top; display: block; height: 240px; margin: 4px; clear: both; }
#guarantee h3 { font-size: 1.9em; color: #c00; }
#guarantee h4 span { color: #c00;}
#guarantee em { display: block; font-size: 1.6em; text-indent: 32px; text-align: left;}
#guarantee img.list { width: 574px; float: left; margin: 0; padding: 0; border: 0; }
#guarantee table { width: 98%; font-size: 1.4em; text-align: left; margin: 0 auto; padding: 5px; }
#guarantee table #header { text-align: center; font-size: 1.2em; font-weight: bold; background: #cecece; border-bottom: 2px solid #000; }
#guarantee tr { background: #efefef; border-bottom: 1px dashed #cecece; }
#guarantee td { padding: 2px; }
#guarantee h5 { padding-top: 16px; font-size: 1.5em; text-align: left; color: #070;	}
#guarantee h5 span { color: #000; }
#guarantee hr { width: 90%;}

#knowus { background: url(images/page-bg.jpg) no-repeat left top;}
#knowus #knowus-menu { font-size: 1.2em; margin: 20px; }
#knowus #knowus-menu a { text-decoration: none; }
#knowus #knowus-menu a:hover { color: #f00;}
#knowus h1 { font-size: 2.0em; font-weight: bold; margin: 4px;}
#knowus h2 { color: #333; font-size: 1.7em; font-weight: bold; margin: 2px;}
#knowus li { font-size: 1.5em;}
#knowus div.map { margin: 0 auto; width: 530px;}
#knowus #knowus-acknowledge { margin: 0 auto; width: 770px;}

#comment { background: url(images/page-bg.jpg) no-repeat left top; }