html{background:#999999;}
body{margin:0;font-size:small;font-family:"Trebuchet MS";}
form{margin:0px; padding:0px;}
td{}
input,select,textarea{font-size:x-small;}
b{color:#000;}

#body{width:765px; margin:0 auto;}
#head{height:120px; background:url(images/head.gif) no-repeat;}
#flash{height:325px; border-top:1px solid #fff; background:url(images/flash.jpg) no-repeat;}


#active_link{display:block; height:25px; padding:5px 0px 0px 50px; font-size:15px; font-weight:bold; color:#fc0; background:url(images/button_bg.jpg) repeat-x;}
.navi {display:block; height:25px; padding:5px 0px 0px 50px; font-size:15px; font-weight:bold; background:url(images/button_bg.jpg) repeat-x;}
	.navi a{text-decoration:none; color:#fff;}
	.navi a:hover{color:#fc0;}

#content{background:#f0f0f0;}
	#content h1{font-size:14px;font-family:verdana;margin:0px;margin-bottom:5px;color:#000;letter-spacing:0.1em;}
	#content h2{font-size:11px;margin:0px;color:#444;}
	#content h3{font-size:medium;margin:0px;color:#7f7f7f;}
	#content a{color:#0099CC; text-decoration:none; font-weight:bold;font-size:11px;}
	#content a:hover{color:#444; text-decoration:underline;}
	#content img{border:none;}
	#content a span{background-image:url(images/google-search.jpg); width:674px; height:570px; margin-left:15px; margin-top:25px; display:block; }
	
#left_panel{float:left; width:170px; margin:2px 0px 2px 0px; padding:30px 20px 23px 30px;}
#main_panel{float:left; width:230px; border-right:1px dotted #ccc; border-left:1px dotted #ccc; margin:2px 0px 0px 0px; padding:30px 10px 10px 20px;}
#right_panel{float:left; width:237px; margin:2px 0px 2px 0px; padding:30px 25px 30px 20px;}
	
	
#footer{height:110px; background:#f4f4f4; margin-bottom:0px; font-size:11px; color:#919191; font-family:Arial;}
#footer_left_panel{float:left; padding:15px 0px 0px 30px;}
#footer_right_panel{float:right; padding:15px 15px 0px 0px;text-align:right;}


#portfolio_col{float:left; width:40%;}
	#portfolio_col a{text-decoration:none;color:#888;}
	#portfolio_col a:hover{color:#fff; background:#000; padding:0px 6px 0px 6px; text-decoration:none;}
#portfolio_col2{float:left; width:30%;}
	#portfolio_col2 a{text-decoration:none;color:#888;}
	#portfolio_col2 a:hover{color:#fff; background:#000; padding:0px 6px 0px 6px; text-decoration:none;}
#portfolio_col3{float:left; width:30%;}
	#portfolio_col3 a{text-decoration:none;color:#888;}
	#portfolio_col3 a:hover{color:#fff; background:#000; padding:0px 6px 0px 6px; text-decoration:none;}

#pro{ height:25px; width:715px; padding:5px 0px 0px 50px; font-size:15px; font-weight:bold; background:url(images/button_bg.jpg) repeat-x;}
#pro a{text-decoration:none; color:#fff; float:left;}
#pro a:hover{color:#fc0;}
#pro2{}
#pro2 a{text-decoration:none; color:#fff; padding:0px 4px; border-left:1px solid #ccc; font-size:11px; font-weight:normal; padding-top:2px;line-height:10px;margin-top:5px;}
#pro2 a:hover{color:#fc0;}
#products{float:left; width:105px; height:157px; margin-right:15px;}
#products img{ border:0px;}
#products:hover img{}

#op img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;}
#op a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}


.style1 {font-size: large;color: #CC0000;}
.style3 {font-size: small; color: #CC0000; }
.style5 {font-size:xx-small; color:#000;}

.field{width:170px; height:15px; border:1px solid #09d; background:#f3f3f3;  letter-spacing:1px; margin:3px 0px; padding:1px;}
.field2{width:170px; height:45px; border:1px solid #09d; background:#f3f3f3;  letter-spacing:1px; margin:3px 0px; padding:1px;}
.button{ border:1px solid #09d; margin:3px 0px;}
.foot_link{}
a.foot_link {color:#919191; text-decoration:none;}
a:hover.foot_link{color:#444; text-decoration:underline;}

/*Aftab CSS Changes*/

.flotLeft{
	float:left;
	margin:0 10px 15px 0;
}


/*Razaullah*/
.gray-dark {/*background-image:url(../images/td-bg.jpg);background-repeat:repeat-x;*/
	background-color:#C8D7DC;
}
.gray-light {
	background-color:#f1f1f1;
}
.tr-bg {
	background-image:url(../images/tr-bg.jpg);
	background-repeat:repeat-x;
}
.tr-bg-gray {
	background-color:#DBE3EA;
}

#screen-shots{
	width:650px;
	margin-left:14px;
}
	#screen-shots p{
		width:130px;
		height:194px;
		display:block;
		float:left;
		margin:0;
		margin-left:30px;
		_margin-left:25px;
		margin-bottom:15px;
	}
		#screen-shots p b{
			color:#333333;
			padding-bottom:5px;
			display:block;
		}
		#screen-shots p a{
			background-image:url(images/screen-thumb-bg.gif);
			background-repeat:no-repeat;
			width:122px;
			height:104px;
			display:block;
			padding-left:7px;
			padding-top:7px;
			margin-bottom:5px;			
		}