/* CSS Document */

*
{ 	margin: 0px;
	padding: 0px;
	background: white;
}

a:link {color: black; text-decoration: none}     /* unvisited link */
a:visited {color: black; text-decoration: none}  /* visited link */
a:hover {color: orange;}   /* mouse over link */
a:active {color: orange}   /* selected link */


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
}

ul.disc {list-style-type: disc}