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

body{
	font-family: "Calibri", Rockwell, Trebuchet MS;
	}
	
	.page{width:90%;}

	.header{overflow:hidden; height:50px;}
	
	.content_frame{
		float:left; 
		width:100%; 
		margin-top:10px; 
		margin-left:10px;
		}	
		
.header_frame{
	float:left; 
	width:95%; 
	margin-top:10px; 
	margin-left:10px;
	height:50px;
	}
	
.profile_icon{
	float:left;
	background-image:url(../images/rs_icon.png);
	height:40px;
	width:40px;
	background-repeat:no-repeat;
	}	
		
	
.profile_pic{
	float:left;
	margin-top:1px;
	position:absolute;
	background-image:url(../images/profile_img2.png);
	background-repeat:none;
	height:407px;
	width:340px;
	}	
	
.profile_bg{
	top:463px; 
	left:0;
	background-image:url(../images/profile_bg2.png);
	background-repeat:none;
	height:200px;
	width:177px;
	}		

.about_pic{
	position:absolute; 
	z-index:1; 
	top:70px; 
	left:0px;
	background-image:url(../images/aboutme_bg_m.png);
	background-repeat:none;
	height:372px;
	width:350px;
	}	
	
	
.exp_pic{
	position:absolute; 
	z-index:1; 
	top:60px; 
	left:0px;
	background-image:url(../images/expereince_m.png);
	background-repeat:none;
	height:480px;
	width:289px;
	}		
	
.contact_pic{
	top:90px; 
	right:0px;
	background-image:url(../images/contact_m.png);
	height:480px;
	width:280px;
	}		
		
	
	
.certificates{	
	margin-left:30px;
	}		 
  		
	.logo{	
	margin:0 auto;
	margin-top:10px;
	float:none;
	}	
	
	.title{				
		margin:0 auto;
		float:none;
		width:95%;
		height:80px;
		}	
		
	.title-box{		
		width:90%;
		height:60px;
		margin:0 auto;
		font-size:30px;	
		line-height:30px;					
		}	
		
	.sub-title{	font-size:12px; line-height:18px;}	
			
	.details{
		width:80%;
		height:25px;	
		margin-top:1px;
		margin:0 auto;
		}
	
	.details_row1{width: 55%;float: left;}	
	.details_row2{width:17%; float:left;}	
	.details_row3{display:none}	
	.details_row4{display:none}	
	
	.details_icon{display:none}	
	
	.details_txt{width:85%; float:left; line-height:24px}	
	
	.home_caption{left:40px; top:410px; width:360px; }
	
	.top_nav{padding-left:10%; display:none;}	
		
	.sub_nav{
	height:40px;
	padding-left:5px; 
	margin-left:45px;
	margin-top:20px;
	width:100%;		
	}	
	
	.sub_nav a{		
	line-height:20px;	
	width:30%;	
    }
	
.m_nav{
	display:block;			
	text-align:center; 
	width:48%;
	margin:0 auto;
	line-height:40px;
			
	}	
	
.m_nav a{	
	color:#0c0c0c;
	line-height:50px;	
	width:50%;
	text-align:center;
	float:left;
	text-decoration: none;
    /*color: red !important;
    border-bottom: 1px solid red !important;
    background-image: none !important;*/
	}	
	
.m_nav_line{
		float:left; margin-top:-45px; margin-left:56px; border-bottom:2px solid; width:70px; color:#00a359;
		}	
		
.mobile_nav{
z-index:100; position:absolute; right:0; top:10px; width:150px; height:50px; display:block;
}	

	.index_contentwrap{
		width:95%; 
		height:400px;
		padding-bottom:20px; 		
		text-align:left;
		margin-top:280px;
		margin-left:10px;
		}
		
	
	
	.profile_contentwrap{
		width:95%; 
		height:350px;
		padding-bottom:20px; 		
		text-align:justify;
		margin-top:450px;
		margin-left:10px;
		}
		
	.contact_contentwrap{
		width:95%; 
		height:1000px;
		padding-bottom:20px; 		
		text-align:left;
		margin-top:380px;
		margin-left:10px;
		}	
		
	.about_contentwrap{
		width:95%; 
		height:900px;
		padding-bottom:20px; 		
		text-align:left;
		margin-top:420px;
		margin-left:10px;
		}	
		
	.exp_contentwrap{
		width:95%; 
		height:810px; 
		float:left;	
		margin-left:10px;
		margin-top:490px; 
		text-align:left; 	
		}			
	
	.index_contentrow1{
		width:100%; 
		padding-left:10px; 
		padding-top:140px;
		}
		
	.index_contentrow2{
		width:95%; 
		color:#333; 
		padding-top:10px;
		margin-left:15px;
		}	
		
	.index_contentrow3{
		width:95%; 
		color:#333; 
		padding-top:10px;
		}	
		
	.index_contentimg{display:none}			

	.profile{
		font-size:56px;
		line-height:60px;  		
		}	
		
	.sub-profile{
		font-size:16px; 
		line-height:20px;	
		}		
		
	.subnav {
		  width:95%;}
	
	.subnav ul {
	  overflow: hidden;
	 }
	
	.subnav li {
	  float: left;
	}
	
	.tools{		
		width:100%;
		text-align:left;
		width:300px;
	}
	
	.my_profile{
	position:absolute; 
	z-index:1; 
	top:60px; 
	right:0px;
	background-image:url(../images/myprofile_bg_m.png);
	background-repeat:none;
	height:483px;
	width:300px;
	}	
	

	
	.tools-img{
		text-align:center;
		background-image:url(../images/tools_m.png);
		height:240px;
		width:232px;
		background-repeat:no-repeat;
		}  
	
	.skills{		
		width:100%;
		text-align:left;
		margin-top:20px;
		width:300px;		
		}
		
	.skills-img{
		text-align:center;
		background-image:url(../images/skills_m.png);
		height:250px;
		width:250px;
		background-repeat:no-repeat;
		}	
	
	.content_holder{
				margin-top:60px;
				}			
		
	.toolskill_holder{
		padding-top:40px; 
		width:100%; 		
		}	
		
	.table-font{ font-size:14px; width:98%}	
	
	.ux_holder{
		width:100%; 
		margin:0 auto;
		float:left;
		margin-top:10px;
		height: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_holder{
		width:80%; 		
		float:none		
		}
		
	.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;}		
		
	.gd_holder{
		width:90%; 		
		float:none;		
		}	
	
	/*GD8*/
	.new-way{height:275px; width:275px; margin:20px; margin-top:15px;}	
		
	.ax{height:275px; width:275px; margin:20px;}	
		
	.simple{height:275px; width:275px; margin:20px;}
		
	.dt{height:275px; width:275px; margin:20px;}
		
	.elevate{height:275px; width:275px; margin:20px;}
		
	.spring{height:275px; width:275px; margin:20px;}
		
	.inspire{height:275px; width:275px; margin:20px;}
		
	.creators{height:275px; width:275px; margin:20px;}
		
	.rainbow{height:275px; width:275px; margin:20px;}
		
	.jouir{height:275px; width:275px; margin:20px;}
		
	.flyer{height:275px; width:275px; margin:20px;}
		
	.tin{height:275px; width:275px; margin:20px;}
		
	.pamplet{height:275px; width:275px; margin:20px;}
		
	.tentcard{height:275px; width:275px; margin:20px;}
		
	.choc-box{height:275px; width:275px; margin:20px;}
		
	.mango{height:275px; width:275px; margin:20px;}
	
	/*End of GD*/

.footer{
	  position:absolute;
	  left:0px;
	  bottom:-170px;  
	  background-color:#00a359;
	  height:40px;
	  line-height:40px;
	  color: white;	 
	  text-align:center;
	  width:100%;
  }