/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	margin: 0 auto;
	font-size: 100.01%; /*fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family:  Arial, Helvetica,Verdana, sans-serif;
	color: #666;
	background: #FFF url(images/body_bg.jpg) repeat-x top;
}

/***** Begin laying out the wrappers *****/


#wrapper {
	position: relative;
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	padding: 0;
	width: 800px;
}

#nav {
	width: 800px;
	font-size: 0.85em;
	margin: 6px 0 0 0;
	padding: 0;
}

#navChi {
	width: 800px;
	font-size: 0.85em;
	margin: 6px 0 0 0;
	padding: 0 0 8px 0;
}

.space {
	width: 800px; 
	height: 20px;
	display: block;
}


#HomeHeader {
	width: 800px;
	height: 360px;
	float: left;
	background: url(images/Logo_header.jpg) no-repeat top center;
}

#HomeHeaderImg {
	float: left;
	width: 417px;
	display: block;
	margin-top: 5px;
}


#HomeHeaderImgChi {
	float: left;
	width: 417px;
	display: block;
	margin-top: 4px;
	padding-top: 12px;
}

#HomeHeaderImgChi2 {
	float: left;
	width: 417px;
	display: block;
	margin-top: 4px;
	padding-top: 12px;
}

#ChooseLanguage {
	width:375px;
	float: right;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	font-size: 0.8em;
}

ul.navLang {
	float: left;
	margin: 20px 0 20px 30px;
	background: transparent;
}

ul.navLang li {
	list-style-type: none;
	margin: 0 0;
	padding: 0;
	float: left;
}

ul.navLang li a{
display:block;
margin:0;
padding:5px 6px 6px;
line-height:1em;
text-decoration:none;
}
ul.navLang li a:link,ul.navLang li a:visited,ul.navLang li a:active{
color:#B4876B;
}
ul.navLang li a:hover,ul.navLang li a.currentLink:hover{
background:#f2e5bb;
color:#C139FC;
}

#TopLinks {
	float: left;
	margin: 100px 0 0 30px;
	padding: 0;
	width: 85px;
	color: #FFF;
}

#TopLinks p {
	font-size: 1.0em;
}

#TopLinks a {
	color: #fff;
	text-decoration: none;
}


h1 {
	padding: 10px 5px;
	font-family:  Arial, Helvetica,Verdana, sans-serif;
	font-size: 1.7em; 
	font-weight: normal;
	color: #C139FC;
	text-align: left;
	letter-spacing: -1px;
}

.moreRoom {
	padding-top: 20px;
}


#contentWrapper {
	margin: 10px 0;
	width: 800px;
	text-align: center;
	clear: both;
	display: block;
}

/* these are needed for the contact page and the news page */
#Content {
	width: 500px;
	margin: 10px;
	padding: 5px;
	float: left;
}

#Content2 {
	width: 225px;
	margin: 10px;
	padding: 5px;
	float: left;
}

#Content3 {
	width: 225px;
	margin: 5px;
	padding: 30px 0 0 0;
	float: left;
}

/* quote under bhinside headlines */

h2 {
	margin: 10px 0;
	padding-top: 10px;
	color: #713E09;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1.3em; 
	font-weight: normal;
	text-align: left;
	display: block;
}

h3 {
	margin: 10px 0;
	padding-top: 10px;
	color: #FF7F50;
	font-family:  Arial, Helvetica,Verdana, sans-serif;
	font-size: 1.3em; 
	font-weight: normal;
	text-align: left;
	display: block;
}

h4 {margin: 10px 0;
	padding-top: 10px;
	color: #C139FC;
	font-family:  Arial, Helvetica,Verdana, sans-serif;
	font-size: 1.3em; 
	font-weight: normal;
	text-align: center;
	display: block;
}


#ProductImgs {
	width: 100%;
	text-align: center
}

#Col1 {
	float: left;
	width: 260px;
	margin: 0;
	padding: 10px 0;
	vertical-align: baseline;
}

#Col2 {
	float: left;
	width: 260px;
	margin: 0;
	padding: 10px 0;
	vertical-align: baseline;
}

#Col3 {
	float: left;
	width: 260px;
	margin: 0;
	padding: 10px 0;
	vertical-align: baseline;
}

#Col1 ul, #Col2 ul, #Col3 ul {
	margin-left: 10px;
	font-size: 0.8em;
	text-align: left;
	color: #B36D1D;
}

#Col1 li, #Col2 li, #Col3 li {
	text-align: left;
	margin: 5px 0 0 10px;
	padding: 0;
}

#Col1 li a, #Col2 li a, #Col3 li a {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #B36D1D;
	text-decoration: none
}

#Col1 li a:visited, #Col2 li a:visited, #Col3 li a:visited {
	text-align: left;
	color:#29426C;
}

#Col1 li a:hover, #Col2 li a:hover, #Col3 li a:hover {
	text-align: left;
	color:#713E09;
}


p {
	color: #666;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
	padding: 5px;
}


#footer {
	width: 100%;
	margin: 20px 0;
	padding: 0 10px;
	text-align: center;
	background: url(images/footer_bg.jpg) repeat-x top;
}

#footer p {
	text-align: center;
	color: #666;
	font-size: 0.9em;
}

#footer .CompanyName {
	font-weight: bold;
	color: #C139FC;
}
#footer .phone{
	font-weight: bold;
}

#footer a:link {
	color: #fff;
	text-decoration: none;
}

#footer a:visited {
	color: #CCC;
}

#footer a:hover {
	color:#C139FC;
}

.clearFloat {
	clear: both;
	height: 1px;
}

.date {
	margin-bottom: 10px;
	color: #FF7F50;
	font-family:  Arial, Helvetica,Verdana, sans-serif;
	font-size: 1.3em; 
	font-weight: normal;
	text-align: right;
	line-height: 2.0em;
}

hr.divider {
color: #A6D4D2;
width: 80%;
height:2px;
margin: 20px 0;
text-align: center;
}

/* bullets for the news page */
ul.specials {
	text-align: left;
	margin: 5px 0 0 20px;
}

ul.specials li {
	text-align: left;
	margin: 0;
}