/* body {background: #111427 url(../images/start/background.jpg) center top no-repeat;}

#header {background: url(../images/start/headertop.jpg);}
#header #logo {display: block; width: 189px; height: 80px; background: url(../images/start/wattlogo.png); font-size: 0px;}

#menu #m_home {width: 60px; background: url(../images/start/menu/home_on.jpg) top left no-repeat;}
#menu #m_home:hover {background: url(../images/start/menu/home_on.jpg) top left no-repeat; cursor: pointer;}
#menu #m_1 {width: 100px; background: url(../images/start/menu/hun_about.jpg) top left no-repeat;}
#menu #m_1.on {background: url(../images/start/menu/hun_about_h.jpg) top left no-repeat; cursor: pointer;}
#menu #m_2 {width: 163px; background: url(../images/start/menu/hun_sol.jpg) top left no-repeat;}
#menu #m_2.on {background: url(../images/start/menu/hun_sol_h.jpg) top left no-repeat; cursor: pointer;}
#menu #m_3 {width: 138px; background: url(../images/start/menu/hun_prod.jpg) top left no-repeat;}
#menu #m_3.on {background: url(../images/start/menu/hun_prod_h.jpg) top left no-repeat; cursor: pointer;}
#menu #m_4 {width: 140px; background: url(../images/start/menu/hun_supp.jpg) top left no-repeat;}
#menu #m_4.on {background: url(../images/start/menu/hun_supp_h.jpg) top left no-repeat; cursor: pointer;}
#menu #m_5 {width: 139px; background: red url(../images/start/menu/hun_cont.jpg) top left no-repeat;}
#menu #m_5.on {background: url(../images/start/menu/hun_cont_h.jpg) top left no-repeat; cursor: pointer;}
#menu #m_search {width: 201px; background: url(../images/start/menu/search.jpg) top left no-repeat;}
#menu #m_lang {width: 59px; background: url(../images/start/menu/lang.jpg) top left no-repeat;}

*/

// #headerimg a {float: left; width: 500px; height: 360px;}

#headerimg {height: 390px; width: 1100px; margin-left: -50px; margin-top: 30px; margin-bottom: 0px; overflow:hidden; background: none;}
#headerimg .viewport { float: left; width: 1000px; height: 340px; overflow: hidden; position: relative;}
#headerimg .pager {float: left; width: 1100px; height: 40px; line-height: 50px; margin-top: 0px; text-align: center;}
#headerimg .pager li { display: inline;}
#headerimg .pager li a {opacity: 0.25; filter: alpha(opacity = 20);}
#headerimg .pager li a.active {opacity: 0.7; filter: alpha(opacity = 70);}

#headerimg .buttons {width: 50px; height: 40px; background: url(../images/content/left.png) no-repeat top left; font-size: 0px; float: left; margin-top: 150px; opacity: 0.2; filter: alpha(opacity = 20);}
#headerimg .buttons:hover {opacity: 0.6; filter: alpha(opacity = 60);}
#headerimg .buttons.next {background: url(../images/content/right.png) no-repeat top right;}

#headerimg .disable { visibility: hidden; }
#headerimg .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0;}
#headerimg .overview li{ float: left; margin: 0px; height: 360px; width: 1000px;}

#headerimg #sl_telco {background: url(../images/slider/telco.png) no-repeat;}
#headerimg #sl_telco .fifty {width: 420px; float: left; margin-left: 50px; margin-top: 80px;}

#headerimg #sl_15 {background: url(../images/slider/15.png) no-repeat; text-align: right;  font-family: Helvetica, arial;}
#headerimg #sl_15 div {margin: 42px; margin-top: 100px; font-size: 18px; color: #fff; opacity: 0.9; text-shadow: 0px 1px 3px #333; }

#headerimg #sl_anga {background: url(../images/slider/anga.png) no-repeat; text-align: right;}
#headerimg #sl_anga h2 {float: right; margin: 30px; margin-bottom: 0px; font-size: 30px; font-family: Helvetica, arial;}
#headerimg #sl_anga p {float: right;margin: 30px; margin-top: 0px; width: 360px; clear: right;}

#headerimg #sl_iptv {background: url(../images/slider/iptv.png) no-repeat;}
#headerimg #sl_iptv h2 {float: right; margin: 30px; margin-bottom: 0px; font-family: Helvetica, arial;}
#headerimg #sl_iptv h2 b {font-size: 40px; vertical-align: -14px}
#headerimg #sl_iptv p {float: right; text-align:right; margin: 30px; margin-top: -5px; width: 440px; clear: right; font-style: italic; opacity: 0.6;}

#headerimg #sl_rmsdr {background: url(../images/slider/rmsdr.png) no-repeat; text-align: left;}
#headerimg #sl_rmsdr h2 {margin-left: 30px; margin-top: 40px; font-size: 30px; font-family: Helvetica, arial;}
#headerimg #sl_rmsdr p {margin-left: 30px; margin-top: 0px; width: 360px; clear: right;}

#recommend {height: 70px;}
#recommend a {display: block; float: left; height: 70px;}

#recommend #rec1 {width: 260px; background: url(../images/start/recommend.jpg) 0px 0px;}
#recommend #rec2 {width: 240px; background: url(../images/start/recommend.jpg) -260px 0px;}
#recommend #rec3 {width: 240px; background: url(../images/start/recommend.jpg) -500px 0px;}
#recommend #rec4 {width: 260px; background: url(../images/start/recommend.jpg) -740px 0px;}

#recommend #rec1:hover {width: 260px; background: url(../images/start/recommend_h.jpg) 0px 0px;}
#recommend #rec2:hover {width: 240px; background: url(../images/start/recommend_h.jpg) -260px 0px;}
#recommend #rec3:hover {width: 240px; background: url(../images/start/recommend_h.jpg) -500px 0px;}
#recommend #rec4:hover {width: 260px; background: url(../images/start/recommend_h.jpg) -740px 0px;}

#leftcol {display: none;}

#startcontent {height: 370px; background: url(../images/start/startcontentbg.jpg) top center; padding: 20px; padding-top: 0px;}
#startcontent #about {float: left; margin-left: 10px; margin-right: 10px; width: 460px;}
#startcontent #new {float: left; margin-left: 10px; width: 470px;}
#startcontent #new img {float: left;}
#startcontent #new img#new1 {margin-right: 10px;}
#startcontent #news {float: left; margin-left: 10px; width: 460px;}

// #maintable #headerimg {height: 360px; background: url(../images/start/header.jpg) center center no-repeat;}

#content {padding: 0px;}
#content #middlecol {width: 1000px; padding: 0px; margin-left: 0px; clear: both;}

#middlecol p, #middlecol h2, #middlecol h3, #middlecol ul {width: 460px;}