/* 
Metro Template 
http://www.templatemo.com/preview/templatemo_363_metro 

@font-face {
  font-family: 'Designil Thai Font';
  unicode-range: U+0E00–U+0E7F;
} */

body {
    margin: 0;
    padding: 0;
    color: #000000;
		/*font-size: 17px; */
    line-height: 1.55em; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", 'K2D', sans-serif;
    background-color: #FFFFFF;
}
a, a:link, a:visited {
	color: #1505FF;
	font-size: 17px;
    font-weight: normal;
    text-decoration: none
}
a:hover {
    color: #FF0307;
	font-size: 17px;
    font-weight: 600;	
    text-decoration: none;
}
ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

h1 {
    font-size: 42px;
	font-weight: 500;
    margin: 0 0 30px;
    padding: 5px 0
}
h2 {
    font-size: 20px;
	font-weight: 600;
	color: #000000;
    margin: 0 0 0px;
    padding: 0px 0
}
h3 {
    font-size: 18px;
	font-weight: 600;
	color: #000000;
    margin: 0 0 0px;
    padding: 0;
}
h4 {
    font-size: 17px;
	font-weight: normal;
	color: #000000;
    margin: 0 0 0px;
    padding: 0;
}
h5 {
    font-size: 16px;
	font-weight: normal;	
	color: #000000;
    margin: 0 0 0px;
    padding: 0;
}
h6 {
    font-size: 14px;
	font-weight: normal;	
	color: #959595;
    margin: 0 0 5px;
    padding: 0 0 0 5px;
}
p {
	font-family:  "Lucida Sans Unicode", "Lucida Grande", 'K2D', sans-serif;
    font-size: 17px;
	font-weight: normal;
  	color: #000000;
    padding: 0;
    margin: 0 0 0 0
}
.clear {
    clear: left;
}

.list_bullet {
    margin: 0 0 10px 15px;
    padding: 0;
    list-style: none
}
.list_bullet li {
	color: #1505FF;
	font-size: 15;
	font-weight: 600;
    margin: 0 0 7px 0;
    padding: 0 0 0 20px;
    background: url(images/templatemo_list.png) no-repeat scroll 0 6px
}
.list_bullet li a {
	color: #1505FF;
	font-size: 15;
    font-weight: 600;
    text-decoration: none
}
.list_bullet li a:hover {
	color: #000000;
}
.no_bullet {
    margin: 0;
    padding: 0;
    list-style: none
}
.no_bullet li {
    margin: 0 0 20px 0;
    padding: 0
} 

a.header {
    display: block;
    font-weight: 700
}
.half {
    width: 473px
}
 .h20 {
    height: 20px
}

img {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0;
    border: none;
}
.img_border {
    background: none;
    padding: 4px;
    border: 4px solid #ccc
}
.img_nom {
    display: inline-block;
    margin-bottom: 15px
}
.img_fl {
    float: left;
    margin: 3px 15px 5px 0
}
.img_fr {
    float: right;
    margin: 3px 0 5px 15px
}
.left {
    float: left
}
.right {
    float: right
}
#templatemo_header {
    width: 963px;
    margin: 0 auto;
    padding: 20px 0;
}
#templatemo_main {
    width: 963px;
   /* height: 487px; */
	height: 500;
    overflow: hidden;
    margin: 0 auto;
}
#templatemo_footer {
    width: 963px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: right;
}
#content {
    overflow: hidden;
    width: 7000px;
    position: relative;
    height: 520px;
}
.section {
    position: relative;
    float: left;
    width: 963px;
    height: 530px;
    margin-right: 20px;
}
.section a.slider_nav_btn {
    position: absolute;
    top: 0;
    width: 50px;
    height: 46px;
    display: block;
    background-image: url(images/slider_nav_btn.jpg);
    text-indent: -10000px
}
.section a.home_btn {
    right: 50px;
    background-position: 102px 0
}
.section a.previous_btn {
    right: 100px;
    background-position: 0 0
}
.section a.next_btn {
    right: 0px;
    background-position: 50px 0
}
.box {
    float: left;
    margin: 0 10px 10px 0;
}
#home_about {
    width: 477px;
    height: 314px
}
#home_gallery {
	width: 476px;
    height: 314px
}
.home_box1 {
	width: 152px;
    height: 152px;
}

#home_gallery a {
    display: block;
    float: left;
    width: 152px;
    height: 152px;
    margin: 0 10px 10px 0
}
#home_gallery a.no_mr {
    margin-right: 0
}

#gallery {
}
#gallery li {
    width: auto;
    height: auto;
    float: left;
    background: none;
    margin: 0 10px 10px 0;
}
#gallery li a {
	display: block;
}
#gallery li a img  { }

#gallery li.no_margin_right { margin-right: 0 }

#contact_form {
    padding: 0;
    width: 330px
}
#contact_form form {
    margin: 0px;
    padding: 0px;
}
#contact_form form .input_field {
    width: 150px;
    padding: 5px;
	color: #000000;
    border: 1px solid #666;
    background: #ddd;
    margin-bottom: 10px;
}
#contact_form form label {
    display: block;
    font-size: 11px
}
#contact_form form textarea {
    clear: both;
    width: 320px;
    height: 120px;
    padding: 5px;
	color: #000000;
    border: 1px solid #666;
    font-family:  "Lucida Sans Unicode", "Lucida Grande", 'K2D', sans-serif;
    background: #ddd;
    margin-bottom: 10px;
}
#contact_form form .submit_btn {
    font-size: 16px;
    background: #ddd;
	color: #000000;
    cursor: pointer;
    border: 1px solid #666;
    padding: 5px 10px;
}
.no_mr {
    margin-right: 0
}
/* Root = Vertical, Secondary = Vertical */
ul#navmenu, ul#navmenu li, ul#navmenu ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 292px; /*For KHTML*/
    list-style: none;
}
ul#navmenu:after /*From IE 7 lack of compliance*/ {
    clear: both;
    display: block;
    font-size: 17px;
	font-weight: normal;
    content: ".";
    height: 0;
    visibility: hidden;
}
ul#navmenu li {
    float: left; /*For IE 7 lack of compliance*/
    display: block !important; /*For GOOD browsers*/
    display: inline; /*For IE*/
    position: relative;
}
/* Root Menu */
ul#navmenu a {
    border: 0px solid #000;
    border-right-color: #CCC;
    border-bottom-color: 1px #CCC;
    padding: 0 6px;
    display: block;
    background: none;
    color: #1505FF;
	font-size: 17px;
	font-weight: normal;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
    border: 1px solid #ddd;
    background: #ddd;
    color: #FB0005;
	font-size: 17px;
	font-weight: normal;
}
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
    background: #ccc;
    color: #1505FF;
	font-size: 17px;
	font-weight: normal;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
    background: #ddd;
	font-size: 17px;
	font-weight: normal;
    color: #FD0307;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {
    background: #ccc;
	font-size: 17px;
	font-weight: normal;
    color: #1505FF;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {
    background: #ddd;
	font-size: 17px;
	font-weight: normal;
    color: #FD0307;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {
    background: #ccc;
	font-size: 17px;
	font-weight: normal;
    color: #1505FF;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {
    background: #ddd;
	font-size: 17px;
	font-weight: normal;
    color: #1505FF;
}
ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 292px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
    display: none;
}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
    display: block;
}
#product_l {
    float: left;
    width: 480px;
}
#product_r {
    float: right;
    width: 483px;
    padding-left: 20;
}
#Header_logo {
    float: left;
    width: 963px;
    height: 140px;
}
#header_l {
    float: left;
    width: 160px;
}
#header_r {
    float: right;
    width: 803px;
}

#footer_l {
    float: left;
    width: 600px;
}
#footer_r {
    float: right;
    width: 363px;
}

#tabs {
}
#tabs ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
	}

#tabs {
	float:left;
	width:100%;
	height: 80%;
	font-size:80%;
	border-bottom:0px solid #2763A5;
	line-height:normal;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/tabright.gif") no-repeat right top;
	padding:5px 16px 4px 6px;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", 'K2D', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	font-family:  "Lucida Sans Unicode", "Lucida Grande", 'K2D', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#FFF;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% 0px;
	}