html, body, form, fieldset {
	
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}
a:link { color: #76af03; text-decoration: none; }
a:visited {color: #76af03;text-decoration: none; }
a:hover { color: #00793a; text-decoration: underline; }
/* Basic Layout Structure */
#container{ width: 760px; margin:0 auto; }
body {margin:0;
    padding:0;
  text-align: center;
  }
img {display:block;  border: 0; }
/* End of Basic Layout Structure */


	   
#masthead{ padding:0; text-align:left; border-color: #e76f00; border-style: dashed; border-width: 0 0 1px; }
	
#navbar { margin:1em 0; text-align: center; }
	
#navbar img{  display:inline; margin: 0 1em; padding:0; border-color: #f04c3e; }


#imageContainer img{ display:inline; padding:0 0; text-align: center; margin: 1em; }
#imageContainer{ padding:0; text-align: center; margin: 1em 0 2em 0; }
#FlashMovie{margin:6em 0 0; padding: 0;  }

/* for the purpose of rollover.js, this empty class is created*/
.navigation{
}

.center{
	font-size: 80%;
	color: #76af03;
}

/*The vetical dotted line between thumb and  image on the left*/
#m-container_karachi{float:left;height:310px; margin:2.5em 0 0;border-right:1px dashed #939598; }
#m-container_documentation{float:left;height:542px; margin:2.5em 0 0;border-right:1px dashed #939598; }
#m-container_self{float:left;height:460px; margin:2.5em 0 0;border-right:1px dashed #939598; }

#design_navbar img{
	display:inline;
	margin: 20px 20px 0px 10px ;
}