/*======================
RESET
========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size:12px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1.3;
color: black;
text-align: center;
background: #dcdcdc url(../images/site_background.png) repeat-y 50% 0;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/*======================
    HEADER
========================*/
.container
{
	margin: 0 auto;
	width: 960px;
	text-align: left;	
}

#header
{
	background: url(../images/header_background.png) no-repeat 50% 0;
	float: left;
	width: 100%;
	height: 88px;
}

#logo
{
	background: url(../images/logo.jpg) no-repeat;
	display: block;
	position: relative;
	left: 10px;
	top: 0px;
	float: left;
	width: 109px;
	height: 88px;
}

#title
{
	background: url(../images/title.jpg) no-repeat;
	display: block;
	position: relative;
	left: 23px;
	top: 19px;
	float: left;
	width: 282px;
	height: 50px;
}

#title h1
{
	visibility: hidden;
}

#language-menu
{
	float: right;
	list-style: none;
}

#language-menu li
{
	margin: 0 5px 0 5px;
	display: inline;
	float: left;	
}

#eng
{
	background: url(../images/button_eng.jpg) no-repeat;
	display: block;
	position: relative;
	top: 19px;
	width: 50px;
	height: 16px;
}

#tc
{
	background: url(../images/button_tc.jpg) no-repeat;
	display: block;
	position: relative;
	top: 19px;
	width: 29px;
	height: 16px;
}

#jp
{
	background: url(../images/button_jp.jpg) no-repeat;
	display: block;
	position: relative;
	top: 19px;
	width: 43px;
	height: 16px;
}

#eng:hover, #eng.active { background-position: 0 -16px;}

#tc:hover, #tc.active { background-position: 0 -16px;}

#jp:hover, #jp.active { background-position: 0 -16px;}

#menu
{
	float: left;
	width: 100%;
	height: 45px;
}

#main-menu
{
	list-style: none;
	margin: 4px 0 0 121px;
	padding: 0;
}

#main-menu li
{
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	border-left: solid 2px #e3e3e3;
}

#main-menu li.last
{
	border-right: solid 2px #e3e3e3;
}

#services
{
	background: url(../images/menu_services_eng.jpg) no-repeat;
	display: block;
	width: 118px;
	height: 32px;
}

#products
{
	background: url(../images/menu_products_eng.jpg) no-repeat;
	display: block;
	width: 118px;
	height: 32px;
}

#productionline
{
	background: url(../images/menu_equipments_eng.jpg) no-repeat;
	display: block;
	width: 118px;
	height: 32px;
}

#quality
{
	background: url(../images/menu_quality_eng.jpg) no-repeat;
	display: block;
	width: 118px;
	height: 32px;
}

#about
{
	background: url(../images/menu_about_eng.jpg) no-repeat;
	display: block;
	width: 118px;
	height: 32px;
}

#contact
{
	background: url(../images/menu_contact_eng.jpg) no-repeat;
	display: block;
	width: 118px;
	height: 32px;
}

#services:hover, #services.active { background-position: 0 -32px;}
#products:hover, #products.active { background-position: 0 -32px;}
#productionline:hover, #productionline.active { background-position: 0 -32px;}
#quality:hover, #quality.active { background-position: 0 -32px;}
#about:hover, #about.active { background-position: 0 -32px;}
#contact:hover, #contact.active { background-position: 0 -32px;}

#main
{
	float: left;
	width: 100%;
}

#top-border
{
	background: url(../images/main_topborder.png) no-repeat 50% 0;
	float: left;
	width: 960px;
	height: 3px;
}

#top-border span
{
	visibility: hidden;
}

#content
{
	background: url(../images/content_background.png) repeat-y 50% 0;
	float: left;
	width: 960px;
	min-height: 456px;
	height:auto !important; /* IE 6 min-height fix */
	height:456px; /* IE 6 min-height fix */
}

#left-menu
{
	background: url(../images/equipments_menu_background.png) repeat-y;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	left: 10px;
	top: -1px;
	width: 221px;
	height: 749px;
}

#left-menu li
{
	margin: 0;
	padding: 0;
	display: list-item;
	border-bottom: solid 2px #f4f4f4;
}

#bottom-border
{
	background: url(../images/main_topborder.png) no-repeat 50% 0;
	float: left;
	width: 960px;
	height: 2px;
}

#bottom-border span
{
	visibility: hidden;
}

#footer
{
	float: left;
	width: 100%;
}

#footer-background
{
	background: url(../images/footer_background.png) repeat-y 0% 0%;
	float: left;
	width: 960px;
	min-height: 106px;
	height:auto !important; /* IE 6 min-height fix */
	height: 106px; /* IE 6 min-height fix */
}

#info
{
	float: right;
	font-size: 10px;
	color: #9c9c9c;
	padding: 20px 30px 0 0;
}