﻿/* CSS Document */

body {margin:0px; font:12px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/bg.gif) repeat-x; background-color:#480000;}

#container {margin:0px auto; width:1000px;}
.clear {clear:both;}


/**********************************************************************************************/



/***************************************************************/

#navigaition_panel {clear:both; background:url(../images/nav_gradient.gif) repeat-x 0 0; height:66px;}
.nav {margin:0px; padding:0px;}
.nav ul{margin:0px 0px 0px 0px; padding:0px;}
.nav ul li{margin:0px; padding:0 1px 0 3px; list-style:none; text-transform:uppercase; float:left; color:#fff; background:url(../images/nav_line.gif) no-repeat 0 2px; text-align:center; display:block;}
.nav ul li a{float:left; width:auto; margin:0px; padding:25px 20px 22px 22px ; text-decoration:none; color:#fff; background:url(../images/nav.gif) no-repeat 0 0; display:block; font-family:"Trebuchet MS",  Tahoma, "Arial Black", Times, serif; font-size:14px; font-weight:normal;}
.nav ul li a:hover{float:left; width:auto; margin:0px; padding:25px 20px 22px 22px ; text-decoration:none; color:#fff; background:url(../images/nav.gif) no-repeat 0 bottom; display:block}
.nav ul li a.show{float:left; width:auto; margin:0px; padding:25px 20px 22px 22px ; text-decoration:none; color:#fff; background:url(../images/nav.gif) no-repeat 0 bottom; display:block}
/**********************************************************/
#main_top_panel {clear:both; background:url(../images/top_bg.gif) repeat-x; background-color:#7d0000; width:1000px;}
#main_left_panel {float:left; width:485px; display:block; }
.logo_panel {margin:0px 0px 0px 0px; padding:0px;}
.logo_panel h1 {margin:20px 0px 0px 0px; padding:0px; font-size:40px;	font-family:"Trebuchet MS", Tahoma,  "Arial Black", Times, serif;}
.logo_panel h2 {margin:0px 0px 0px 0px; padding:0px; font-size:20px; font-style:italic;	font-family:"Trebuchet MS", Tahoma,  "Arial Black", Times, serif;}
.logo_panel p {margin:0px 0px 0px 0px; padding:0px 0px 0px 10px;	font-family:"Trebuchet MS",  Tahoma, "Arial Black", Times, serif;}

.left_top_panel { clear:both;  }
.top_panel {margin:5px 0px 0px 25px; padding:0px;  }
.top_panel h2 {
	margin:0px;
	padding:0px;
	font-size:26px;
	font-weight:normal;
	font-family: "Trebuchet MS", Tahoma, "Arial Black", Times, serif;
}
.top_panel h2 span { font-weight:normal;}
.top_panel h4 {margin:0px; padding:10px 0px 0px 0px; font-size:14px; font-weight: bold; }
.top_panel p {margin:0px; padding:5px 15px 15px 5px; line-height:22px; text-align: center; color: #c5d6ce;font-size: 14px; }
.top_panel p a { color:#ff0000;}
.top_panel p a:hover {text-decoration:none;}

#main_centre_panel {float:left; width:1000px; display:block; }

#main_right_panel {float:right; width:509px;}

/************************************************************************************/

#main_middle_panel {clear:both; width:1000px; background:url(../images/mid_bg.gif) repeat-x; background-color:#400001; }
.main_center {margin:0px auto; width:940px;}
.main_center a{color:#ecba00;}
.main_center h2 {	margin:0px;	padding:10px;color: #ffffff;	font-size:26px;	font-weight:normal;	font-family: "Trebuchet MS", Tahoma, "Arial Black", Times, serif;}
.main_center p {margin:0px; padding:5px 15px 15px 5px; line-height:22px; text-align:justify; color: #ffffff;font-size: 14px; }

#mid_top_panel {margin:0px; padding:0px;}
.mid_content_left {margin:10px 0px 0px 0px; padding:0px; display:block; float:left; width:940px;}
.mid_content_left h4 {margin:0px; padding:0px; font-size:14px; color:#ecba00;}
.mid_content_left p {margin:0px; padding:10px 0px 0px 0px; line-height:24px;}
.mid_content_left p a {color:#ecba00;}
.mid_content_left p a:hover {text-decoration:none;}


.mid_content_right {margin:70px 0px 0px 0px; padding:0px; display:block; float:right; width:200px;}
.mid_content_right ul {margin:0px; padding:0px;}
.mid_content_right ul  li{margin:0px; padding:0px; line-height:24px; list-style:none;}
.mid_content_right ul li a {margin:0px; padding:0px 0px 0px 14px; background:url(../images/bullet.gif) 0px no-repeat; color:#ecba00;}
.mid_content_right ul li a:hover {text-decoration:none;}
/***********************************/

#mid_box_panel {clear:both; padding-bottom:40px;}
#mid_box_news {clear:both; padding-bottom:10px; background-color:#fff; border:4px gray double;}
.top_box {float:left; width:310px; background:url(../images/mid_mid_box1.gif) repeat-y 0 0;}
.mid_box {float:left; width:310px; background:url(../images/mid_top_box1.gif) no-repeat 0 0;}
.bottom_box {float:left; width:310px; background:url(../images/mid_bottom_box.gif) no-repeat 0  bottom;} 

.box_details {margin:0px; padding:3px 10px 20px 10px;}
.box_details h3 {margin:0px; padding:0px; font-size:22px; font-weight:normal;}
.box_details p {margin:0px; padding:14px 0px 0px 0px; line-height:20px;}

.box_details ul {margin:5px 0px 0px 30px; padding:0px;}
.box_details ul li {margin:0px; padding:0px; list-style:none; line-height:26px;}
.box_details ul li a {margin:0px; padding:0px 0px 0px 14px;  background:url(../images/bullet.gif) 0px no-repeat; color:#ecba00;}
.box_details ul li a:hover {text-decoration:none;}
/*****************************************************************/
.mid_box_panel {float:left; width:310px; display:block; margin:0px 2px 0px 2px;}
.right_box_panel {float:left; width:310px; display:block; margin:0px 0px 0px 2px;}
.left_box_panel {float:left; width:310px; display:block; margin:0px 2px 0px 0px;}




/******************************/


#main_bottom {clear:both; background:url(../images/bottom_bg.gif) repeat-x;  }
.bottom {margin:0px; padding:30px 0px 20px 0px;}
.bottom h5 {margin:0px; padding:0px 0px 0px 0px; float:left; border:none;   font-size:12px; font-weight:normal; }
.bottom p{margin:0px; padding:0px 0px 0px 0px; color:#ecba00;  font-weight:normal; text-align:right; font-size:small;}
.bottom p a  { color:#ecba00;}
.bottom p a:hover { text-decoration: none ;}

/* inner pages css start */
h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}
.enrollment-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 10px;}
.career-img{float:left; border:4px solid #b0a48b;	margin:5px 0px 10px 10px;}
.sales-img{float:left; border:4px solid #b0a48b;	margin:5px 10px 10px 10px;}
h5{font:16px Myriad Pro, Arial, Helvetica, sans-serif; color:#cccccc; font-weight:normal; padding:15px 15px 5px 0px;	border-bottom:0px dotted #cccccc;	text-align:center;}
h6{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;font-family: "Trebuchet MS", Tahoma, "Arial Black", Times, serif; line-height:22px; font-size: 14px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.careersicon{float:left; margin:10px 10px 15px 10px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.contact-img{float:left; margin-left:10px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #fff; padding-bottom:10px; width: 95%;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.servicecolumn3{width:98%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn4{width:82%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn5{width:82%; float:left; margin:0px 0px 10px 0px; background-color:#fff; border:4px gray double;}
.servicecolumn6{width:13%; float:left; margin:0px 0px 10px 20px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-----  Index Portfolio  -----
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#index_portfolio { float: left; width: 1000px; margin: 0px 0 0px 0px; padding:0 0 0 0px; }
.sm { margin: 0; list-style:none; width:1000px; height:350px; display:block; overflow: hidden;padding:0 0 0 0px; }
.sm li {float:left; display:inline; cursor: pointer; width: 1000px; overflow: hidden;padding:0 0 0 0px; }
.sm li img { border: 0px; }
.index_port_item { float: left; overflow: hidden; cursor: pointer; position: relative; height: 350px; }
#index_portfolio .index_port_item a { width: 100%; height: 350px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 350px; float: left; position: absolute; display: block; }

#index_portfolio .index_port_item .caption { position: absolute; padding: 20px; float: left; }
#index_portfolio .index_port_item .caption h2 { font-weight: bold; }
#index_portfolio .index_port_item .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }

/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background:#ebebeb;}
/*header_text*/
.header_text { margin:0 auto; padding:0; width:991px; }
.header_text_blog { height:92px; width:991px; background: url(images/header_text_blog_bg.gif) top no-repeat; padding:0; margin:0;}
.header_text_blog h3 { width:300px; float:left; margin:0; padding:30px 0 0 40px; font: normal 36px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text_blog p span { text-align:left; width:340px; float:right; margin:0; padding:30px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#fffefe;}
.header_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:5px 0; margin:0; text-align:center;}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#848484; padding:0 0 20px 0; margin:0; text-align:center;}
/* navigation */
	#nav {
		background:#ddd url(/img/global/gradient/h300_reverse.png);
		border-bottom:1px solid #CCCCCC;
		height:133px;	
		width:945px;
	}
	
	#nav ul {	
		width:940px;
		margin:0;	
	}
	
	#nav li {	
		border-right:1px solid #ddd;
		float:left;
		padding-left:1px;
		width:200px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
	}
	
	#nav a {
		color:#333333;
		display:block;
		padding:3px;
		position:relative;
		word-spacing:-2px;
		font-size:10px;		
		height:122px;
		text-decoration:none;
	}	
	
	#nav a.current {
		background:url(/tools/img/tabs/down_large.jpg);	
	}
	
	#nav img {
		background-color:#fff;
		border:1px solid #ccc;
		margin:8px 0 5px 60px;
		padding:4px;		
		display:block;
	}
	
	#nav strong {
		display:block;		
		font-size:13px;
	}
	
	/* panes */
	#panes {
		border-color:#ccc;
		border-style:solid;
		border-width:1px 1px 0;
		width:943px;	
		height:550px;
		overflow-y:auto;
		margin-bottom:-20px;
		padding-bottom:0px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		top:20px;
		left:20px;
		font-size:13px;
		color:#444;	
		width:890px; 
	}
	
	#panes img {
		float:left;
		margin-right:20px;		
	}
	
	#panes p.more {
		color: #CCCCCC;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes h3 {
		margin:0 0 -5px 0;
		font-size:22px;
		font-weight:normal;
		color:#cccccc;

	}
	#panes li {
		font-size:13px;
		font-weight:normal;
		color:#cccccc;
 letter-spacing:.2em;
 padding:5px;

	}
	
	.overlay {
		display:none;
		width:600px;
		padding:20px;
		background-color:#ddd;
	}


