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

body{
	font-family: "Calibri", Rockwell, Trebuchet MS;
	}
	
	.cover{
	    height: 293px;
		background-position: top;
		margin-top: -8%;
		}

	.logo{
		margin-left:7%;
		margin-top:20px;
		}
	.title{	
		margin-left:1%;	
		width:350px;
		}
	
	.title-box{	
		width:350px;
		margin-top:20px;			
		}
		
	.details{
		    padding-top: 10px;
			float: none;
			width: 700px;
			height: 30px;
			overflow: auto;
			padding-left: 4%;		
			overflow:auto;
			padding-left:5%;
		}	
		
	.details_row1{width: 26%;float: left;}	
	.details_row2{width:17%; float:left;}	
	.details_row3{width:17%; float:left}	
	.details_row4{width:25%; float:left}

	.details_icon{width:30px; float:left}	
	
	.details_txt{width:auto; float:left;}	
		
	.index_contentrow1{
		width:65%;
		padding-top:50px; 		
		}
		
	.index_contentrow2{
		width:100%;
		margin-top:30px; 		
		}	
		
	.index_contentrow3{
		width:100%;
		margin-top:10px; 		
		}	
		
	.index_contentimg{
		width:33%;
		background-repeat:no-repeat;
		background-image:url(../images/subhash_m.png);	
		}	
		
.top_nav{padding-left:15px;}	
	
	.top_nav a{width:20%;}	
	
	.header{width:95%;}	

	.subnav{
		  width:50%;		  
		}
	
	.subnav ul{
	  overflow: hidden;
	 }
	
	.subnav li{
	  float: left;
	}	
	
	.ux_holder{
		width:100%;
		margin:0 auto;
		float:none;		
		}
		
	.ui_holder{
		width:90%;
		margin:0 auto;
		float:none;		
		}	
		
	.gd_holder{
		width:70%;
		margin:0 auto;
		float:none;
		overflow:auto;	
		}	
	
	.hues{height:250px; width:250px; margin:20px;}
	
	.category{height:250px; width:250px; margin:20px;}
	
	.smartworks{height:250px; width:250px; margin:20px;}
	
	.pitExpansion{height:250px; width:250px; margin:20px;}
	
	.plan{height:250px; width:250px; margin:20px;}
	
	.nps{height:250px; width:250px; margin:20px;}
	
	
	/* UI Projects */

.erm{height:250px; width:250px; margin:20px;}
	
.bridge{height:250px; width:250px; margin:20px;}
	
.cap{height:250px; width:250px; margin:20px;}	
	
.ges{height:250px; width:250px; margin:20px;}	
	
.mlp{height:250px; width:250px; margin:20px;}
	
.next{height:250px; width:250px; margin:20px;}		
	
.nps1{height:250px; width:250px; margin:20px;}	

	/* End of UI8*/
		
	.tools{		
			width:100%;
			text-align:left;
		}
	
	.skills{		
		width:100%;
		text-align:left;
		margin-top:20px;		
		}
		
	.toolskill_holder{
		padding-top:40px; 
		width:100%; 		
		}	
		
.contact_contentwrap{
	width:70%; 
	height:auto; 	
	margin-left:1px;	
	}	
	
.contact_pic{
	top:120px; 
	right:0px;
	background-image:url(../images/contact_m.png);
	height:480px;
	width:280px;
	}	
	
.exp_pic{
	position:absolute; 
	z-index:1; 
	top:220px; 
	left:0px;
	background-image:url(../images/expereince_m.png);
	background-repeat:none;
	height:480px;
	width:289px;
	}
	
.exp_contentwrap{
	width:60%; 
	float:left;	
	margin-top:10px;
	height:auto; 
	margin-left:270px;
	}
	
.my_profile{
	position:absolute; 
	z-index:1; 
	top:445px; 
	right:0px;
	background-image:url(../images/myprofile_bg_m.png);
	background-repeat:none;
	height:483px;
	width:300px;
	}	
	
.about_pic{
	position:absolute; 
	z-index:1; 
	top:170px; 
	left:0px;
	background-image:url(../images/aboutme_bg_m.png);
	background-repeat:none;
	height:526px;
	width:350px;
	}
	
.profile_pic{
	float:left;
	margin-top:1px;
	position:absolute;
	background-image:url(../images/profile_img2.png);
	background-repeat:none;
	height:407px;
	width:340px;
	}
	
.profile{
	font-size:60px; 
	font-family:/*Rockwell*/, "Arial";
	font-weight:bold; 
	line-height:75px; 
	color:#00a359;
	}	
	
.index_contentwrap{width:68%; margin-left:40px; height:450px;}

.index_contentrow2{width:75%;}			

.home_caption{left:70px; top:530px; width:90%;}	
	
.about_contentwrap{margin-top:100px; width:45%; margin-left:400px; }									
	
.footer-index{margin-top:115%;}
.footer-gd{margin-top:10px;}
.footer-about{margin-top:115%;}
.footer-profile{margin-top:134%;}
.footer-exp{margin-top:152%;}
.footer-contact{margin-top:26.5%;}