body  { background: #fff; padding: 0px; margin: 0px; font-family: 'Verdana';font-size: 12px;  }

html { height: 100%; color: #7A8172; }
img { border: none;} 

h1, h2 { font-family: "Trebuchet MS";}

a:link { text-decoration: none; color : #046dbe; border: 0px;}
a:active { text-decoration: underline; color : #046dbe; border: 0px;}
a:visited { text-decoration: none; color : #046dbe; border: 0px;}
a:hover	{ text-decoration: underline; color : #58b601; border: 0px;} 
a:focus { outline: none;}

/* Index Page */
.container { margin: 0 auto; color: #666; padding: 0px; text-align: left; width: 1000px; margin-top: 10px;}
/*\ IE/Win min height hack */ * html .content { height: 300px;} /* */ 
.content { background: #fff; padding: 0px; min-height: 300px;}

/*\ IE/Win min height hack */ * html .header .menu { margin-right: 30px;} /* */ 
.header .menu { position: absolute; top: 96px; right: 0; text-align: left; margin: 0; padding: 0; list-style: none;}
.header .menu ul { padding: 0px; margin: 0px;}
.header .menu li { padding: 0px; margin: 0px; list-style-type: none; display: inline; font-size: 10px; font-weight: bold;}

.header { padding: 0px; margin: 0px 0px 10px 0px; position: relative; }
.header h1 { text-indent: -10000px; padding: 0px; margin: 0px; }
.header h1 a { display: block; background: url(logo.jpg) no-repeat left top; height: 113px; }

#info { margin: 0px 0px 20px 0px;}
#info p { font-size: 11px; line-height: 15px; border-top: dashed 1px #c7d0d2; padding: 10px 0px 0px 0px; margin: 0px; color: #333;}

#info h2 { margin: 0px; padding: 10px 0px 3px 0px; font-size: 10px; color: #333; font-family: 'Verdana'}

.showSPAN { display: block; font-size: 11px; line-height: 14px; color: #808080; padding-top: 10px;}
.hideSPAN {display: none;}

.content .single { margin: 0px 0px 20px 0px;}
.content .single h2 { text-transform: uppercase; font-size: 14px; padding: 5px 0px; margin: 0px 0px 10px 0px; border-bottom: dashed 1px #ccc; color:#5ab704; }
.content .single img { padding: 1px; position: relative; margin: 0px; border: solid 1px #f1f1f1; background: #fff;}

.content .details { position: relative; margin: 0px 0px 10px 0px; }
.content .details h2 { font-size: 14px; padding: 5px 0px; margin: 0px 7px 5px 7px; border-bottom: dashed 1px #ccc; }
.content .details h3 { font-size: 16px; padding: 0px; margin: 0px; font-weight: normal;}
.content .details p { padding: 5px 0px; margin: 0px; font-size: 11px;}

/* Portfolio Screenshot */
.content .list { padding: 0px; margin: 0px; position: relative; }
.content .list h2 { text-transform: uppercase; font-size: 14px; padding: 5px 0px; margin: 0px 0px 10px 0px; border-bottom: dashed 1px #ccc; color:#5ab704; }
.content .list h3 { font-size: 14px; padding: 2px 0px; margin: 0px 0px 2px 0px;text-decoration: underline;}
.content .list ul { padding: 0px 0px 20px 0px; margin: 0px; width: 100%; float: left;} 
.content .list li { margin: 0px; padding: 0px; list-style-type: none; display: inline;}
.content .list li a { margin: 0px 8px 8px 0px; padding: 0px; float: left;}
.content .list a img { background: #fff; padding: 1px; margin: 0px; border: solid 5px #f1f1f1;}
.content .list a:hover img { background: #fff; padding: 1px; margin: 0px; border: solid 5px #191b1c;}
.content .list em { display: none;}

/* Portfolio Screenshot */
.content .list2 { padding: 0px; margin: 0px; position: relative; height:600px}
.content .list2 h2 { text-transform: uppercase; font-size: 14px; padding: 5px 0px; margin: 0px 0px 10px 0px; border-bottom: dashed 1px #ccc; color:#5ab704; }
.content .list2 ul { padding: 0px 0px 20px 0px; margin: 0px; width: 100%; float: left;} 
.content .list2 li { margin: 0px; padding: 0px; list-style-type: none; display: inline;}
.content .list2 li a { margin: 0px 8px 8px 0px; padding: 0px; float: left;}
.content .list2 a img { background: #fff; padding: 1px; margin: 0px; border: solid 5px #f1f1f1;}
.content .list2 a:hover img { background: #fff; padding: 1px; margin: 0px; border: solid 5px #191b1c;}
.content .list2 em { display: none;}


.contact { padding: 0px 7px;}
.contact h2 {font-size: 14px; padding: 5px 0px; margin: 0px; border-bottom: dashed 1px #ccc;}
.contact blockquote {padding: 0px; margin: 10px 0px; font-size: 11px;}
.contact form { padding: 0px; margin: 0px 0px 10px 0px;}
.contact p { padding: 5px 0px; margin: 0px;display: block;}
.contact label { padding: 0px; margin: 0px; }
.contact small {  font-size: 11px; width: 145px; float: left; padding-top: 6px; }
.contact input { padding: 2px; font-size: 11px; color: #666; border: inset 1px #ccc; font-family: 'Verdana';}
.contact select { padding: 2px; font-size: 11px; color: #666; border: inset 1px #ccc; font-family: 'Verdana'; }
.contact textarea { padding: 3px; font-size: 12px; color: #666; border: inset 1px #ccc; font-family: 'Verdana';}
.contact .checkbox { background: none;}
.contact .button { border: outset 2px #ccc; background: #f1f1f1; font-size: 10px; font-weight: bold;}

.footer { clear: both; margin: 0px;}
.footer p { font-size: 9px; padding: 8px 0px; margin: 0px; border-top: 1px #f1f1f1 solid;}
.footer a { color: #999;}
.footer a:visited { color: #999;}
.footer a:hover { color: #999;}

.column {
	float: left;
	position: relative;
	width: 120px;
	height: 170px;
}
.toplayer {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;}
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #5ab704;   
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; 
background: #5ab704; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #5ab704; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 
#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(http://saiyaithai.co.th/files/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(http://saiyaithai.co.th/files/bullet1.gif) no-repeat;
	font: bold
	sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(http://saiyaithai.co.th/files/bullet2.gif) no-repeat;
	font: bold
	sans-serif;
	color: #8b847b;
}
td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}


td.alt {
	background: #F5FAFA;
	color: #8b847b;
}