@charset "utf-8";
/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none;  }


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	line-height: normal;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #45b3d2;

	}

/* ----- Start Code ติดริบบิ้น ----- */
/*
.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}


.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }
/* End Code ติดริบบิ้น*/

blockquote { 
	margin-left:10px; 
	margin-right:10px;
	}

h1	{
	font-size:1.4em;
	color:#FFF;
	line-height: normal;
}
h2	{
	font-size:1.2em;
	color:#FFF;
}
h3	{ font-size:1.0em; color:#604858; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{
	color: #FFF;
	outline: none;
	text-decoration: underline;
}
a:hover,a:active	{
	color: #92ECF7;
	text-decoration: none;
	outline: none;
}

/* ----- classes ----- */

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	}
	
img.img-new {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	margin-left: -7px;
	margin-bottom: 0px;
	}
	
img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}
	
img.img-right { 
	float:right; 
	margin:5px 0 10px 10px; 
	}

.divider {
	height: 1px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	background-image: url(../images/divider.gif);
	background-repeat: repeat-x;
	width: 530px;
	}

.case {
	font-weight:bold;
	text-align:center;
	}

/* ----- global form elements ----- */ 

form {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}


/* framework
 * ------------------------------------------------------------------------- */

#wrap {
	width: 950px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
#masthead {
	position: relative;
	height: 120px;
	}
	/* index page link within #masthead */		
	#masthead a {
	position: absolute;
	left: 42px;
	width: 192px;
	top: 14px;
	height: 92px;
		}
	#masthead a span {
		display:none;
		}
		
 /* ----- content ----- */

#content {
	width: 910px;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-bottom: 5px;
	}
			
#settrade {
	height: 108px;
	width: 200px;
	position: absolute;
	z-index: 2;
	left: 624px;
	top: -172px;
				
			}
			
#eng_thai {
	height: 23px;
	width: 108px;
	position: absolute;
	z-index: 2;
	left: 838px;
	top: -109px;
			}
  
  
/* ----- Index ----- */

#home_content {
	width: 910px;
	float: left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-bottom: 5px;
	}
	
#home_content p {
	margin-bottom: 5px;
	}
	
#menu_left {
	width: 220px;
	float: left;
}

#about {
	width: 900px;
	height: 443px;
}

#about_left {
	width: 230px;
	float: left;
}

#about_left p {

}

#about_right {
	width: 350px;
	float: left;
	padding-left: 5px;
}

#about_right p {
	font-size: 12px;
	line-height: 17px;
	color: #FFF;

}

.services_text {
	font-size: 12px;
	line-height: 17px;	
}

.services_text2 {
	font-size: 15px;
	line-height: 17px;	
}

#projects_column {
	float: left;
	width: 500px;
}



/* ----------------------- Index page subsection ------------------------- */

#bottom_content {
	width: 910px;
	height: 200px;
	background-image: url(../images/bottom_bg.png);
	background-repeat: no-repeat;
}


#col {
	width: 335px;
	float: left;
}

#col h1 {
	font-size: 15px;
	color: #FFFFFF;
	line-height: normal;
	margin-left: 20px;
	margin-top: 5px;
}

#col p {
	font-size: 12px;
	line-height: 14px;
	color: #275A89;
	margin-top: 15px;
	margin-left: 25px;
}

#col ul {
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
}
		#col ul li {
	padding-left:-10px; /* pushes text to the right to display bg img */
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 10px;
			}
			
#col a:link	{
	color: #000000;
	outline: none;
	text-decoration: none;
}
			
#col2 {
	width: 335px;
	float: left;
	margin-right: 20px;
}

#col2 h1 {
	font-size: 15px;
	color: #FFFFFF;
	line-height: normal;
	margin-left: 20px;
	margin-top: 5px;
}

#col2 p {
	font-size: 12px;
	line-height: 14px;
	color: #275A89;
	margin-top: 15px;
	margin-left: 25px;
}

#col2 ul {
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
}
		#col2 ul li {
	padding-left:-10px; /* pushes text to the right to display bg img */
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 10px;
			}
			
#col2 a {
	color: #275A89;
	text-decoration: none;
}

#third_col {
	width:273px;
	float:left;
}

#third_col h1 {
	font-size: 20px;
	color: #FADD17;
	line-height: 21px;
}

#third_col p {
	font-size: 12px;
	line-height: 15px;
	color: #FFF;
	margin-top: 5px;
}

/* ----- Single Column ----- */

#single-column {
	float: left;
}

#single-column p {
	margin-bottom: 15px;

}

.page_header {
	background-image: url(../images/board_bg.jpg);
	background-repeat: no-repeat;
	height: 28px;
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 8px;
	width: 510px;
	float: none;
	font-size: 15px;
	line-height: normal;
}

/* ----- Board ----- */

#board_left {
	float: left;
	width: 550px;
	
}

#board_left p {
	line-height: 21px;
}
	
.board {
	background-image: url(../images/board_bg.jpg);
	background-repeat: no-repeat;
	height: 28px;
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 8px;
	width: 510px;
	float: left;
	font-size: 15px;
	line-height: normal;
}

#board-column-1 {
	float: left;
	width: 210px;
	margin-left: 20px;
}

#board-column-2 {
	float: left;
	width: 300px;
	
}

/* ----- Investor ----- */

#investor_right {
	float: left;
	width: 480px;
	
}

#investor_right p {
	line-height: 21px;
	margin-bottom: 15px;
}

.generic_box {
	position: relative;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	left: 0px;
	
}
		
/* ----- contact-column ----- */

#contact-column-left {
	width:325px;
	float:left;
	}
	
#contact_right {
	width: 325px;
	float: left;
	margin-left: 15px;
	}
	
#contact_right p {
	margin-bottom: 15px;
	}			

/* ----- column-left ----- */

#column-left {
	width:497px;
	float:left;
	}
	
	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0 28px 10px 61px;
		}
		#column-left .img-right { margin-right:28px; }
		
	body#index #column-left .title {
			height:26px;
			background:url("file:///D|/penettrate/images/title-choose.jpg") 59px 0px no-repeat;
			}
	#column-left form { margin-left:28px; }
	
	/* single column list */
	#column-left ul { padding-left:5px; }
		#column-left ul li { 
			background:transparent url("file:///D|/penettrate/images/bullet-left-column.jpg") 0px 6px no-repeat;
			padding-left:10px; /* pushes text to the right to display bg img */
			}

			#column-left ul li.ul-sub { 
			background:transparent url("file:///D|/penettrate/images/bullet-left-column.jpg") 11px 6px no-repeat;
			padding-left:21px; /* pushes text to the right to display bg img */
			}
			
			#column-left ul li#indent-list { 
			background:transparent url("file:///D|/penettrate/images/bullet-left-column.jpg") 11px 6px no-repeat;
			padding-left:21px; /* pushes text to the right to display bg img */
			margin-left:15px;
			}
			


/* ----- column-right ----- */

#column-right {
	width: 275px;
	float: left;
	padding-left: 55px;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0 60px 10px 39px;
		}
			#column-right p.call{
				font-size:12px;
				color:#604858;
				font-weight:bold;
				}
		#column-right .title-ul {
			margin-bottom:3px;
			text-transform:uppercase;
			}
	#column-right form { margin-left:39px; }

	/* single column list */
		#column-right ul li { 
			background:transparent url("file:///D|/penettrate/images/bullet.jpg") 0px 6px no-repeat;
			padding-left:10px;  /* pushes text to the right to display bg img */
			}
		#column-right img a:link,a:visited {
			border:none;
			outline:none;
		}
		
		#column-right .center {
			margin-right:20px;
			text-align:center;
			padding:0px 0 10px 0;
			}
	
		#patient-form {
			background:url("file:///D|/penettrate/images/patient-form.jpg") no-repeat;
			height:43px;
			margin-left: 41px;
			margin-top:20px;
					}
				#patient-form a {
					height:43px;
					width:194px;
					position: absolute;
						}
	
				#patient-form a:hover{ background: transparent url(file:///D|/penettrate/images/patient-form-02.jpg) ; }	
				#patient-forma span { display:none;}
				
		#right #sponsors {
			margin-top: 25px;
			}
			
		body#index #right {
			text-align: center;
			}
			
		#citibank{
			background:url("file:///D|/penettrate/images/citybank-btn.png") no-repeat;
			height:43px;
			margin:20px auto 0px auto;
			padding-bottom:10px;
			width: 194px;
			}
			
				#citibank a {
					height:43px;
					width:194px;
					display: block;
					}
	
				#citibank a:hover{ background: transparent url("file:///D|/penettrate/images/citybank-btn-2.png") ; }	
				#citibank a span { display:none;}

		#wf{
			background:url("file:///D|/penettrate/images/wf-btn.png") no-repeat;
			height:43px;
			margin:20px auto 0px auto;
			padding-bottom:10px;
			width: 194px;
			}
			
				#wf a {
					height:43px;
					width:194px;
					display: block;
					}
	
				#wf a:hover{ background: transparent url("file:///D|/penettrate/images/wf-btn2.png") ; }	
				#wf a span { display:none;}
				
		#carecredit{
			background: url("file:///D|/penettrate/images/care-credit.png") no-repeat;
			height: 43px;
			margin: 10px auto 0px auto;
			width: 215px;
			}
			
	#call {
		background:url("file:///D|/penettrate/images/btn-click-to-call.jpg");
		height:63px;
		width:290px;
		}
				#call a {
					height:40px;
					width:210px;
					margin:10px 0 0 30px;
					position: absolute;
						}
	
				#call a:hover{ }	
				#call a span { display:none;}
				
				
.bblogo {
margin:30px 0 0 25px;
}				

#index-right-top {
margin: 8px 0 10px 5px;

}

/* ----------------------- Index page subsection ------------------------- */
#index-sub {
	background:url("file:///D|/penettrate/images/bg-index-sub.jpg") 33px 0 repeat-y;
	float:left;
	}
	#index-sub p{ margin-bottom:10px; }

#left, #right {
	width:406px;
	float:left;
	}

#left { background:url("file:///D|/penettrate/images/bg-index-sub-left.jpg") 33px 0 no-repeat; }
	#left .img-left { margin:0 10px 0 60px; }
	#left p { margin-left:60px; margin-right:25px; }
	#left #orgs { margin:18px 0 18px 57px; }
#right { background:url("file:///D|/penettrate/images/bg-index-sub-right.jpg") no-repeat; height: 249px;}

.title { height:84px; }
	#left .title {  background:url("file:///D|/penettrate/images/title-index-sub-left.jpg") 59px 23px no-repeat; }
	#right .title {
		height:122px;
		background:url("file:///D|/penettrate/images/title-index-sub-right.jpg") 31px 38px no-repeat; }
#right form {
	float:left;
	margin:0 22px 0 32px;
	}
	#right p { margin:0 55px 16px 32px; }
		#right p.call {
			font-size:12px;
			color:#604858;
			font-weight:bold;
			margin:10px 0 0 20px;
			}
	#right .quick-contact-text { clear:left; }

	#call-index {
		background:url("file:///D|/penettrate/images/btn-click-to-call.jpg");
		height:63px;
		width:225px;
		}
				#call-index a {
					height:40px;
					width:210px;
					margin:10px 0 0 30px;
					position: absolute;
						}
	
				#call-index a:hover{ }	
				#call-index a span { display:none;}

/* ----------------------- END Index page subsection ------------------------- */

/* ----- bottom-wrap ----- */
#bottom-wrap {
	background:url("file:///D|/penettrate/images/bottom-wrap.jpg");
	height:72px;
	clear:both;
	width:100%; /* fix for Safar */
	}


/* footer
 * ------------------------------------------------------------------------- */
 
#footer_sitemap {
	width:675px;
	color:#17316c;
	float: left;
	text-align: center;
	}

#footer_sitemap p {
	font-size: 11px;
	line-height: normal;
	margin-bottom: 10px;
	}

#footer_sitemap a:link, #footer_sitemap a:visited, #footer_sitemap a:hover, #footer_sitemap a:active {
	color:#17316c;
}

#footer_sitemap ul {
	margin-top:10px;
	font-size: 11px;
}

#footer_sitemap li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #17316c;
	}

	#footer_sitemap li.first { border: none; }
	
#footer {
	width: 950px;
	color: #000000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}

#footer p {
	font-size: 11px;
	line-height: normal;
	margin-bottom: 15px;
	}
	
#footer a:link{
	color: #15406d;
	text-decoration: none;
	outline: none;
}


/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav {


	}