/* CSS Document */

body{
margin:0px 0px 0px 0px;
font:Tahoma;
font-family:Tahoma;
color:#333333;
font-size:12px;
line-height:18px;
}

/*head and menu*/

#head{
width:1000px;
height:111px;
background:url(images/masstec2_01.jpg);
}

#menu {
	float: none;
	width: 1000px;
	height: 22px;
	background-color:#000000;
}

#menu ul {
	margin: 0;
	padding: 0px 0 0 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	margin-right: 14.8px;
	padding: 6px 20px 4px 20px;
	letter-spacing: -.5px;
	text-decoration: none;	
	font:Tahoma;
	font-size: 11px;	
	color:#FFFFFF;
	font-weight:bold;
}

#menu a:hover { 
	text-decoration: none; 
	color:#FF6600;
	/*background-color:#FF9900;*/
}
/*end head and menu*/


/*  flash */

#box_flash{
width:1000px;
height:188px;
margin:auto;
float:none;
}

#flash {
	width:1000px;
	height:167px;
	float:none;
	background-image:url(images/masstec2_05.jpg);
	margin:auto;
	}

#line_flash{
	width:1000px;
	height:21px;
	float:left;
	background-color:#000000;
	margin:auto;
	}
	
/*#line2{
	width:1000px;	
	float:left;

	}*/
/* end flash  */


/*  left  */
#box_left{
width:200px;
height:auto;
float:left;
}

#head_what{
width:200px;
height:27px;
float:left;
background-image:url(images/masstec2_12.jpg);
background-repeat:no-repeat;
}

.pic_what{
width:200px;
height:auto;
float:left;
}

.detail_what{
width:200px;
height:auto;
float:left;
padding:5px 5px 5px 5px;
}
.slide{
width:200px;
height:auto;
float:left;
font-family:tahoma;
color:#333333;
font-size:13px;
padding:5px 5px 5px 5px;
}

#head_our{
width:200px;
height:27px;
float:left;
background-image:url(images/masstec2_22.jpg);
background-repeat:no-repeat;
}
/*  end left  */


/* right  */
#box_right{
width:200px;
height:auto;
float:left;
}

.head_right{
width:200px;
height:31px;
float:left;
background-image:url(images/masstec2_17.jpg);
}

/* end right */


/* center สีส้ม*/
#box_wel{
width:800px;
height:183px;
float:left;
background-image:url(images/masstec2_10.jpg);
background-repeat:no-repeat;
padding-top:3px;
}

.left{
font-family:tahoma;
font-size:12px;
width:575px;
height:183px;
float:left;
padding:0px 0px 5px 10px;
margin:0px;
color:#FFFFFF;
}


.right{
width:225px;
height:183px;
float:left;
margin:0px;
/*padding:5px 5px 5px 0px;*/
}

/*end สีส้ม*/

/*center*/

#box_detail{
width:575px;
height:465px;
padding:10px 10px 10px 5px;
background-image:url(images/masstec1_03.gif);
background-repeat:no-repeat;
float:left;
}

/* end center */

/* foot */
#foot{
width:1000px;
height:78px;
background-image:url(images/masstec2_32.jpg);
}
/*end foot*/


/*text */
h1{
font:Tahoma;
font-size:16px;
line-height:18px;
margin:0px 0px 0px 0px;
color:#FFFFFF;
}

h2{
font:Tahoma;
font-size:14px;
line-height:18px;
margin:0px 0px 0px 0px;
color:#FFFFFF;
}

h3 {
font:Tahoma;
font-size:12px;
line-height:18px;
margin:0px 0px 0px 0px;
color:#FFFFFF;
}

h4{
font:Tahoma;
color:#333333;
font-size:12px;
line-height:18px;
margin:0px 0px 0px 0px;
}

h5 {
font:Tahoma;
font-size:12px;
line-height:18px;
margin:0px 0px 0px 0px;
color:#333333;
}

h6{
font:Tahoma;
font-size:14px;
line-height:18px;
margin:0px 0px 0px 0px;
color:#fe6501;
}

.textdetail{
font-size:11px;
font-weight:bold;
color:#000000;
}

.more{
font-size:11px;
}
/*end text*/

/* link */

a {
	text-decoration:none;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	}
	

a:hover { 
	text-decoration: none; 
	color:#FF6600;
}




.more a {
	text-decoration:none;
	color:#3366FF;
	
	}
	

.more a:hover { 
	text-decoration: none; 
	color:#FF6600;
}



h4 a {
	text-decoration:none;
	color:#3366FF;
	padding-left:50px;
	}
	

h4 a:hover { 
	text-decoration: none; 
	color:#FF6600;
}



h5 a {
	text-decoration:none;
	color:#333333;
	font-size:11px;
	}
	

h5 a:hover { 
	text-decoration: none; 
	color:#fe6501;
}

.textbold{
	font:Tahoma;
	color:#333333;
	font-size:12px;
	line-height:18px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	padding-left: 0px;
}
.textbody{
font:Tahoma;
color:#000000;
font-size:12px;
line-height:18px;
margin:0px 0px 0px 0px;
/*padding-left:0px;*/
}


/*end text*/

/*line*/

#line1{
width:550px;
float:none;
height:30px;
}

.text {
	font:Tahoma;
	color:#333333;
	font-size:12px;
	font-weight: lighter;
	padding-left: 14px;
}
.texttaho {
	font:Tahoma;
	color:#333333;
	font-size:14px;
	font-weight: bold;
	padding-left: 1l4px;
}
.text10 {
	font:Tahoma;
	color:#000000;
	font-size:11px;
	font-weight: lighter;
	padding-left: 14px;
}
.foot {
	font-family:Tahoma;
	color:#FFFFFF;
	font-size:11px;
	font-weight: bold;
	padding-left: 14px;
}
