@charset "utf-8";
/* CSS Document for Joint-mix Development Co.*/
/* New Website design for 2009 */

/* Body of all Joint-mix Template */
body{width:990px; margin: 0 auto;}
/* Left-menu height and margin setting */
.p1 {
  padding: 1px 20px;
  padding-bottom:0.1cm;
  line-height:0.5cm;
}
.p1 a:hover { text-decoration: none; color:#00FF00; font-size:11px}
.p1 a:link { text-decoration: none; color:#666666; font-size:11px}
.p1 a:visited { text-decoration: none; color:#FF00AA; font-size:11px}

/* Margin setting for index picture */
.p2 {
  line-height:0.6cm;
  upadding:3px;
  padding: 0 15px;
}
/* Picture background for 150 x 150 px */
.box_1{ 
  background-image:url(./images/box_1.gif);
  background-repeat: no-repeat;
}
.line{ 
  background-image:url(./images/line.gif);
}
.bar_1{ 
  background-image:url(./images/bar.gif);
  background-repeat: no-repeat;
  background-position:0px 20px;
}
.left_background{
  background-image:url(./images/left_background.gif);
}

/* template 
#container {
  width: 990px;
  margin: 0 auto;
  float:left;
  margin-border: 1px solid #a5d2eb
}
*/

/* Font */
.hi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0000FF;
}
.hi a:hover { text-decoration: none; color:#0000FF; font-size:17px}
.hi a:link { text-decoration: none; color:#0000FF}
.hi a:visited { text-decoration: none; color:#00FFFF}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000FF;
}
.h2 a:hover { text-decoration: none; color:#0000FF; font-size:17px}
.h2 a:link { text-decoration: none; color:#666666}
.h2 a:visited { text-decoration: none; color:#00FFFF}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.content a:hover { text-decoration: none; color:#0000FF; font-size:14px}
.content a:link { text-decoration: none; color:#666666}
.content a:visited { text-decoration: none; color:#00FFFF}

.footer_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.footer a:hover { text-decoration: none; color:#00FF00; font-size:11px}
.footer a:link { text-decoration: none; color:#666666; font-size:11px}
.footer a:visited { text-decoration: none; color:#FF00AA; font-size:11px}

.product {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align:middle;
	text-align:center;
	
}
.product a:hover { text-decoration: none; color:#FF0000; font-size:11px}
.product a:link { text-decoration: none; color:#0000FF; font-size:11px}
.product a:visited { text-decoration: none; color:#0000FF; font-size:11px}

.input{
color : #FFFFFF;
font-size : 9pt;
font-family: Geneva, Arial, Helvetica, sans-serif;
background:url(./images/icon_3.jpg);
width: 97px;
height: 30px;
}

.input_product{
color : #FFFFFF;
font-size : 9pt;
font-family: Geneva, Arial, Helvetica, sans-serif;
background:url(./images/icon_1.jpg);
width: 97px;
height: 19px;
margin-left:20px;
}

.bigChange {color:blue; font-weight:bolder; font-size:175%;
letter-spacing:4px; text-transform: uppercase; background:yellow}
.start {
	color : #FFFFFF;
font-size : 9pt;
font-family: Geneva, Arial, Helvetica, sans-serif;
background:url(./images/icon_4.jpg);
width: 97px;
height: 30px;}

.start_product {
	color : #FFFFFF;
font-size : 9pt;
font-family: Geneva, Arial, Helvetica, sans-serif;
background:url(./images/icon_2.jpg);
width: 97px;
height: 19px;
margin-left:20px;
}