/* 
    Document   : index
    Created on : Sep 19, 2014, 8:25:00 PM
    Author     : Manish
    Description:
        Purpose of the stylesheet follows.
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background: #fff;
}
.outer-header{
    width: 100%;
    height:114px;
    background:url("../images/header_bg.png") repeat-x;
}
.header{
    /*margin: auto;*/
    width:980px;
    height:114px;
    /*background:url("../images/header_bg.png") repeat-x;*/
    
}
 #menu #m1 a{
    color: #000;
	background: url(../images/button_hover.png) bottom no-repeat;
}
#menu{
    clear: both;
	width: 100%;
	height: 41px;
	margin: 0 auto;
	background: url(../images/b_bg.png) repeat-x;
}
#menu_ele{
    	width: 1100px;
	height: 41px;
	margin: 0 auto;
        
}
#menu_ele ul{
        margin: 0 0 0 28px;
	padding: 0px;
	list-style: none;
}
#menu_ele ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
        
}
#menu_ele ul li a {
	float: left;
	display: block;
	height: 23px;
	width: 128px;
	padding: 13px 0 0 0;
	background: url(../images/menu1.png) bottom no-repeat;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;	
	font-weight: bold;
	outline: none;
        margin-right:25px;
}
#menu_ele li a:hover, #templatemo_menu li .current {
	color: #000;
	background: url(../images/button_hover.png) bottom no-repeat;
}
#container{
       clear: both;
	width: 980px;
	margin: 0 auto;
        
}
#content{
	width: 900px;
        height: 825px;
	margin: 30px;
	padding: 10px;
	border: 1px solid #c3c4c5;
	background: #d8d7d7;
}

.project_slideshow {
    float:left;
   width:540px;
   height: 270px;
   padding:10px;
   border:2px white solid;
   background: #d97a01;
}

.slider{
        margin-top: 4px;
        width: 540px;
	height: 270px;
       overflow: hidden; 
}

.project_content {
	float: left;
	width: 313px;
	height: 270px;
	padding: 10px;
        background: #d45a01;
        overflow: hidden;
         border-right: 2px white solid;
         border-top: 2px white solid;
         border-bottom: 2px white solid;
}
.welcome-text{
    
    clear: both;
    float: left;
    width:545px;
    height: 500px;
    background: white;
    padding:10px;
   position: relative;
   top:10px;
}    
    
.wel-title{
    margin-top:30px;
    margin-left: 30px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 30px;
    
    font-size: 22px;
    letter-spacing: 2px;
    color: black;
    background: url("../images/underline.jpg") no-repeat left bottom;
    
}
.welcome-text p{
     margin-left: 30px;
    line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
}
.section{
  position: relative;
    padding: 10px 40px 20px 40px;
margin-bottom: 20px;
background: url("../images/middle.jpg") repeat-y;
}
.section p{
    margin-left:0px;
    margin-right: 20px;
    margin-top: 20px;
}
.top{
    position: absolute;
width: 510px;
height: 22px;
top: 0px;
left: 0px;
background: url("../images/top.jpg") no-repeat;
}
.bottom{
    position: absolute;
width: 510px;
height: 22px;
bottom: 0px;
left: 0px;
background: url("../images/bottom.jpg") no-repeat;
}

.news-section{
    margin-top: 10px;
    float: left;
    width:333px;
    height:500px;
/*    border: 1px red solid;*/
}
.news-top{
    padding:40px 0px 20px 0px;

background: #EEE url("../images/content_right_column_bg.jpg") repeat-y left;
}
.news_events{
    font-size: 18px;
    letter-spacing: 2px;
    color: black;
    height: 20px;
    padding: 10px 20px;
    margin-bottom: 20px;
    background: url(../images/templatemo_side_header_bg.jpg) repeat-x;

}
.logo{
    float:left;
     margin-left:220px;
     margin-top:7px;
    border: 0px red solid;
    box-shadow:0 0 15px rgba(0,0,0,.7);
    background:#FFF;
}
.news-containts{
    height:354px;
    width:260px;
    padding:20px;
    padding-left:0px;
    border: 3px white solid;
    overflow: auto;
    line-height: 20px;
    margin-left: 10px;
}
.news-containts li:first-child{
    margin-top: -20px;
}
.news-containts li{
    margin-bottom:10px;
}



.footer{
    width:100%;
    height:65px;
    padding-top: 7px;
    padding-bottom: 15px;
    
        
    /*background: url("../images/footer.png") repeat-x bottom;*/
/*    background: #a3a3a3;
    background: #E8E6E6;
    background: #D8D8D8;*/
    /*background: #D1D1D1;*/
    background: #B6B3B3;
    
}

.footer-cont{
    height: 65px;
    width: 920px;
    margin: auto;
}


.footer a{
    text-decoration: none;
}
.footer p a:hover{
 
    text-decoration:underline;
}

.footer-left{
    float:left;
    width: 410px;
    height: 65px;
}
.footer-right{
    float:right;
    width: 410px;
    height: 65px;
}




.line{
    margin-top:-30px;
    border: 0px red solid;
    height: 2px;
    
    background:url("../images/line.jpg") repeat-x 50%;
    }