@charset "utf-8";
/* CSS Document */
html {
	height:100%;
}
body { 
	background-image:url(../images/background.jpg); 
	background-repeat:repeat-x; 
	background-color:#003366; 
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.top-header {
	width:831px;
	height:77px;
	margin:0 auto;
	background-image:url(../images/background-header.jpg);
	background-repeat:no-repeat;
}
a:link, a:visited, a:active {
	color:#666666;
	text-decoration:underline;
}
a:hover {
	color:#666666;
	text-decoration:none;
}
.clearfloat {
    clear: both;

}
/* ================================================ */
/*				 LANGUAGE MENU         				*/
/* ================================================ */
.menu_lang {
	height:21px;
	padding-left:630px;
}
.menu_lang ul {
	list-style:none; 
	padding-top:5px;
	margin:0;
	padding-left:0;
}
.menu_lang li {
	float:left; 
	margin-left:7px;
	white-space:normal;
	color:#cccccc;
}
.menu_lang img {
	float:left; 
	border:none;
	padding-top:2px;
	white-space:normal;
}
.menu_lang,
.menu_lang a,
.menu_lang a:visited,
.menu_lang a:active {
	font-size:0.95em;
	text-decoration:none;
	color:#003366;
}
.menu_lang a:hover {
	/*font-size:0.9em;*/
	text-decoration:underline;
	color:#003366;
}
/* ================================================ */
/*				    CONTENT         				*/
/* ================================================ */
.container_wrap {
	margin:25px auto 0 auto;
	width:643px;
}	

/* ================= MENU ========================= */
.menu_area {
	background-image:url(../images/background-menu.jpg);
	height:50px;
	padding-left:20px;
}
.menu_area ul {
	list-style:none; 
	margin:0; 
	padding:0;
}
.menu_area li,
.menu_area li a,
.menu_area li a:visited,
.menu_area li a:active 
 {
	/*padding-right:2px;*/
	float:left; 
	width:95px; 
	line-height:50px;
	/*height:46px; */
}
.menu_area li a:hover {
	/*padding-right:2px;*/
	/*float:left; */
	line-height:50px;
	width:95px; 
	height:50px; 
	background-image:url(../images/button_over.gif); 
	background-repeat:repeat-x; 
}
.menu_area a,
.menu_area a:visited,
.menu_area a:active 
 {
	line-height:50px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:white;
	font-size:11px;
	word-spacing:normal;
	letter-spacing:normal;
}
.menu_area a:hover {
	line-height:50px;
	text-align:center;
	text-decoration:none;
	color:white;
	font-weight:bold;
	font-size:11px;
	word-spacing:normal;
	letter-spacing:normal;
}
#menu_area_current {
	/*padding-right:2px;
	float:left; */
	width:95px; 
	height:50px; 
	background-image:url(../images/button_current.gif); 
	background-repeat:repeat-x; 
	color:black;
	text-align:center;
	font-weight:bold;
}
.banner_area {
	background-color:white;
	height:200px;
	padding:0 3px 4px 3px;
}
/* ================================================ */
/*				   MAIN  CONTENT        			*/
/* ================================================ */
.main_content_wrap {
	width:643px;
	background-image:url(../images/background_content.jpg);
	margin:0 auto;
	/*padding:0 3px;*/
}
.main_content_wrap2 {
	width:643px;
	background-color:white;
	margin:0 auto;

}
.main_content_closing {
	width:643px;
	background-image:url(../images/bottom_close.gif);
	margin:0 auto;
	height:18px;
}
.head_title {
	width:637px;
	margin:0 auto;
	height:39px;
	background-image:url(../images/head_title.jpg);
}
.head_title h1 {
	padding-left:45px;
	padding-top:4px;
	margin:0;
	font-size:24px;
	color:white;
}
/* ================ HOME LAYOUT =================== */
.welcome_note_l {
	float:left;
	width:327px;
	padding:20px 0 20px 20px;
}
.welcome_note_l h1 {
	font-size:42px;
	font-style:italic;
	color:black;
	margin:0;
}

.welcome_note_r {
	float:right;
	/*width:290px;
	padding:20px 0;*/
	text-align:right;
	padding-right:3px;
}
.home_bottom {
	width:637px;
	background-image:url(../images/bg_botom_home.jpg);
	background-repeat:repeat-x;
	background-color:white;
	/*height:129px;*/
	margin:0 auto;
}
.home_bottom_l {
	float:left;
	width:360px;
	padding:19px 0 10px 20px;
}
.home_bottom_l img {
	width:108px;
	border:#999 1px solid;
}
.home_bottom_l a:hover img {
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
}

.home_bottom_l h1,
.home_bottom_r h1
 {
	margin:0;
	font-size:18px;
	color:black;
	font-weight:bold;

}
.home_bottom_r {
	float:right;
	padding:19px 12px 10px 15px;
	width:229px;
}
.home_bottom_r_menu {
	width:229px;
}
.home_bottom_r_menu ul {
	list-style:none; 
	padding-top:2px;
	margin:0;
	padding:0;
}
.home_bottom_r_menu li {
	height:29px;
	margin:0;
	padding:0 0 3px 0;
}
.home_bottom_r_menu img {
	border:none;
}
.content_wrap {
	width:637px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/bg_content.jpg);
	background-repeat:repeat-x;
}
/* ================ ABOUT LAYOUT ================== */
.content_about_l
{
	float:left;
	background-image:url(../images/bg_side.jpg);
	background-repeat:repeat-x;
	width:145px;
	margin-bottom:0;
	/*padding-left:12px;*/
}
.content_about_l ul
 {
	line-height:2em;
	list-style:square;
	margin-top:20px;  
	margin-left:0; 
	margin-bottom:20px; 
	padding-left:25px;
}
.content_about_l a:link,
.content_about_l a:active,
.content_about_l a:visited
 {
	font-weight:bold;
	text-decoration:none;
	color:#003366;
}
.content_about_l a:hover {
	text-decoration:none;
	color:#006699;
}
#content_about_l_active {
	color:#999999;
	font-weight:bold;
}
.content_about_l_img

{
	width:128px;
	margin:0 auto;
}
.content_about_l_img img
{
	width:120px;
	border:#fff 3px solid;
}
.content_about_r {
	float:right;
	width:180px;
	margin:0;
	padding:0;
}
.content_about_center {
	margin:0;
	padding:15px 185px 10px 155px;
}
.content_about_center ol {
	line-height:1.7em;
}
.content_about_center li {
	padding-top:8px;
}
.content_about_center h2 {
	line-height:0.2em;
	font-size:18px;
}
.content_product_l {
	float:left;
	margin:0;
	padding:0 0x 10px 0;
	width:404px;
}
.product_intro {
	margin:0;
	padding-top:10px;
	padding-left:20px;

}
.product_images {
	margin:10px 0;
	padding:10px;
	width:405px;
	background-image:url(../images/bg_botom_home.jpg);
	background-repeat:repeat-x;

}
.product_images img {
	border: 2px solid #999999;
}
.product_images a:hover img  {
	border: 2px solid #ffffff;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
.content_product_r {
	float:right;
	width:197px;
	margin:0;
	padding:20px 5px 0 10px;
	background-image:url(../images/bg_side.jpg);
	background-repeat:repeat-x; 
}
.content_product_r h2 {
	font-size:14px;
	color:#003366;
	font-style:italic;
	font-weight:bold;
	margin:0;
	background-image:url(../images/dot.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}
.content_product_r ul {
	margin-top:5px;  
	margin-left:0; 
	margin-bottom:20px; 
	padding-left:25px;
}

/* ============== GALLERY PORTFOLIO ================ */
.content_portfolio {
	padding:20px;
	text-align:center;
}

.content_portfolio_l
{
	float:left;
	background-image:url(../images/bg_side.jpg);
	background-repeat:repeat-x;
	width:165px;
	margin-bottom:0;
	padding-right:10px;
	/*padding-left:12px;*/
}
.content_portfolio_l ul
 {
	line-height:1.5em;
	list-style:square;
	margin-top:20px;  
	margin-left:0; 
	margin-bottom:20px; 
	padding-left:25px;
}
.content_portfolio_l a:link,
.content_portfolio_l a:active,
.content_portfolio_l a:visited
 {	font-style:italic;
	text-decoration:none;
	color:#003366;
}
.content_portfolio_l a:hover {
	text-decoration:none;
	color:#006699;
}
#content_portfolio_l_active {
	color:#999999;
}


.content_portfolio_r {
	width:422px;
	float:right;
	background-image:url(../images/bg_content.jpg);
	background-repeat:repeat-x; 
	padding:10px 20px;
	min-height:100px;

}
.content_portfolio_r td {
	padding:5px;
	/*border:#cccccc 1px solid;*/
	background-color:#eeeeee;
}

.content_portfolio_r img {
	border:2px white solid;
}
.content_portfolio_r a:hover img  {
	border: 2px solid #006699;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
.content_portfolio_r_title {
	padding:0;
	margin:0;
	width:422px;
	border-bottom:#999999 1px dotted;
}
.content_portfolio_r h2 {
	margin: 0;
	padding-bottom:10px;
	font-size:18px;
	color:#006699;
	font-weight:bold;
	font-style:italic;
}
/* ==================  CONTACT  =================== */
.content_contact {
	padding:20px;
}
.content_contact table {
	width:100%;
	text-align:left;
}
.content_contact h1 {
	margin:0;
	font-size:18px;
}
/* ================================================ */
/*				   BOTTOM / FOOTER      			*/
/* ================================================ */	
.footer {
	width:643px;
	margin:20px auto 10px auto;
	text-align:right;
	font-size:11px;
	color:white;
}
.copyright {
	float:right;
	padding-bottom:10px;
	padding-top:5px;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
}
.footer a:link,
.footer a:active,
.footer a:visited {
	color:#FFCC00;
	font-size:10px;
	text-decoration:none;
}
.footer a:hover {
	color:#FFCC00;
	font-size:10px;
	text-decoration:underline;
}