@charset "UTF-8";
/* CSS Document */

body { margin: 0; background-color:#f1eee5; background-image:url(../images/background.jpg); background-position:top center; background-repeat:no-repeat; height:100%; }

img { border:0; }

#container { margin: 0px auto; width: 971px; color: #000000; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:13px;}

#spacer1 { width: 971px; height:40px; }
#spacer2 { width: 971px; height:12px; }
#spacer3 { width: 971px; height:20px; }

#logo { width: 516px; height:93px; }

/* ================================================================
							MENU_START
=================================================================== */

#menuHolder {width:764px; height:37px;}
#menuHolder ul {padding:0; margin:0; list-style:none;}
#menuHolder table {border-collapse:collapse; margin:-1px -10px;}
#menuHolder ul ul {position:absolute; left:-9999px;}
#menuHolder ul div {position:absolute; left:-9999px;}

#menuHolder ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolder ul li a b.home { background:url(../images/menu/menu_home_hover.jpg);}
#menuHolder ul li a b.products { background:url(../images/menu/menu_hwz_hover.jpg);}
#menuHolder ul li a b.services {background:url(../images/menu/menu_techtimeline_hover.jpg);}
#menuHolder ul li a b.outlets {background:url(../images/menu/menu_album_hover.jpg);}
#menuHolder ul li a b.terms {background:url(../images/menu/menu_promo_hover.jpg);}

#menuHolder ul li {float:left;}
#menuHolder ul li a {display:block; float:left;}
#menuHolder ul li a i {display:block; height:37px; cursor:pointer;}

#menuHolder ul li a i#home {background:url(../images/menu/menu_home.jpg); width:66px;}
#menuHolder ul li a i#products {background:url(../images/menu/menu_hwz.jpg); width:171px;}
#menuHolder ul li a i#services {background:url(../images/menu/menu_techtimeline.jpg); width:206px;}
#menuHolder ul li a i#outlets {background:url(../images/menu/menu_album.jpg); width:202px;}
#menuHolder ul li a i#terms {background:url(../images/menu/menu_promo.jpg); width:119px;}

#menuHolder ul li:hover a i#home {background:url(../images/menu/menu_home_hover.jpg);}
#menuHolder ul li:hover a i#products {background:url(../images/menu/menu_hwz_hover.jpg);}
#menuHolder ul li:hover a i#services {background:url(../images/menu/menu_techtimeline_hover.jpg);}
#menuHolder ul li:hover a i#outlets {background:url(../images/menu/menu_album_hover.jpg);}
#menuHolder ul li:hover a i#terms {background:url(../images/menu/menu_promo_hover.jpg);}

#menuHolder ul li:hover {position:relative;}
#menuHolder ul li a:hover {position:relative;}

#menuHolder ul :hover ul {left:0; top:36px; margin-left:-25px;}

/* ====================== DROP_DOWN_START ============================== */
#menuHolder ul li ul li a i#notebook {background:url(../images/menu/drop_down_notebook.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#notebook {display:block; height:20px;}
#menuHolder ul li ul li a:hover i#notebook {background-position:0 -20px;}

#menuHolder ul li ul li a i#cpu {background:url(../images/menu/drop_down_cpu.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#cpu {display:block; height:19px;}
#menuHolder ul li ul li a:hover i#cpu {background-position:0 -19px;}

#menuHolder ul li ul li a i#gc {background:url(../images/menu/drop_down_gc.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#gc {display:block; height:20px;}
#menuHolder ul li ul li a:hover i#gc {background-position:0 -20px;}

#menuHolder ul li ul li a i#st {background:url(../images/menu/drop_down_storage.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#st {display:block; height:19px;}
#menuHolder ul li ul li a:hover i#st {background-position:0 -19px;}

#menuHolder ul li ul li a i#dc {background:url(../images/menu/drop_down_digicam.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#dc {display:block; height:21px;}
#menuHolder ul li ul li a:hover i#dc {background-position:0 -21px;}

#menuHolder ul li ul li a i#mm {background:url(../images/menu/drop_down_memory.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#mm {display:block; height:20px;}
#menuHolder ul li ul li a:hover i#mm {background-position:0 -20px;}

#menuHolder ul li ul li a i#tv {background:url(../images/menu/drop_down_tv.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#tv {display:block; height:55px;}
#menuHolder ul li ul li a:hover i#tv {background-position:0 -55px;}

#menuHolder ul li ul li a i#mp {background:url(../images/menu/drop_down_hp.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#mp {display:block; height:21px;}
#menuHolder ul li ul li a:hover i#mp {background-position:0 -21px;}

#menuHolder ul li ul li a i#pe {background:url(../images/menu/drop_down_portent.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#pe {display:block; height:40px;}
#menuHolder ul li ul li a:hover i#pe {background-position:0 -40px;}

#menuHolder ul li ul li a i#in {background:url(../images/menu/drop_down_internet.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#in {display:block; height:20px;}
#menuHolder ul li ul li a:hover i#in {background-position:0 -20px;}

#menuHolder ul li ul li a i#pt {background:url(../images/menu/drop_down_printer.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#pt {display:block; height:21px;}
#menuHolder ul li ul li a:hover i#pt {background-position:0 -21px;}

#menuHolder ul li ul li a i#pj {background:url(../images/menu/drop_down_projectors.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#pj {display:block; height:20px;}
#menuHolder ul li ul li a:hover i#pj {background-position:0 -20px;}

#menuHolder ul li ul li a i#cc {background:url(../images/menu/drop_down_cc.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#cc {display:block; height:31px;}
#menuHolder ul li ul li a:hover i#cc {background-position:0 -31px;}

#menuHolder ul li ul li a i#mb {background:url(../images/menu/drop_down_mb.png) no-repeat; width:248px;}
#menuHolder ul li ul li a i#mb {display:block; height:20px;}
#menuHolder ul li ul li a:hover i#mb {background-position:0 -20px;}
/* ====================== DROP_DOWN_END ============================== */


/* ================================================================
							MENU_END
=================================================================== */

#indexflash { width: 971px; height:363px; }
#timelineflash { width: 971px; height:553px; }

#subtopic { width: 959px; overflow:hidden; padding-left:12px;}
div.sub1 { width: 245px; float:left; margin-left:35px;}
div.sub2 { width: 250px; float:left; margin-left:20px;}
div.sub4 { width: 330px; float:left; margin-left:20px; padding-left:10px; padding-right:10px; padding-top:7px}

#sponsor { width: 971px; height:106px;}

#footer { width: 100%; height:80px; background-color:#73654b; background-image:url(../images/footer.jpg); background-position:top center; background-repeat:no-repeat;}
div.footer_whole { width: 826px; margin-left: auto; margin-right: auto;}
div.footer_hwz { width: 137px; float:left;}
div.footer_fb { width: 50px; float:left;}
div.footer_tw { width: 50px; float:left;}
div.footer_cp { width: 589px; float:left;}

#galleryheader { width: 971px; height:238px; background-image:url(../images/gallery_header.jpg);}
div.gheadtxt { width: 290px; float:left; padding-left:190px; padding-top:148px; line-height:14px;}
div.gheadbtn { width: 190px; float:right; padding-top:178px;}

#gallerysubmit { width: 947px; height: 61px; background-image:url(../images/gallery_submit.jpg); margin-left:12px;}
div.gsubmit { width: 240px; float:right; padding-top:12px;}

#gallery { width: 947px; background-color:#e4dcc5; margin-left:12px; overflow:hidden;}
div.gnav { width: 947px;}
div.nvleft { width: 130px; height:40px; padding-top:10px; float:left;}
div.pg { width: 300px; float:left; padding-top:10px; margin-left:195px; }
div.nvright { width: 90px; height:40px; padding-top:10px; float:right;}
div.gallery_pics { width: 907px; background-color:#f1eee3; clear:both; margin: 0 10px 0 10px; padding-top:15px; padding-left:15px; overflow:hidden;}
div.pic { width: 193px; height:193px; float:left; background-color:#FFF; margin-bottom:18px; margin-right:13px; text-align:center; padding:10px;}
div.picspacer { width: 18px; height:213px; float:left;}
div.phnum { width:15px; height:15px; padding:5px; background-color:#FFF; float:left; margin-left:5px; border-style:solid; border-width:1px; text-align:center;}

#promoheader { width: 971px; height:238px; background-image:url(../images/promotion_header.jpg);}
div.pheadtxt { width: 350px; float:left; padding-left:77px; padding-top:150px;}

div#dialog-modal
{
	display:none;
}