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

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px/20px;
	font-weight:normal;
	background-color:#FFFFFF;	
	color:#515151;
	
}


/*---body---*/

/*---BG---*/

.footerBG { background-image:url(../images/footerBG.jpg); background-position:bottom; background-repeat:repeat-x;}

.whitebarT{ background-image:url(../images/whitebarT.jpg); background-repeat:repeat-x;}
.whitebarL{ background-image:url(../images/whitebarL.jpg); background-repeat:repeat-y;}
.whitebarR{ background-image:url(../images/whitebarR.jpg); background-repeat:repeat-y;}
.whitebarB{ background-image:url(../images/whitebarB.jpg); background-repeat:repeat-x;}

/*---BG---*/

/*---list---*/

ul.disc {list-style-type:disc}
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ul.decimal {list-style-type:decimal}

/*---list---*/


/*---txt---*/

.maintxt{
   font-family:Arial, Helvetica, sans-serif;
   font-size: 13px;
   line-height: 17px;
   font-weight:normal;}
   
.maintxt a{
   font-family:Arial, Helvetica, sans-serif;
   color:#515151;
   font-size: 13px;
   line-height: 17px;
   text-decoration:none;
   font-weight:bold;}
   

.maintxt a:hover{
   font-family:Arial, Helvetica, sans-serif;
   color: #31363b;
   font-size: 13px;
   line-height: 17px;
   text-decoration:none;
   font-weight:bold;}
   
.currentNewsH{
   font-family:Arial, Helvetica, sans-serif;
   color:#31363b;
   font-size: 12px;
   line-height: 17px;
   font-weight:bold;}
   
.currentNewsH a{
   font-family:Arial, Helvetica, sans-serif;
   color:#31363b;
   font-size: 12px;
   line-height: 17px;
   text-decoration:none;
   font-weight:bold;}
   

.currentNewsH a:hover{
   font-family:Arial, Helvetica, sans-serif;
   color: #ffa633;
   font-size: 12px;
   line-height: 17px;
   text-decoration:none;
   font-weight:bold;}
   
.currentNews{
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 17px;
   font-weight:normal;}
   
.orangeH{
   font-family:Arial, Helvetica, sans-serif;
   color:#FF6600;
   font-size: 13px;
   line-height: 17px;
   font-weight:bold;}
   
.redH{
   font-family:Arial, Helvetica, sans-serif;
   color:#fe1034;
   font-size: 13px;
   line-height: 17px;
   font-weight:bold;}
   
.blackH{
   font-family:Arial, Helvetica, sans-serif;
   color:#000;
   font-size: 13px;
   line-height: 17px;
   font-weight:bold;}
   
.darkGreyH{
   font-family:Arial, Helvetica, sans-serif;
   color:#1f1f1f;
   font-size: 13px;
   line-height: 17px;
   font-weight:bold;}
   
.linkc-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;}
	
.linkc-txt a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;}

.linkc-txt a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;}

.linkO-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;}
	
.footer{ 
   font-family:Arial, Helvetica, sans-serif;
   color:#555555;
   font-size:12px;
   line-height: 17px;
   font-weight: normal;}
   
   
div.container {
	height: 100%;
	width: 750px;
	margin: auto;
	color: black;
	font: Arial, Helvetica, sans-serif;
}


div.body_container {
	height: 100%;
	width: 750px;
	margin-top: 20px;
}

div.title{				 /* logo placement */
	width: 700px;
	height: 100%;
	margin: auto;
	color: black;
	text-align: center;
	font: 900 25px Arial, Helvetica, sans-serif;
	padding-bottom: 10px
}


/* atcen orange word,currently at logo */
/*					
{
	font: 30px Arial Black, Helvetica, sans-serif;
	color: #FF9900;
}
*/



div.menu				 /* 5 selection */
{	background: orange;
	width: 730px;
	height: 20px;
	margin: 40px 0px 20px 15px;
}

div.menu ul li {
	display: inline;
	margin-right: 15px;
	font: 700 13px Arial, Helvetica, sans-serif
}


div.banner {			 /* flash banner container */
	margin: auto;
	width: 700px;
	height: 250px;
	background: black;
}

div.company_desc {		 /* writeup of atcen */
	width: 700px;
	height: 120px;
	margin: auto;
	font: 13px Arial, Helvetica, sans-serif;
	padding-top: 10px
}

/*
div.journey p {
	margin-top: 15px;
}*/

/*----------------- view by services/companies section --------------------------------*/

div.services_companies {
	width: 500px;
	height: 20px;
	padding: 10px;
	margin: 00px 0px 40px 100px
}

div.services_companies ul li{
	display: inline;
	margin-left: 90px;
	font: 15px Arial, Helvetica, sans-serif
}

div.left {
	width: 270px;
	height: 100%;
	float: left;
	margin-left: 5px;
	margin-bottom: 20px
}

div.left img {
	margin: 30px 0px 5px 0px;
}

div.right {
	width: 270px;
	height: 100%;
	float: right;
	margin-right: 5px;
	margin-bottom: 20px
}


div.sleft {
	width: 300px;
	height: 100%;
	float: left;
	margin-left: 80px;
}

div.sright {
	width: 300px;
	height: 100%;
	float: right;
	margin-right: 10px;
}


div.right img {
	margin: 30px 0px 5px 0px;
}

.company {  /* writeup of companies */
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center
}

div.company_link{  /* companies container */
	width: 310px;
	height: 230px;

}

div.company_link img{
	border: 0
}

div.company_link a:hover{
	text-decoration:none;
}

div.services { /* services container */
	width: 100%;
	margin: 0px 0px 40px 0px
}

div.services h4 {
	color: #FF6600
}

ul.people_brand {
	font: 12px Arial, Helvetica, sans-serif;
}

ul.people_brand li {
	padding: 2px;
	list-style: inside url('logo/parl.png')
}

div.mgt {
	width: 540px;
	height: 450px;
	margin: auto;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 20px;
	border: 1px double gray
}

div.mgt p{
	font: 900 12px Arial, Helvetica, sans-serif ;
	padding-bottom: 15px
}

span.mgt_details {
	padding:2px

}


p.sitelink a{
	font: 10px Arial, Helvetica, sans-serif;
}

/*----------------- our_story page --------------------------------*/
div.movie_content {
	width: 450px;
	height: 100%;
	float: left
	
}

div.movie {
	float: right
}

div.stories {
	width: 700px;
	height: 150px;
	margin: auto;
	font: 12px Arial, Helvetica, sans-serif;
	padding-bottom: 30px;
	padding-top: 50px;
}

div.stories p{
	padding-top: 10px

}
/*----------------- ATCEN milestones page --------------------------------*/

div.stories ol li{
	margin-left: 35px;
	padding-top: 5px
}

div.stories ol{
	margin-top: 10px;
}

p.year {
	font-weight: bold;
	color: orange
}

div.footer {
	margin-left:300px;
	margin-top: 50px;
	height: 20px;
	font:  10px Arial, Helvetica, sans-serif;
}



/*----------------- latest happenings section -------------------------------*/

div.eventbox{
	width: 650px;
	height: 300px;
	margin-left: 50px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px
}

div.eventbox img {
	margin-bottom: 10px
}


div.latest {
	width: 270px;
	height: 100%;
	float:left;
	padding: 5px;
	margin: 0px 30px 0px 25px
}

div.upcomings {
	width: 270px;
	height: 200px;
	float:left;
	padding: 5px;
}

p.h_title
{	
	padding-bottom: 8px;
	text-decoration:underline
}

p.h_title a:link {color: black; text-decoration: underline}     /* unvisited link */
p.h_title a:visited {color: black; text-decoration: underline}  /* visited link */
p.h_title a:hover {color: gray;}   /* mouse over link */
p.h_title a:active {color: orange}   /* selected link */








/*----------------- ATCEN happenings --------------------------------*/


div.wrapbox {
	border: 1px solid black;
	height: 100%
	}

div.frame {
	border-bottom: 1px dotted black;
	width: 700px;
	height: 100%;
	margin: auto;
	padding: 20px	;
	float: left
}

div.frame_textarea {
	width: 700px;
	height: 100%;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 30px
}

div.pic_area {
	width: 200px;
	height:150px;
	float: left;
	margin: 25px 0px 0px 40px;
	border: 1px dotted gray;
	padding: 2px
}

p.date{
	font-size: 11px;
	margin-bottom: 15px;
	color: #333333
}

p.news {
	margin-top:10px
}

div.frame h2 {
	color: #FF6600
}

div.frame_textarea span {
	font-weight: 700
}

.content-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.thcontent-txt {
	font-family: "Courier ProportionalThai";
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.link-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;

}

.linkb-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;

}

.small-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;

}
.atcenthai {
	font-family: "Angsana New";
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}