/*
	Author : Shoaib Yasin
	Developer & coder: Shoaib Yasin
	Project Name: Business Hub
	Developer Company : Zamba Soft
	Contact URL: shoaib_yasin@yahoo.com
	Date: 8th march, 2010
*/

*{margin:0px; padding:0px;}
body{
	margin:0px; padding:0px;
	font-size:75%;
	line-height:100%;
	font-size:11px;
	line-height:100%;
	z-index:000;
	background:#DBDBDA url(../siteimages/background/body.jpg) left top repeat-x;
	padding-top:10px; padding-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/**** Global Elements *****/
.left{float:left;}
.right{float:right;}
.clr{clear:both; }
.center{text-align:center;}
.hidden{display:none;}
.pink{color:#22211C;}
.red{color:#990000;}
h1,h2,h3,h4,h5,h6,h7,h8{
	
	font-family:"Trebuchet MS";
	font-weight:bold;
	line-height:100%;
}
h1{ font-size:20px;}
h2{ font-size:22px}
_h2{ font-size:15px;}
h3{	font-size:13px;
	padding:0; margin:0;}
h4{ font-size:13px; }
h5{ font-size:11px;}

small{font-size:90%;}
p{line-height:15px; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; }
strong{font-weight:bold;}

p,ul, li, ol,span{color:#ccc; line-height:120%;}
/********************************************/

#container
{
	position:relative; width:950px; height:auto; margin:0 auto; padding:10px;
	background:#FFFFFF; z-index:001;
}

	#header
	{
		position:relative; width:950px; height: auto; margin:0 auto; padding:0;
		background:#414141; z-index:003;
	}
	
	#header .logo
	{
		position:relative; width:230px; height:auto; float:left; display:inline; margin:20px; 
	}
		#header .logo img{border:none; float:left; display:inline;}
		
		#header #top-nav
		{
			position:relative; width:451px; float:left; display:inline; height:auto; background:#373737; margin-top:25px; z-index:009;
		}
		
		#header #top-nav ul#top
		{
			position:relative; width:451px; height:22px; list-style:none; z-index:010;
		}
		
		ul#top li
		{
			position:relative; width:auto; height:22px; line-height:22px;
			display:inline; color:#A4A3A3; z-index:008; z-index:015; float:left; display:inline;
		}
		
		#header div.top-down
		{
			position:absolute; width:435px; height:353px; z-index:900; background:#1F1F1F; top:22px; left:0px; padding:5px;
			border:5px solid #fff; display:none;
		}
		
		ul#top li a{position:relative; width:auto; height:22px; float:left; display:inline; padding-left:13px; padding-right:13px; text-decoration:none; color:#A4A3A3; border-right:1px solid #414141;}
		ul#top li a.last{border-right:none;}
		ul#top li a:hover,ul#top li.sfHover a,ul#top li:hover a,ul#top li a.active
		{
			background:#FFFFFF; color:#373737;	
		}
		
/*		ul#top li a:hover div.top-down,ul#top li.sfHover div.top-down{display:block; cursor:pointer; z-index:950;}
*/		div.top-down .head
		{
			position:relative; width:435px; height:auto; background:#fff; margin-bottom:5px;
		}
			div.top-down .head .left-image
			{
				position:relative; width:300px; height:65px; text-align:center; overflow:hidden; float:left; display:inline;
				/*margin:10px;*/
			}
			
			div.top-down .head .right-image
			{
				position:relative; width:90px; height:65px; text-align:center; overflow:hidden; float:right; display:inline;
				/*margin:10px;*/
			}
			
		div.top-down div.text
		{
			position:relative; width:200px; height:268px; float:left; display:inline; border:1px solid #A4A3A3;
			background:#373737; padding:6px;
		}
			div.top-down div.text p{font-size:11px; color:#CCCCCC; line-height:15px; margin-bottom:10px; text-align:justify;}
			div.top-down div.text p a.more{position:relative; padding-left:15px; text-decoration:none; color:#ACAAAA; float:none; background:none; background:url(../siteimages/background/more.gif) left 3px no-repeat; font-weight:bold; }
			div.top-down div.text p a.more:hover{text-decoration:underline;}
		
		div.top-down div.child
		{
			position:relative; width:200px; height:268px; float:right; display:inline; border:1px solid #A4A3A3;
			background:#EBEBEB; padding:6px;
		}
		
			div.top-down div.child p
			{
				position:relative; width:200px; margin:0; padding:0; background:none; border:none; padding-bottom:3px; border-bottom:1px dotted #8C8C8C; font-weight:bold; line-height:18px; padding-top:2px;
			}
			div.top-down div.child p a{position:relative; background:none; border:none; padding-left:10px;background:url(../siteimages/background/block-list.jpg) left 3px no-repeat; float:none; line-height:20px; color:#4E4E4E; text-decoration:none; font-size:11px;}
			div.top-down div.child p a:hover{color:#ACAAAA; text-decoration:none;}
			#top-nav div.quick-links
			{
				position:absolute; left:-270px; width:935px; height:auto; min-height:250px;
			}
			
			div.quick-links p
			{
				position:relative; width:auto; height:auto; line-height:15px; font-size:11px; color:#ccc; text-align:center;
			}
			
			div.quick-links p a{color:#ccc; text-decoration:none; margin-left:10px;margin-right:10px;}
			div.quick-links p a:hover{color:#fff;}
			
			#top-nav div.quick-links .q-links,#top-nav div.footer-links
			{
				position:relative; width:935px; height:auto;  font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px;
			} 
				div.quick-links .q-links .link-block,#top-nav div.footer-links .link-block
				{
					position:relative; width:210px; height:auto; float:left; display:inline;  padding:10px;
				}
					div.quick-links .q-links .link-block div.image
					{
						position:relative; width:210px; height:35px; overflow:hidden; 
						margin-bottom:10px;
					}
					
					div.quick-links .q-links .link-block div.image img{border:1px solid #fff; padding:1px;}
					
					.link-block h2
					{
						position:relative; width:210px; height:auto; font-size:13px; color:#fff; line-height:16px;
					}
						.link-block h2 a{color:#CCCCCC; text-decoration:none;}
						.link-block h2 a:hover{text-decoration:underline;}
						.link-block ul
						{
							position:relative; width:210px; height:auto; margin-top:10px; margin-bottom:10px; list-style:none;
						}
						
						.link-block ul li
						{
							position:relative; width:195px; height:auto; line-height:15px; margin-bottom:3px;
							background:url(../siteimages/background/block-text.gif) left 3px no-repeat;
							padding-left:15px; font-size:11px;
						}
						.link-block ul li a{text-decoration:none; color:#CCCCCC; }
						.link-block ul li a:hover{text-decoration:underline;}
						#top-nav div.quick-links .q-links .brand
						{
							position:relative; background:#EBEBEB; border:1px solid #a4a3a3; width:210px; padding:0; margin:10px;
						}
						div.quick-links .q-links .brand h1.head{
			position:relative; width:200px; height:29px; line-height:29px; background:url(../siteimages/background/content-text-head.jpg) left top repeat-x; padding-left:10px; font-size:13px; color:#202020; margin:0; margin-bottom:10px;
		}
						div.quick-links .q-links .brand .block-text{width:190px; padding:10px; padding-top:0; padding-bottom:0;}
						div.quick-links .q-links .brand .block-text ul{width:190px; }
						div.quick-links .q-links .brand .block-text ul li
						{
							position:relative; width:190px; height:auto;   
							font-weight:bold; margin:0; padding:0; padding-bottom:3px;
							border-bottom:1px dotted #8C8C8C; line-height:20px;  background:none;
						}
						#top-nav div.quick-links .q-links .brand .block-text ul li a{position:relative; color:#494949; text-decoration:none; width:180px; line-height:16px; display:block;padding-top:3px; padding-bottom:5px; padding-left:10px; background:url(../siteimages/background/block-list.jpg) left 6px no-repeat;}
						#top-nav div.quick-links .q-links .brand .block-text ul li a:hover{color:#ACAAAA; text-decoration:none; background:#E4E4E4
					 url(../siteimages/background/block-list.jpg) left 6px no-repeat; }
					 #top-nav div.footer-links h1
					 {
					 	position:relative; width:auto; height:auto; left:0; top:0; font-size:14px; color:#fff; background:#202020; line-height:20px; padding-right:15px;
					 }
					 #top-nav div.footer-links h1 a{text-decoration:none; color:#fff;}
					 #top-nav div.footer-links h1 a:hover{text-decoration:underline;}
			
			div.top-down img.loader{position:absolute; left:200px; top:150px;}
			
		#header #top-search
		{
			position:relative; width:185px; height:auto; margin:15px; padding:0; float:right; display:inline;
			margin-top:25px;
		}
		
			#top-search form#search
			{
				position:relative; width:185px; height:22px; margin:0; padding:0;
				/*background:#373737;*/
			}
				form#search input.input
				{
					position:relative; width:160px; height:17px; padding:1px; border:1px solid #373737; float:left; display:inline;	
					border-right:0;	font-size:10px; color:#ACAAAA; padding-top:2px;	display:none;		
				}
				
				#top-search form#search label.error
				{
					position:absolute; top:-20px; left:0; color:#fff;
				}
				#top-search form#search label.error span.redish{color:#fff;}
				
				form#search input.submit
				{
					position:relative; width:auto; height:auto; float:right; display:inline; margin-top:1px;
				}
/*****************End HEader*************/

#navigation
{
	position:relative; width:950px; height:26px; margin:0 auto; padding:0; margin-top:1px;
	background:url(../siteimages/background/navigation.jpg) left top repeat-x; z-index:002;
}

	#navigation ul#menu
	{
		position:relative; width:900px; margin:0 auto; padding:0; list-style:none; z-index:003;
	}
	
	#navigation ul#menu li
	{
		position:relative; width:auto; height:auto; display:inline; line-height:26px; float:left; display:inline;
	}
	
		#navigation ul#menu li a{position:relative; width:auto; height:26px; padding-left:25px; padding-right:25px; float:left; display:inline; background:url(../siteimages/background/menu-list.jpg) 5px 50% no-repeat; text-decoration:none; font-size:11px; color:#414141; text-decoration:none; font-weight:bold;}
		#navigation ul#menu li a:hover,#navigation ul#menu li a.active
		{
			background:url(../siteimages/background/menu-list-active.jpg) 5px 50% no-repeat;
		}
		
		#navigation ul#menu li:hover a, 
	#navigation ul#menu li.sfHover a { /*** activate on drop down ***/  
	background:url(../siteimages/background/menu-list-active.jpg) 5px 50% no-repeat;
	}
	
	#navigation ul#menu  ul {
	  position:absolute;
	  list-style: none;
	  margin: 0; padding:0;
	  width: 250px; height:auto;
	  top: -999em;
	  left: -1px;
	  z-index:550;
	  display:none;
      font-family:Tahoma;
	  font-size:11px;
	  display:none;
	  padding-bottom:10px;
	  background:#F3F3F3;
	}
	
	#navigation ul#menu li:hover ul,
	#navigation ul#menu li.sfHover ul {
	  position:absolute;
	  top: 25px;		
	  left:0px; 	    
	  z-index:550;
	  font-family:Tahoma;
  	  font-size:11px;
	  display:none;
	}
	
	
	#navigation ul#menu li:hover ul li,
	#navigation ul#menu li.sfHover ul li
	{
		position:relative; width:250px; height:20px; padding:0; margin:0; 
		line-height:20px; font-size:11px; color:#E4E3E3; font-weight:normal;
		padding:10px; padding-bottom:0; padding-top:0; 
	}
	
	#navigation ul#menu li:hover ul li a,
	#navigation ul#menu li.sfHover ul li a{color:#414141; background:url(../siteimages/background/block-list.jpg) 3px 45% no-repeat;}
	
	#navigation ul#menu li:hover ul li a:hover,
	#navigation ul#menu li.sfHover ul li a:hover{text-decoration:underline;}
/*****************Navigation***********/

#banner
{
	position:relative; width:950px; height:auto;
}
	#banner img{}
/*********************/
#content
{
	position:relative; width:930px; margin:0 auto; padding:10px; background:#1F1F1F; margin-bottom:10px;
}
	#content #text
	{
		position:relative; width:695px; height:auto; float:left; display:inline;
	}
	
		#text .block
		{
			position:relative; width:225px; height:auto;  float:left; display:inline; margin-right:10px;
		}
		#text .no-margin{margin-right:0;}
		
		.block .image img{border:none;}
		#text .block p{position:relative; width:225px; height:auto; margin:0 auto; line-height:16px; text-align:center; }
		#text .block p a{position:relative; width:210px; margin:0; padding:0; color:#CCCCCC; font-size:10px; font-weight:bold; text-decoration:none;padding-left:10px; background:url(../siteimages/background/block-text.gif) left 3px no-repeat; line-height:16px; }
		#text .block p a:hover{text-decoration:underline;}
		
	#content .content-text
	{
		position:relative; width:695px; height:auto; border:1px solid #a3a3a3; font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
		.content-text h1{font-size:18px; color:#ccc;  line-height:20px; margin:10px;}
		.content-text h2{font-size:16px; color:#ccc;  line-height:18px; margin:10px;}
		.content-text h3{font-size:14px; color:#ccc; line-height:16px; margin:10px;}
		.content-text h4{font-size:13px; color:#ccc; line-height:15px; margin:10px;}
		.content-text p{font-size:11px; color:#ccc;  line-height:15px; margin:10px; text-align:justify;}
		.content-text ul
		{
			position:relative; width:auto; height:auto; margin-top:10px; margin:10px; list-style:none;
		}
		
		.content-text ol
		{
			position:relative; width:auto; height:auto; margin-top:10px; margin:10px; margin-left:30px; 
		}
		
		.content-text ul li,.content-text ol li{position:relative; width:auto; height:auto; padding-left:15px;line-height:16px; margin-bottom:3px; background:url(../siteimages/background/block-text.gif) left 3px no-repeat; text-align:justify;}
		.content-text ol li{background:none; padding-left:0;}
		.content-text a{color:#ccc; text-decoration:underline;}
		.content-text a:hover{text-decoration:none;}
		.content-text .main-image
		{
			position:relative; width:auto; height:auto; float:left; display:inline; margin-right:10px; margin-bottom:10px; margin-left:10px;
		}
		.content-text h1.head
		{
			position:relative; width:675px; height:29px; line-height:29px; background:url(../siteimages/background/content-text-head.jpg) left top repeat-x; padding-left:20px; font-size:13px; color:#202020; margin:0; margin-bottom:10px;
		}
		
		.content-text .module-block
		{
			position:relative; width:655px; height:auto; margin:10px auto; padding:0;
			
		}
		
		.content-text .module-block .image
		{
			position:relative; width:98px; height:auto; text-align:center; overflow:hidden; float:left; display:inline;
			border:1px solid #ccc;
		}
		.content-text .module-block .image img{border:none;}
		
		.content-text .module-block .detail
		{
			position:relative; width:540px; float:right; display:inline;
		}
		
		.content-text .module-block .detail h3,.content-text .module-block .detail p{position:relative; width:540px; margin:0; margin-bottom:10px;}
		.content-text .module-block .detail p.date{font-size:11px; font-style:italic; margin:0;}
		.content-text img.content-image
		{
			position:relative; float:left; display:inline; margin-right:10px; margin-bottom:10px; border:1px solid #4F4F4F;
		}
		
		
	
	#content #right-side
	{
		position:relative; width:225px; height:auto; float:right; display:inline;
	}
	
	#right-side .block
	{
		position:relative; width:223px; height:auto; 
		border:1px solid #A4A3A3; background:#EBEBEB; margin-bottom:10px;
	}
	
		#right-side .block h1.head
		{
			position:relative; width:213px; height:29px; line-height:29px; background:url(../siteimages/background/content-text-head.jpg) left top repeat-x; padding-left:10px; font-size:13px; color:#202020; margin:0; 
		}
	#right-side .block .block-text
	{
		position:relative; width:203px; height:auto; padding:10px; padding-top:5px;
	}
	#right-side .block .block-text ul
	{
		position:relative; width:205px; height:auto; margin:0; padding:0; list-style:none;
	}
	
	#right-side .block .block-text ul li
	{
		position:relative; width:200px; height:auto;   
		font-weight:bold;
		border-bottom:1px dotted #8C8C8C; line-height:20px; 
	}
	#right-side .block .block-text ul li a{position:relative; color:#494949; text-decoration:none; width:190px; line-height:16px; display:block;padding-top:3px; padding-bottom:5px;padding-left:10px; background:url(../siteimages/background/block-list.jpg) left 6px no-repeat;}
	#right-side .block .block-text ul li a:hover{color:#ACAAAA; text-decoration:none; background:#E4E4E4
 url(../siteimages/background/block-list.jpg) left 6px no-repeat; }
 /**************************/
 
 #content #main-text
 {
 	position:relative; width:928px; margin:0; padding:0; height:auto; border:1px solid #a3a3a3; font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
 		#main-text h1.head{
			position:relative; width:908px; height:29px; line-height:29px; background:url(../siteimages/background/content-text-head.jpg) left top repeat-x; padding-left:20px; font-size:13px; color:#202020; margin:0; 
		}
		
		#main-text .content-form
		{
			position:relative; width:928px; height:auto;
		}
		
		.content-form div.map
		{
			position:relative; width:800px; height:400px; margin:0 auto; border:1px solid #4F4F4F; margin-bottom:15px;
		}

.content-form div.map img,.content-form div.map canvas{border:none;}
.content-form div.map a{border:none;}

.content-form table.member-list
{
	position:relative; width:800px; height:auto; margin:0 auto; border:1px solid #4F4F4F; margin-bottom:15px;
}

table.member-list tr.heading{position:relative; height:26px; background:#515151;}
table.member-list tr.heading td{border-right:1px solid #f0f0f0; text-align:center; color:#fff; vertical-align:middle; line-height:26px;}
table.member-list tr.heading td.no-border{border:none;}
table.member-list tr.heading td img.sort{position:relative;  border:none; margin-left:2px; margin-right:2px; top:5px;}

table.member-list tr.light{background:#e4e3e3; height:25px;}
table.member-list tr.dark{background:#c4c3c3; height:25px;}
table.member-list tr.light td,table.member-list tr.dark td{color:#4F4F4F; text-align:center; border-right:1px solid #f0f0f0;}
table.member-list tr.light td a,table.member-list tr.dark td a{color:#4F4F4F; text-decoration:none;}
table.member-list tr.light td a:hover,table.member-list tr.dark td a:hover{text-decoration:underline;}
table.member-list tr.light td.no-border,table.member-list tr.dark td.no-border{border:none;}
.content-form .pagination
{
	position:relative; width:928px; height:auto; text-align:center;
}

.content-form .pagination span, .pagination a
			{
				position:relative; padding:2px; border:1px solid #4F4F4F; height:13px; display:inline; 
				margin-left:2px; margin-right:2px; width:auto; padding-left:3px; padding-right:3px; line-height:12px;
				text-decoration:none; color:#4F4F4F; font-weight:bold; background:#fff; 
			}
			.pagination a{text-decoration:underline;}
			.pagination a:hover{color:#4F4F4F; text-decoration:none; }
			
			.pagination span.active{color:#4F4F4F; text-decoration:none;}
			.pagination span.inactive{color:#4F4F4F; text-decoration:none;}
			
/*****************************************/

#content #main-text .content-form{background:#e4e3e3; border:1px solid #ccc; border-top:none; width:926px; padding-top:20px; padding-bottom:20px;}		

.content-form #form
{
	position:relative; width:600px; height:auto; margin:0 auto;  
}	

	.content-form #form	label.label
	{
		position:relative; width:150px; height:auto; line-height:20px; margin-bottom:10px; float:left; display:inline; margin-right:10px; text-align:right; color:#4F4F4F;
	}
	
	.content-form #form input.text
	{
		position:relative; width:300px; height:19px; padding:1px; border:1px solid #999;
	}
	
	.content-form #form select.select
	{
		position:relative; width:300px; height:auto; padding:1px; border:1px solid #999;
	}
	
	.content-form #form img.captcha {position:relative; margin-left:160px; border:1px solid #999;}
	.content-form #form input.submit{position:relative; margin:30px; margin-left:160px; }
	.content-form #form textarea{border:1px solid #999; margin-bottom:10px;}
	.content-form #messageBox{position:relative; text-align:center;}
	.content-form #messageBox p{color:#990000;}
	
#footer
{
	position:relative; width:930px; height:auto; margin:0 auto; padding:10px; background:#fff;
}
	#footer .copy
	{
		position:relative; width: 695px; float:left; display:inline; 
	}
		.copy p{font-size:10px; color:#4D4F52; line-height:15px;}
		.copy p a{text-decoration:none; color:#4D4F52; margin-left:4px; margin-right:4px;}
		.copy p a:hover{color:#494949; text-decoration:underline;}
	#footer .powered
	{
		position:relative; width:225px; float:right; display:inline;
	}
	
	#footer .powered p{font-size:10px; color:#4D4F52; line-height:15px; text-align:right;}
	.powered p a{text-decoration:none; color:#4D4F52;}
	.powered p a:hover{color:#494949; text-decoration:underline;}
/********************************/

#popup-container
{
	position:fixed; width:100%; height:100%; background:#000000;
	z-index:600; left:0; top:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	opacity:.80; filter:alpha(opacity=80); -moz-opacity:.80; display:none;
}
	
#popup
{
	position:fixed; top:20%; width:401px; height:auto; padding:15px; padding-top:20px;
	margin:10px auto; background:#414141;
	z-index:650; padding-bottom:40px; left:35%; display:none;
	font-family: Verdana, Arial, Helvetica, sans-serif; border:5px solid #fff;
}

#popup img.close{position:absolute; right:10px; bottom:10px; z-index:030; cursor:pointer; border:none;}
#popup h1{position:relative; width:400px; height:auto; margin-bottom:15px; line-height:20px; font-size:15px; color:#E1E1E1;}
#popup p{position:relative; font-size:10px; color:#fff; line-height:15px;}
#popup form.subscription-form
{
	position:relative; width:380px; height:auto; padding:10px; background:#E1E1E1; padding-top:15px; padding-bottom:15px;
}

	#popup form.subscription-form label.label
	{
		position:relative; width:130px; height:auto; line-height:18px; float:left; display:inline; margin-bottom:10px; font-weight:bold; color:#414141;
	}
	#popup form.subscription-form input.input
	{
		position:relative; width:180px;
	}
	#popup form.subscription-form img.captcha
	{
		position:relative; margin-left:130px; border:1px solid #414141; margin-bottom:15px;
	}
	
	#popup form.subscription-form input.submit{position:relative; margin-left:130px;}