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

#main {margin: 0px; background-color: #000000; font-family:Verdana, Arial; }
#mainbody {width: 920px; }

#logo_hd {width: 450px; height: 108px; float: left; }

#bg_top {width: 470px; height: 108px; background-image: url(images/bg_top.jpg); background-repeat: no-repeat; float: left; }

#menu_hd {width: 667px; height: 45px; float: left; }
#menu_bg_hd {width: 253px; height: 45px; background-image: url(images/bg_menu.jpg); background-repeat: no-repeat; float: left; }

#bg_top02 {width: 920px; height: 7px; background-image: url(images/bg_top02.jpg); background-repeat: no-repeat; float: left;}

#banner_flash_hd {width: 920px; height: 300px; float: left; }

#quicklink_hd {width: 870px; height: 170px; padding: 0px 25px 0px 25px; margin: 20px 0px 15px 0px; float: left; }
#quicklink_box01 {width: 166px; height: 160px; padding-bottom: 10px; border-bottom: #333333 1px solid; float: left; }
#quicklink_boxall {width: 166px; height: 160px; padding-bottom: 10px; margin-left: 10px; border-bottom: #333333 1px solid; float: left; }

#title_hd {width: 900px; height: 50px; padding: 0px 10px 0px 10px; background-image: url(images/bar_title.jpg); background-repeat: no-repeat; float: left; }

#contents_hd {width: 870px; padding: 25px 25px 75px 25px; float: left; } 

#about_hd00 {margin: 25px 0px 35px 0px; float: left; }
#about_hd01 {margin-right: 15px; font-size: 12px; float: left; }

#process_hd00 {width: 270px; height: 323px; float: left; }
#process_hd01 {width: 270px; height: 323px; margin-left: 30px; float: left; }
#process_hd00_title {width: 270px; margin: 10px 0px 15px 0px; float: left; }
#process_hd00_desc {width: 270px; height: 65px; float: left; }

#pro_hd {width: 268px; height: 128px; padding: 70px 0px 0px 0px; margin: 0px 10px 15px 10px; border: #3e3e3e 1px solid; float: left; }

#pro_sub_hd {width: 868px; height: 88px; padding: 30px 0px 0px 0px; margin: 0px 0px 15px 0px; border: #3e3e3e 1px solid; float: left; }

#pro_sublist_hd00 {width: 274px; height: 500px; float: left; }
#pro_sublist_hd {width: 274px; height: 250px; margin: 0px 8px 20px 8px; float: left; }

#pro_details_hd00 {width: 600px; float: left; }
#pro_details_hd01 {width: 250px; height: 320px; border-top: #606060 1px solid; border-bottom: #606060 1px solid; margin: 20px 0px 0px 0px; padding: 20px 0px 20px 0px; float: left; }
#pro_details_hd02 {width: 240px; height: 15px; background-color: #606060; margin: 1px 0px 0px 0px; padding: 5px; float: left; }

#outlet_hd {width: 870px; margin: 5px 0px 10px 0px; float: left; }
#outlet_pic {width: 250px; height: 150px; padding: 5px; border: #666666 1px solid; float: left; }
#outlet_contents {width: 545px; height: 100px; margin-left: 25px; padding: 25px 15px 25px 15px; font-size: 12px; color: #FFFFFF; float: left; }

#contact_info {width: 440px; padding: 30px 0px 0px 0px; float: left; }
#contatc_map {width: 400px; float: left; }
#contact_sent {width: 770px; height: 15px; margin: 20px 50px 0px 50px; padding: 20px 0px 20px 0px; background-color: #EFCE0A; float: left; }
#contact_error {width: 730px; height: 45px; margin: 20px 50px 0px 50px; padding: 20px 20px 20px 20px; background-color: #CC0000; float: left; }
#contact_form {width:768px; height: 440px; border: #676767 1px solid; background-color: #191919; padding: 30px 50px 30px 50px; margin-top: 30px; float: left; }

#footer_hd {width: 880px; height: 44px; padding: 20px; background-image: url(images/bg_footer.jpg); background-repeat: repeat; float: left; }

#footer_content {width: 810px; height: 44px; float: left; }
#footer_logo_hd {width: 40px; height: 41px; margin: 2px 0px 1px 30px; background-image: url(images/logo_hwjewelsml.jpg); background-repeat: no-repeat; float: left; }

/*LIGHTBOX*/

#gallery 
	{
		background-color: #000000;
		padding: 10px 10px 10px 0px;
		width: 850px;
		float: left;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img 
	{
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px 5px;
}
#gallery ul a:hover img {
		border: 5px solid #EFCE0A;
		border-width: 5px 5px 20px 5px;
		color: #fff;
}
#gallery ul a:hover { color: #fff; }