@charset "UTF-8";
/* CSS Document */
html {
	width:100%;
	height:100%;
	overflow:auto;
}
body {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	background:#dcdcdc;
	color:#808080;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:69%;
	overflow:auto;
}
p, h1, h2, h3, h4, h5, ul, ul li, img {
	padding:0px;
	margin:0px;
}
a {
	color:#232064;
}
a:hover {
	color:#1a14a3;
}
img {
	border:0px;
}
#holder {
	background:url(images/background_loop.gif) top center repeat-y;
	height:100%;
	width:100%;
	overflow:auto;
}
#holder_main {
	width:800px;	
	margin:0px auto;
	background:url(images/background_gradient.jpg) no-repeat bottom center #fff;
}
/*	Header Styling	*/
#header {
	background:url(images/background_header.gif) bottom center repeat-x;
	overflow:hidden;
	padding:20px 0px 0px 20px;
	height:56px;
}
#header h1 {
	font-size:1em;
	letter-spacing:-1px;
	text-transform:uppercase;
	font-weight:bold;
	
}
#header h1 a {
	display:block;
	width:56px;
	height:56px;
	text-indent:-99999px;
	background:url(images/logo_hwaguanmetal.jpg) no-repeat top left;
	
}
#header h1 a:hover {
	text-indent:0px;
	padding-left:60px;
	padding-top:30px;
	width:200px;
	text-decoration:none;	
}
#header ul {
	float:right;
	width:444px;
	height:56px;
}
#header ul li {
	list-style-type:none;
	float:left;
	height:56px;	
}
#header ul li a {
	width:100px;
	display:block;
	border-left:1px solid #c4c4c4;
	padding-left:10px;
	height:53px;
	border-bottom:3px solid #c4c3df;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	font-size:.9em;
	color:#838383;
}
#header ul li a:hover {
	border-bottom:3px solid #1a14a3;
	font-weight:bolder;
}
#header ul li a.selected {
	font-weight:bolder;
	border-bottom:3px solid #1a14a3;
}

/*	Contents Styling	*/
#contents {
	margin:20px 0px 100px;
	overflow:auto;
}
#submenu {
	margin-left:10px;
	float:left;
}
#feature {
	background:#fff;
	border:1px solid #d8d8d8;
	width:210px;
	min-height:50px;
	padding:10px;
	margin-left:5px;
	float:left;
}
#feature img {
	float:left;
	margin-right:10px;
}
#feature em {
	font-style:normal;
	text-weight:bold;
	font-size:1.2em;
	color:#be3030;
	text-transform:capitalize;
	letter-spacing:-1px;
	line-height:1.5em;
}
#feature p {
	font-size:.95em;
	color:#8e8e8e;
	letter-spacing:0px;
}
#submenu ul {
	margin-bottom:20px;
}
#submenu ul li {
	list-style-type:none;
}
#submenu h2 {
	width:250px;
	height:19px;
	color:#fff;
	text-transform:uppercase;
	background:url(images/header_title.jpg) no-repeat 0px 0px;
	font-weight:normal;
	font-size:1em;
	padding-left:10px;
	padding-top:3px;
	margin-bottom:10px;
}
#submenu ul li a {
	width:220px;
	height:20px;
	margin-left:10px;
	text-decoration:none;
	display:block;
	margin-left:10px;
	padding-left:20px;
	padding-top:5px;
	color:#6f6f6f;
	font-size:1em;
	border-bottom:1px solid #c4c4c4;
	text-transform:capitalize;
}
#submenu ul li a.selected {
	background:url(images/navigation_selected.jpg) no-repeat left center;
}
#submenu ul li a:hover {
	background:url(images/navigation_selected.jpg) no-repeat left center;
}
#main_content {
	margin-left:280px;
	width:510px;
}
#main_content h3 {
	width:510px;
	padding-top:2px;
	margin-bottom:12px;
	height:17px;
	background:url(images/header_content.jpg) no-repeat bottom center;
	font-weight:normal;
	font-size:1em;
	color:#232064;
	text-transform:uppercase;
}
#main_content h4 {
	font-size:1em;
	text-transform:uppercase;
	margin-left:10px;
}
#main_content h4 em {
	color:#c4c4c4;
	font-weight:normal;
}
#main_content p {
	margin-top:10px;
	line-height:150%;
	padding:0px 10px;
	margin-bottom:10px;
	text-align:left;
}
#main_content img.floating_image {
	float:left;
}
#main_content .product_type {
	width:130px;
	display:block;
	float:left;
}
#main_content a {
	text-decoration:none;
}
#main_content ul.related_links {
	list-style-type:none;
}

#main_content ul.related_links li {
	float:left;
} 
#main_content ul.related_links li a {
	padding:5px 0px 5px 5px;
	border-bottom:1px solid #c4c4c4;
	display:block;
	width:480px;
	text-decoration:none;
}
#main_content ul.related_links li a:hover {
	background:#c4c4c4;
}
#image_gallery {
	width:500px;
	margin:10px 0px;
	padding-left:10px;
}
.company_info {
	width:180px;
	float:right;
	margin-left:20px;
	border-left:1px solid #c4c4c4;
}
.header_company_info {
}
.inquiries_form p {
	margin-right:50px;
	font-size:1em;
}
#contact_form {
	padding:10px;
	width:450px;
	background:#eee;
	background:url(images/background_form.gif) no-repeat top left;
	font-weight:bold;
	overflow:auto;
}
#contact_form label {
	height:17px;
	width:60px;
	display:block;
	margin:5px 0px;
	padding-top:5px;
}
#contact_form #form input {
	padding:2px;
	width:400px;
	height:15px;
	margin:5px;
	background:#fff;
}
#contact_form #form input.company_name {
}
#contact_form label.textarea {
	clear:both;
}
#contact_form textarea {
	background:#fff;
	padding:2px;
	width:400px;
	height:80px;
	margin:5px;
}
.notice {
	color:#231e84;
}
#buttons {
	width:415px;
	clear:both;
	text-align:right;
	height:30px;
}
#buttons input.reset, #buttons input.submit {
	width:58px;
	height:14px;
	background:url(images/background_button.gif) no-repeat top left;
	color:#fff;
	padding:0px;
	border:0px;
	margin:0px;
	margin-top:5px;
	font-size:.8em;
}
p.address {
	margin-bottom:10px;
	width:250px;
	height:90px;
}
p.numbers {
	width:250px;
}
.numbers strong {
	float:left;
	width:90px;
}
p.numbers_associates {
	width:430px;
	clear:both;
	padding-bottom:10px;
	margin-bottom:10px;
	margin:20px;
	background:#eeeeee;
}
.numbers_associates strong {
	float:left;
	width:100px;
}
.business_address {
	height:20px;
	clear:both;
}
.business_address2 {
	height:40px;
	clear:both;
}
.fax {
	height:50px;
}
.person {
	margin:20px 0px 0px 0px;
	padding:10px;
	width:200px;
	height:165px;	
	background:url(images/background_contact.gif) no-repeat 0px 0px;
	float:right;
}
.person em {
	margin-top:10px;
	display:block;
	width:100px;
	height:10px;
	font-style:normal;
	font-weight:bold;
}
.roadmap {
	width:260px;
	height:184px;
	float:right;
	padding:5px;
	border:1px solid #eee;
	margin-left:20px;
}
.roadmap_info {
	height:200px;
}
#main_content img.roadmap_img {

}

/* ------------------------------ */
/* Accordion for Products Styling */
.toggler {
}
 
.element {
}
 
.element p {
}

/* ------------------------------ */
/* Sitemap Styling				  */
#sitemap {
}
#sitemap h4 {
	clear:both;
	padding:10px 0px;
	float:left;
	width:240px;
	border-bottom:1px solid #c4c4c4;
}
#sitemap ul {
	margin-top:5px;
	list-style-type:none;
	padding-left:10px;
	float:right;
	display:block;
	width:240px;
}
#sitemap ul li {
	padding:5px 0px;
}
#sitemap ul li a {
	display:block;
	width:200px;
	padding-bottom:10px;
	border-bottom:1px solid #c4c4c4;
}
/*	Footer Styling	*/
#footer {
	margin:0px 10px;
	border-top:1px solid #c4c4c4;
	padding-top:10px;
	font-size:.85em;
	line-height:140%;
	padding-bottom:200px;
	clear:both;
}
#footer ul li {
	list-style-type:none;
}
#footer .copyright {
	color:#6c6c6c;
}
#footer .footnote, #footer .footnote a {
	color:#b5b5b5;	
	text-decoration:none;
}
#footer .footnote a:hover {
	text-decoration:underline;
}
#footer .footinfo {
	clear: left;
    float: left;
    padding-left: 10px;
    width: 250px;
}
#footer .footiso {
	border: 0 none;
    float: right;
    padding-right: 10px;
}
#footer .footlink {
	float: left;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 250px;
}
#footer ul.footlink li {
	float:left;

}
#footer ul.footlink li a {
	padding-left:10px;
	display:block;
	width:70px;
	height:15px;
	text-decoration:none;
	border-left:1px dotted #c4c4c4;
	color:#6c6c6c;
}
#footer ul.footlink li a:hover {
	text-decoration:underline;
}