/*
Project Name: Financial Workshop
Designed & developed By : Ewebcraft
Company URL : http://www.ewebcraft.com
email: ewebcraft@gmail.com
Developer : Shoaib Yasin
Designer : M Naseer Tariq
*/

*{margin:0px; padding:0px;}
body{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:100%;
	background:url(../siteimages/background/body.jpg);
	font-size:12px;
	line-height:100%;
	z-index:000;
}


/**** Global Elements *****/
.left{float:left;}
.right{float:right;}
.clr{clear:both; }
.center{text-align:center;}
.hidden{display:none;}
.red{color:#C4003D;}

h1,h2,h3,h4,h5,h6,h7,h8{
	
	font-family:Arial, Helvetica, sans-serif;
	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:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
strong{font-weight:bold;}

p, strong, em, ul, li, ol{color:#303030;}

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

#container
{
	position:relative; 
	width:871px; height:auto; 
	margin:0 auto; padding:0; padding:20px;
	background:url(../siteimages/background/container.jpg) repeat-y;
	z-index:001; margin-top:55px; padding-top:70px; padding-bottom:0;
}

	#container .t-c
	{
		position:absolute; width:911px; height:5px; z-index:002; top:0; left:0; 
		background:url(../siteimages/background/container-t-c.jpg) no-repeat;
	}
	
	#container img.logo
	{
		position:absolute; width:auto; height:auto; left:35px;  top:-41px;
		z-index:010; border:none; width:184px; height:103px; 
	}
	
#navigation
{
	position:relative; width:871px; height:43px;
	margin:0 auto; background:url(../siteimages/background/navigation.jpg) left repeat-x;
	z-index:050;
}

#navigation div.r-c
{
	position:absolute; width:11px; height:11px; top:0; right:0px; z-index:008; 
	background:url(../siteimages/background/menu-list-r-c.jpg) no-repeat;
}

	#navigation ul#menu
	{
		position:relative;
		width:871px; height:43px;
		list-style:none; z-index:050;
	}
	
	#navigation ul#menu li
	{
		position:relative;
		width:auto; height:43px;
		font-size:14px; float:left; display:inline; height:43px; line-height:43px;
    	background:url(../siteimages/background/menu-list.jpg) right no-repeat;
		z-index:007;
	}
	
	#navigation ul#menu li.last{position:relative; background:none; }
	#navigation ul#menu li a{color:#fff; text-decoration:none; padding:12px; padding-bottom:13px;   line-height:18px;  margin-right:1px; padding-left:19px; padding-right:20px; float:left; display:inline; }
	#navigation ul#menu li.last a{margin-right:0px; padding-left:20px; padding-right:20px; }
	#navigation ul#menu li a:hover,#navigation ul#menu li a.active
	{background:url(../siteimages/background/menu-list-active.jpg) repeat-x;}
	#navigation ul#menu li a span.l-c{position:absolute; width:11px; height:11px; top:0; left:0px; z-index:008; 
	background:url(../siteimages/background/menu-list-l-c.jpg) no-repeat;}
	#navigation ul#menu li a span.r-c{position:absolute; width:11px; height:11px; top:0; right:0px; z-index:008; 
	background:url(../siteimages/background/menu-list-r-c.jpg) no-repeat;}
	
	#navigation ul#menu li a:hover span.l-c,
	#navigation ul#menu li a.active span.l-c
	{
		position:absolute; z-index:008; width:10px; height:10px; top:0; left:0;
		background:url(../siteimages/background/menu-list-active-l-c.jpg) no-repeat;
	}
	
	#navigation ul#menu li a:hover span.r-c,
	#navigation ul#menu li a.active span.r-c
	{
		position:absolute; z-index:008; width:10px; height:10px; top:0; right:0;
		background:url(../siteimages/background/menu-list-active-r-c.jpg) 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) repeat-x;	
	}
	
	
	
	
	 #navigation ul#menu li.sfHover ul li a,
	 #navigation ul#menu li:hover ul li a
	 {background:none; font-size:12px; z-index:999; margin:0; padding:0; }

	#navigation ul#menu li:hover ul a:hover, 
	#navigation ul#menu li.sfHover ul a:hover {
	  background-image:none;
	  text-decoration:none;
      color:#2E2F72; margin:0; padding:0;

	}
	
	#navigation ul#menu  ul {
	  list-style: none;
	  margin: 0; padding:0;
	  width: 165px; height:auto;
	  position: absolute;
	  top: -999em;
	  left: -1px;
	  z-index:999;
	  display:block;
	  background:#FE8100;
	  /*filter:alpha(opacity=80);-moz-opacity:.80; opacity:.80;*/
      font-family:Tahoma;
	  font-size:11px;
	  display:none;
	}
	
	#navigation ul#menu li:hover ul,
	#navigation ul#menu li.sfHover ul {
	 position:absolute;
	  top: 43px;		/*top: 16px;*/
	  left:0px; 	    /*left:60px;*/
	  z-index:999;
	  font-family:Tahoma;
  	  font-size:11px;
	  border:1px solid #FEC58B; border-top:none; border-bottom:none;
	}
	#navigation ul#menu ul li {
	  border: 0;
	  padding:0; 
	  border-bottom:1px solid #FEC58B;
	  width: 132px;
	  margin:0px;
	  background:none;
	  line-height:22px;/*22px*/
	  z-index:999;
  	  display:block;
	  padding-left:16px; padding-right:16px; padding-top:0; padding-bottom:0;
	  font-family:Tahoma;
	  font-weight:normal;
	  height:22px;

	}
	
	
#banner
{
	position:relative; width:871px; height:auto; z-index:003;
}

	#banner img{border:none; z-index:003;}
	#banner h1{position:absolute; width:801px; left:10px; top:180px; color:#fff; font-family:"Trebuchet MS"; font-size:22px; line-height:30px; font-weight:normal; }

#content
{
	position:relative; width:871px; height:auto;
	margin-top:20px; z-index:010; 
}

	#content .left-sidebar
	{
		position:relative;
		width:204px; height:auto;
		float:left; display:inline;
		z-index:011;
	}
		.left-sidebar .block
		{
			position:relative;
			width:204px; height:auto;
			margin-bottom:15px;
		}
			.left-sidebar .block h2
			{
				position:relative; font-size:12px; color:#fff; line-height:16px;
				background:#000 url(../siteimages/background/block-heading.jpg) repeat-x;
				padding:4px; padding-left:15px; width:185px; z-index:011; 
			}
			
			.left-sidebar .block h2 span.l-c
			{
				position:absolute; width:12px; height:12px; left:0; top:0; z-index:015;
				background:url(../siteimages/background/block-heading-l-c.jpg) no-repeat;
			}
			
			.left-sidebar .block h2 span.r-c
			{
				position:absolute; width:12px; height:12px; right:0; top:0; z-index:015;
				background:url(../siteimages/background/block-heading-r-c.jpg) no-repeat;
			}
			
			.left-sidebar .block .block-content
			{
				position:relative; width:182px; height:auto;
				background:#000102 url(../siteimages/background/block-content.jpg) top repeat-x;
				border:1px solid #000203; padding:10px; padding-bottom:5px;
			}
			
			.block .block-content .image
			{
				position:relative; width:64px; height:auto;
				float:left; display:inline; 
			}
			
			.block .block-content .content-image
			{
				position:relative; width:182px; height:auto;
				overflow:hidden; text-align:center; margin-top:5px; margin-bottom:5px;
			}
			
			.block .block-content .data
			{
				position:relative; width:110px; height:auto; 
				float:right; display:inline;
			}
			
			.block .block-content .data p{color:#fff; line-height:16px; margin-bottom:5px;}
			.block .block-content .data p a{color:#fff; text-decoration:none;}
			.block .block-content .data a.more{position:relative; background:url(../siteimages/background/more.gif) right 5px no-repeat; color:#fff; text-decoration:none; padding-right:12px; line-height:15px;}
			.block .block-content .data a.more:hover{text-decoration:underline;}
	
	#content .text-large
	{
		position:relative; z-index:020;
		width:841px; min-height:550px; padding:15px; 
	}
	
	#content .text
	{
		position:relative; z-index:020;
		width:615px; min-height:550px; padding:15px; padding-left:25px;
		float:right; display:inline; padding-top:0;
		background:url(../siteimages/background/text.jpg) left center no-repeat; 
	}
	
		#content .text h1,
		#content .text-large h1
		{
			position:relative; font-size:16px; color:#FF3400; line-height:24px;
			border-bottom:1px solid #d1d1d1; margin-bottom:25px;
		}
		
		#content .text h2,
		#content .text-large h2
		{
			position:relative; font-size:14px; color:#FF3400; line-height:20px;
			border-bottom:1px solid #d1d1d1; margin-bottom:25px;
		}
		
		#content .text h2 a,
		#content .text-large h2 a
		{color:#FF3400; text-decoration:none;}
		
		#content .text span.orange,
		#content .text-large span.orange{color:#FF3400;}
		
		#content .text h3,
		#content .text-large h3{font-family:Tahoma; font-size:13px; color:#242424; line-height:20px; margin-bottom:15px;}
		
		#content .text h4,
		#content .text-large h4{font-family:Tahoma; font-size:12px; color:#242424; line-height:20px; margin-bottom:5px;}
		#content .text h4 a,
		#content .text-large h4 a{color:#242424; text-decoration:none;}
		#content .text h4 a:hover,
		#content .text-large h4 a:hover{color:#FF3400;}
		#content .text h4 span.orange{position:relative; top:0; vertical-align:top;}
		#content .text h4 span.question{position:relative; display:inline-block; width:580px; cursor:pointer; color:#000000; line-height:20px;}
		#content .text .answer{position:relative; width: 580px; height:auto; margin:0 auto; display:none; }
		
		
		
				
		#content .text ul
		{
			position:relative; width:615px; margin:0; padding:0; height:auto; margin-top:15px; margin-bottom:15px; list-style:none;
		}
		
		#content .text-large ul
		{
			position:relative; width:841px; margin:0; padding:0; height:auto; margin-top:15px; margin-bottom:15px; list-style:none;
		}
		
		#content .text ul li,
		#content .text-large ul li
		{
			position:relative;
			background:url(../siteimages/background/text-list.jpg) left 3px no-repeat;
			padding-left:25px; line-height:16px; margin-bottom:5px; 
		}
		
		.text ul li.two-columns
		{
			position:relative; width:40%; margin-right:10px; float:left; display:block;
		}
		
		#content .text ul.drop-list li{font-size:12px; font-weight:bold; cursor:pointer;}
		#content .text ul.drop-list li ul{position:relative; width:80%; height:auto; display:none;}
		#content .text ul.drop-list li ul li{font-weight:normal;}
		
		#content .text p,#content .text-large p{line-height:18px; margin-bottom:15px;}
		#content .text p a,#content .text ul li a,
		#content .text-large p a,#content .text-large ul li a{color:#FF3400; text-decoration:underline;}
		#content .text p a:hover,#content .text ul li a:hover,
		#content .text-large p a:hover,#content .text-large ul li a:hover{text-decoration:none;}
		#content .text p img,
		#content .text-large p img
		{position:relative; float:right; display:inline; margin-left:10px;}
		#content .text a.buy,
		#content .text-large a.buy
		{position:relative; float:left; margin:15px; margin-left:35px;}
		#content .text img,#content .text-large img{border:none;}
		
		#content .text .left-box
		{
			position:relative; width:300px; height:auto;
			float:left; display:inline; 
		}
		
		#content .text .right-box
		{
			position:relative; width:300px; height:auto;
			float:right; display:inline;
		}
		
			#content .text .right-box form.contact-form
			{
				position:relative; width:300px; height:auto;
				margin:0; padding:0;
			}
			
			form.contact-form label.label
			{
				position:relative; width:65px; height:auto;
				float:left; display:inline; 
				text-align:right; line-height:20px;
				margin-right:15px;
			}
			
			form.contact-form input.text-field
			{
				position:relative; width:160px; height:auto;
				float:left; display:inline; margin-bottom:10px;
				border:1px solid #a4a4a4; height:20px;
			}
			
			form.contact-form textarea{position:relative; width:200px; float:left; border:1px solid #a4a4a4;}
			
			form.contact-form img.captcha
			{
				position:relative; margin-left:80px; border:1px solid #a4a4a4;
			}
			
			form.contact-form input.submit
			{
				position:relative; margin:15px; margin-left:80px;
			}
			
			#content .text .right-box #messageBox
		{
			position:relative; text-align:center; width:300px; height:auto; margin:0; padding:0;
		}
			#content .text .right-box  #messageBox p{position:relative; margin:0; padding:0; color:#990000;}
			#content .text .right-box #messageBox p.success{color:#FF3400;}
			
			#content .text form.proposal-form
			{
				position:relative; width:615px; height:auto;
			}
				form.proposal-form label.label
				{
					position:relative; width:150px; height:auto;
					float:left; display:inline; 
					text-align:right; line-height:20px;
					margin-right:15px;
				}
				
				form.proposal-form input.text-field
				{
					position:relative; width:300px; height:auto;
					float:left; display:inline; margin-bottom:10px;
					border:1px solid #a4a4a4; height:20px;
				}
				
				form.proposal-form select
				{
					position:relative; width:300px; height:auto;
					float:left; display:inline; margin-bottom:10px;
					border:1px solid #a4a4a4; height:20px;
				}
				
				form.proposal-form img.captcha
				{
					position:relative; margin-left:165px; border:1px solid #a4a4a4;
				}
				
				form.proposal-form input.submit
				{
					position:relative; margin:15px; margin-left:165px;
				}
				
				#content .text #errorBox
				{
					position:relative; text-align:center; width:615px; height:auto;
				}
				
				#content .text #errorBox p{color:#990000; margin:0;}
				#content .text #errorBox p.success{color:#FF3400;}
		
		.text .text-nav,
		.text-large .text-nav
		{
			position:relative; width:auto; height:29px; z-index:025;
			background:url(../siteimages/background/text-nav.jpg) repeat-x; 
			top:-25px;	text-align:right; float:right; display:inline;
		}
		
			.text .text-nav .l-c,
			.text-large .text-nav .l-c
			{
				position:absolute; width:11px; height:29px; left:0; top:0; z-index:030;
				background:url(../siteimages/background/text-nav-l-c.jpg) no-repeat;
			}
			
			.text .text-nav .r-c,
			.text-large .text-nav .r-c
			{
				position:absolute; width:11px; height:29px; right:0; top:0; z-index:030;
				background:url(../siteimages/background/text-nav-r-c.jpg) no-repeat;
			}
		
		.text .text-nav a,.text-large .text-nav a{position:relative; line-height:28px; background:url(../siteimages/background/text-nav-link.jpg) right no-repeat; padding:7px; color:#fff; text-decoration:none; padding-left:15px; padding-right:15px;}
		
		.text .text-nav a:hover,.text-large .text-nav a:hover{color:#FFF059;}
		
		.text .hr,.text-large .hr{position:relative; width:615px; height:17px; margin-top:10px; margin-bottom:10px; background:url(../siteimages/background/hr.jpg) center no-repeat; clear:both;}
		

#footer
{
	position:relative; width:881px; background:#00FF00; height:25px;
	background:url(../siteimages/background/footer.jpg) repeat-x;
	margin:0 auto; z-index:010; padding:15px; padding-top:20px;
}
	#footer .l-c
	{
		position:absolute; width:18px; height:60px; left:0; top:0; z-index:015;
		background:url(../siteimages/background/footer-l-c.jpg) no-repeat;
	}

	#footer .r-c
	{
		position:absolute; width:18px; height:60px; right:0; top:0; z-index:015;
		background:url(../siteimages/background/footer-r-c.jpg) no-repeat;
	}
	
	#footer p{position:relative; color:#fff; line-height:18px; font-size:11px; font-family:Tahoma;} 
	#footer p.left{position:relative; display:inline; margin-left:5px;}
		#footer p.left a{color:#fff; text-decoration:none; margin-left:4px; margin-right:4px;}
		#footer p.left a:hover{text-decoration:underline;}
	#footer p.right{position:relative; display:inline; margin-right:5px;}