/* CSS 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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; font-family: Thonburi, "Century Schoolbook", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}

caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";} 

body,p,td,th,ul,li{ color: #fff; font-family: "Century Schoolbook", Arial, Tahoma; font-size: 12px; line-height: 15px; }
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #888888; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #333; }
p {
margin: 0 0 0; color:#fff;
}
a img { border:0 none;}

body { background:url(images/bg-body.jpg) repeat-x #403f3f; padding-bottom:20px;}
#wrapper { width:719px; margin:0 auto; background: url(images/body-wrapper.jpg) #000 repeat-x; padding:0 90px 30px 91px;}
#logo { text-align:right;}
#texthead { margin:0; width:250px; float:left; padding:68px 0 0 0;} 
#texthead ul { margin:0; padding:0;}
#texthead li { float:left; font-size:18px; font-weight:bold; color:#fff; line-height:20px;}
#texthead li img { margin:0 20px;}
#texthead li.nospace img { margin:0;}
#wrapper .line { padding:0 0 20px 0;}
#content { width:719px; padding:0 0 20px 0;  }
#nav { width:719px; margin:0;}
#nav ul { padding:0; margin:0;}
#nav li { margin:0; padding:0; float:left;}
#nav li a { display:block; color:#CCC; font-size:15px; padding:0 50px 20px 52px;}
#nav li a.select {color:#4b4b4b;}
#nav li a:hover { color:#4b4b4b;}
#product { border:1px solid #b8b8b8; width: 677px; padding:20px; background-color:#333; }
#contact { border:1px solid #b8b8b8; width: 677px; padding:20px; background-color:#333;}
#contact p { font-size:11px; margin:0 0 15px 0; line-height:20px; color:#fcfcfc;}
#contact p img { border: 5px solid #000; margin:0 0 5px 0;}
#contact td { padding:0 0 10px 0; vertical-align:top; color:#fcfcfc;}
#contact table { width:400px; margin:0 0 0 25px}

#footer { text-align:center; font-size:10px;}

/************************M2***************************/
#slideshow {
    width:633px; border: 1px solid #b9b9b9; margin:0 auto;
    position:relative;
    height:400px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
   ;
}

/***************************ABOUT************************/
/*preload classes*/ 
#stripViewer { position: relative; overflow: hidden; border-top: 5px solid #ff0000; margin: 0 0 1px 0; } 
#stripViewer ul 
{ /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0;
	 width: 1%; list-style-type: none; } 
#stripViewer ul li { float:left; }
#stripTransmitter { overflow: auto; width: 1%; } 
#stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
#stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
#stripTransmitter a
{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; text-decoration: none; display: block; background: #ff0000; color: #fff; }


#stripTransmitter.current1 li#s1 a {background: #fff; color: #ff0000;}
#stripTransmitter.current2 li#s2 a {background: #fff; color: #ff0000;} 
#stripTransmitter.current3 li#s3 a {background: #fff; color: #ff0000;} 
#stripTransmitter.current4 li#s4 a {background: #fff; color: #ff0000;} 
#stripTransmitter.current5 li#s5 a {background: #fff; color: #ff0000;} 
#stripTransmitter.current6 li#s6 a {background: #fff; color: #ff0000;} 
#stripTransmitter.current7 li#s7 a {background: #fff; color: #ff0000;}  

#stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } /*tooltips formatting*/
li#p1 { display: block;}
li#p2 { display: none;}
li#p3 { display: none;}
li#p4 { display: none;}
li#p5 { display: none;}
li#p6 { display: none;}
li#p7 { display: none;}