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

@media only screen and (min-width:600px){
	
	
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}	
	
/*headsection*/
.head{width:100%; height:auto; float:left;}
.head-inner{width:600px; height:auto; margin-left:auto; margin-right:auto;}
.head-logo{width:450px; height:60px; float:left; margin:15px 0px 0px  15px;}
.head-navigation{width:250px; background-color:#3399ff; float:left; height:100px; margin-top:0px;
	 margin-left:0px;
	}
.head-navigation ul{width:100%; height:auto; margin-top:30px; margin-left:-10px;}
.head-navigation ul li{width:auto; height:auto; padding:2px; background-color:#3399ff; text-align:center; color:#fff; display:inline; font-size:9px; text-transform:uppercase; transition:ease-in-out 1s; -webkit-transition:ease-in-out 1s; -moz-transition:ease-in-out 1s; -o-transition:ease-in-out 1s; -ms-transition:ease-in-out 1s;}
.head-navigation ul li:hover{border-bottom:solid 5px #F60; padding-bottom:10px;}
.menu_outer{ width:600px; margin-top:0px; float:left;}
/*end headsection*/	





.banner{width:100%; height:auto; background-color:#F60; overflow:hidden;}
	
	
#darsana1
{

	text-align:justify;
	padding-left:50px;
	padding-right:50px;
	font-size:16px;
	height:450px;
	float:left;
	overflow:scroll;
	
}	
	
	
	
	
	
	
/*content section*/
.contentsection{width:100%; height:180px; background-color:#fff;}
.contentsection-inner{width:580px; height:150px; background-color:#fff; margin-left:auto; margin-right:auto;  line-height:20px;  padding:0px;}
#darsana{font-size:20px;  text-transform:uppercase;  margin:10px 0px 10px 0px;}
/*end content section*/



/*blue section*/	
.bluesection{width:100%; height:800px; background-color:#3399ff;}
.bluesection-inner{width:550px; height:700px; margin-left:auto; margin-right:auto; background-color:#3399ff;}
.bluesection-inner-div{width:200px; height:190px; float:left; background-color:#; margin:10px 10px 10px 10px; color:#000; padding:20px;  transition:ease-in-out 1s; -webkit-transition:ease-in-out 1s; -moz-transition:ease-in-out 1s; -o-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;}
.bluesection-inner-div:hover{background-color:#fff; padding-left:25px;}	


.photo{width:260px; color:#fff;  font-family: 'Oswald', sans-serif; background-color:#333; height:50px; float:right; margin-top:5px; position:relative; font-size:16px;}
#photo{margin-left:35px; margin-top:15px;}
#bluesectionimg{padding:0px 20px; background-color:transparent;}	
/*end blue section*/



	.latestnews{width:550px; height:50px; background-color:#ccc; margin-left:auto; margin-right:auto; border-radius:5px;}
	
	
	
	
	
	
		/*footer*/
.footer{width:100%; height:50px; background-color:#2a2a2a;}
.footer-inner{width:550px; height:50px; margin-left:auto; margin-right:auto; overflow:hidden;}
.footer-inner-left{width:200px; height:20px;
 color:#fff; margin-top:20px;}
 .footer-inner-right{width:200px; float:right; height:30px; background-color:#; margin-top:-30px;}
 .footer-inner-right-img{width:auto; height:auto; padding:px; float:left;}

/*end footer*/	


	.gallery_outer{ width:270px; height:170px; float:left; text-align:center; color:#fff; margin:30px;}
.gallery_outerhead{color:#a2842a; font-size:15px; float:left;padding-bottom:20px;padding-top:5px; color:#fff;width:270px;text-align:center;}
.gallery_imgouter{ width:270px; float:left; background:#fff; padding:5px; margin-top:10px;}
	
	
	}