/*navigation menu bar styling************/
.nav {	margin: 0px auto; 
			text-align: center;
			width:85%;}
.nav ul {	background: #383838; 
				padding: 4px 10px 0px 10px;
				border-radius: 4px;  
				list-style: none;
				position: relative;
				display: block; }
.nav ul:after {	content: ""; clear: both; 
							display: block;	}
.nav ul li {	float: left;}/*keep navbar from left to right*/
.nav ul li:hover > ul {display: block;	}/*showing dropdown in block*/

.nav ul li a:hover {	color:white;/*background: black;*/
		/*background: linear-gradient(top, #4f5964 0%, #5f6975 40%);*/
		/*background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);*/
		/*background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/	}
/*.nav ul li:hover a {color: white; background:	}*/
.nav ul li a {display: block; padding: 10px 20px;
					color:#FFFFFF; text-decoration: none; color:#CCCCCC;}

.nav ul ul {	color:black; background: white; border-radius: 0px; padding: 0px;	position: absolute; top: 100%; display: none; }
.nav ul ul li { float: none; text-align:left;
						border-top: 0px solid grey;
						border-bottom: 0px dotted grey;
						position: relative;	}
.nav ul ul li a {	padding: 10px 50px; color:black;	}	
.nav ul ul li a:hover {	background: #1987D1; color:white;	} /*submenu to blue at hovering and text to white*/
/*.nav ul li ul li {color: #54879d;} */
/*******experimental***************/
.nav ul li:visited{ background: yellow; color: white;}

/*********** experimental****/				
				
.featurette{ width: 25em;
							height: 25em;	}	 
		
.img_circle{ border-radius: 50px;	}
		
.triplets{ width: 20%;
					 height: 200px;	}
					 
					 
/*contact page styling */
.contact_heading{margin-left:50px;}
.address{margin-left:50px;
					margin-top:20px;
					margin-bottom:40px;}
					

/*******************************/

/*career page styling*/
.career-image1{display:block; margin-left:auto; margin-right:auto; width:85%;}

.text-block{display:block; margin-left:auto; margin-right:auto; width:85%; background-color:#F1F1F0;text-align:justify; border-radius:4px;}

.textstyle{margin-left: 20px; margin-right:20px; }

.resume{display:block; margin-left:auto; margin-right:auto; width:81%; background-color:#F1F1F0; border-radius:4px; padding:2%; color:grey;}
.resume1{ margin-left:10%; margin-right:10px; }
.resume2{margin-left:5%;margin-right:10px;}
.btn2{height:25px; width:100px; color:white; background: #335CD6;
			font-size:90%;border-radius:4px;}

/*******about us styling*********/
.layout{display:block; margin-left:auto; margin-right:auto; width:85%;}
.aboutus-image{display:block; float:right; width:25em;}
.aboutus-text1{ float:left; text-align:justify; width:80%}
.aboutus-text2{ float:right; text-align:justify; width:80%}

/********blog styling************/
.blog{ margin-left:auto; margin-right:auto; display:block;  padding:10px;}
.blog ul li a{text-decoration:none; color:grey;}
.blog ul li {padding: 5px;}
.blog ul{padding:10px;}


/********services styling ****/
.services-image{display: block; height: auto;}
.services-table{display: block; border:0px dotted grey; margin-left:30px; border-radius:4px;   }
.serv-table-row{border:1px dotted grey; display:block;}

/******** support page styling *****/
.support-image{display:block; margin-right:auto; width:60%}
.support-table{display:block; border-radius:4px; height:4em; width:80%;background-color:#F1F1F0; padding:0 0 0 20px;}

/****** Clients styling ******/
.client-image{ margin:30px 40px; width:15em; position:relative; }

/***** privacy and terms styling ****/
/*.terms{margin-left:auto; margin-right:auto; display:block; padding:10px;}
.terms ul li {color:grey;}
*/
/******** footer styling *****/
.foot{display:block; width:80%; position:absolute; height:50px; margin: 15px auto;}

.backtotop{float:right; position:relative; display:block; }
.like{	width:3em	}	
.connecting{	width:2em; 
							height:2em; }	
.privacy{text-decoration:none}

.newsletter{display: block; position:relative; margin-left:10%;}
.btn{ height:25px; width:100px; color:white; background: #42A621;
			font-size:90%;border-radius:4px;}
.fldset{border:0px; color:#808080;}*/
.textbox { 
    border: 1px dotted #000000; 
    outline:0; 
    height:25px; 
    width: 275px; 
  }
			
/**************************/			
body { font-family: constantia; }