/*
	Developer n coder: Asmarah Din Muhammad 
	Project Name: Asia Medical Tourism Congress
	Developer Company : Ewebcraft
	Contact URL: ewebcraft@gmail.com
	Date : 15 Feb 2010
*/

body{ position:relative; margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

@font-face {
  font-family: 'Myriad Pro';
  src: url('../font/MyriadPro-Regular.eot');
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../font/MyriadPro-Regular.ttf') format('truetype');
}

/**** Global Elements *****/
.clr{clear:both; }
.center{text-align:center;}
.hidden{display:none;}

h1,h2,h3,h4,h5,h6,h7,h8{
	
	font-family:"Myriad Pro";
	font-weight:bold;
	line-height:100%;
}
h1{ font-size:18px;}
h2{ font-size:16px}
_h2{ font-size:15px;}
h3{	font-size:13px;
	padding:0; margin:0;}
h4{ font-size:13px; }
h5{ font-size:11px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a  { position:relative; text-decoration:underline; color:#111111;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none;}
small{font-size:90%;}
strong{font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.no-bg {background:none;}
p,ol,ul,li,em, a { font-family:Arial, Helvetica, sans-serif; }

span.red { color:#990000; }

/***************** Main Container****************************/
#container
{
	position:relative; width:1000px; height:auto; margin:0 auto; z-index:001; 
}
#container p.imge { width:1000px; margin:0; padding:0; text-align:center; margin-bottom:5px;}
#container img { border:none; }
/***************** Container Header****************************/
#container #header
{
	position:relative; width:1000px; height:120px; background:url(../images/Background/header-bg.png) repeat-x;
	margin:0; z-index:002;
}
	/***************** Container Header Left ****************************/
	#header .left
	{
		position:relative; width:1000px; height:100px;  margin:0; padding:0; padding-top:20px; 
		padding-left:10px; z-index:002; 
	}
		.left img {position:relative;  border:none; margin:0; margin-left:12px; margin-right:10px; float:left; display:inline;}
			
	/***************** Container Header Right ****************************/
	 #header .email-info
	{ 
		position:absolute; width:380px; height:50px; line-height:1.5em; color:#fff; margin:0; padding:0; right:0; top:70px;
		z-index:005; 
	}
		.email-info p{ position:relative; width:auto; height:auto; margin:0; margin-top:26px; margin-left:20px; font-size:11px; }
		.email-info p a { color:#FFFFFF; text-decoration:none;  font-size:11px; }
		.email-info p a:hover { text-decoration:underline;}

/************ Container Navigation ******************/
#container #navigation
{
	position:relative; width:1000px; height:30px; background:url(../images/Background/nav-bg.gif) repeat-x; margin:0; padding:0;
	padding-top:6px;	
}
	 #navigation ul.main { position:relative; width:988px; height:26px; margin:0; padding:0; padding-left:12px; list-style:none; }
	 	ul.main li 
		{ 
			position:relative; width:auto; height:26px; background:url(../images/Background/li-bg.jpg) repeat-x; float:left;
			display:inline; margin:0; padding:0; text-align:center; text-transform:uppercase; 
		}
		ul.main li a 
		{ 
			position:relative; width:138px; height:26px; text-decoration:none; display:inline-block; line-height:27px;
			color:#000; font-size:11px; font-weight:bold; font-family:Tahoma;
		}

		ul.main li a span.nav {	position:absolute; width:auto; height:26px; left:0; top:0; }
		ul.main li a span.first { width:4px; background:url(../images/Background/nav-li-left.jpg) no-repeat;}
		ul.main li a span.lft { width:13px; background:url(../images/Background/nav-li-lft.jpg) no-repeat;}
		ul.main li a span.right 
		{ 
			position:absolute; width:16px; height:26px; top:0; right:0; 
			background:url(../images/Background/nav-li-right.jpg) no-repeat;
		}
		ul.main li a span.last 
		{ 
			position:absolute; width:28px; height:26px; top:0; right:-10px; 
			background:url(../images/Background/nav-li-last.jpg) no-repeat;
		}

		 			
/***************** Container Banner ***************************/

	#container #banner_con
	{
		position:relative; width:1000px; height:201px; background:#000; padding:0; margin:0; z-index:002;
	} 
		#banner_con .banner { position:relative; width:690px; height:201px; margin:0; padding:0; float:left; display:inline;  }
		#banner_con .flash
		{
			position:relative; width:250px; height:201px; float:left; display:inline; margin:0; padding:0; margin-left:8px;
		}

/***************** Container Content **************************/

	#container #content { position:relative; width:1000px; height:auto; margin:0; padding:0; z-index:002; }

/***************** Container Content Left Side ****************************/

		#content .left-side
		{
			position:relative; width:191px; height:auto; background:#A7030C; float:left; display:inline; text-align:center; 
			z-index:002;
		}
			.left-side ul.list
			{
				position:relative; width:189px; height:auto; border:1px solid #DDCDAB; list-style:none; margin:0; padding:0;
				border-bottom:0; margin-bottom:20px;
			}
			.left-side ul.list li
			{
				position:relative; width:189px; height:25px; background:url(../images/Background/li-left.jpg) repeat-x; 
				margin:0; padding:0; font-size:11px; font-weight:bold; border-bottom:1px solid #DDCDAB;
			}
			.left-side ul.list li a
			{
				position:relative; width:175px; height:25px; padding:0; padding-left:15px; display:block; text-decoration:none;
				line-height:25px; color:#FFFFFF; text-align:left;
			}
			.left-side ul.list li a:hover, .left-side ul.list li a.active
			{
				background:url(../images/Background/left-nav-arrow.jpg) 3px 3px no-repeat;
			}
			
			.left-side img { border:none;}
			.left-side strong { position:relative; width:auto; height:auto; color:#EFE356; font-size:13px; font-family:"Tahoma";}

/***************** Container Content Middle Text ****************************/

		#content .middle-text
		{
			position:relative; width:604px; height:auto; float:left; display:inline; z-index:002; margin:0; padding:15px;
		}
			.middle-text h1
			{
				position:relative; width:602px; height:auto; margin:0; padding:0; padding-bottom:10px; border:0; color:#75011B;
				border-bottom:1px dotted #75011B; font-size:20px; font-weight:normal; 
			}
			
			.middle-text h2
			{
				position:relative; width:auto; height:auto; display:block; color:#000000; font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
			}
			
			.middle-text h4, .middle-text h4 a
			{
				position:relative; width:auto; height:auto; font-family:"Myriad Pro"; font-size:16px; margin:0; padding:0;
				padding-left:25px; background:url(../images/Frontend/h3-dot.jpg) 5px no-repeat; color:#75011B; margin-top:16px;
				margin-bottom:15px; display:block; font-weight:normal; text-decoration:none; 
			}
			.middle-text h4 a:hover { text-decoration:underline;}
			
			.middle-text p strong a, .middle-text p a, .middle-text p a span { text-decoration:none;}   
			.middle-text a:hover { text-decoration:underline;}
			
			.middle-text p
			{
				position:relative; width:auto; height:auto; line-height:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			.middle-text img { border:none; margin:0; }
			.middle-text ul, .middle-text ol 
			{ 
				position:relative; width:auto; height:auto; margin:0; margin-top:10px; margin-left:25px; padding:0; 
				margin-bottom:10px; font-size:12px;
			}
			.middle-text ul li, .middle-text ol li 
			{ 
				position:relative; width:auto; height:auto; padding:0; padding-left:10px; line-height:20px;
				font-family:Verdana, Arial, Helvetica, sans-serif;	 
			}
			.middle-text .back { position:absolute; width:72px; height:20px; right:15px; top:18px; border:none; z-index:999; }

		/***************** Sponsors Page ****************************/
		#content .middle-text #speakers { position:relative; width:604px; height:auto;  margin:0 auto; margin-top:20px; }
			#speakers .speaker_box
			{
				position:relative; width:289px; height:143px; margin:0; padding:0; background:#FFFFF1; float:left; display:inline;
				margin-right:13px; margin-bottom:23px;
			}
			#speakers .speaker_box .speaker
			{
				position:relative; width:287px; height:116px; border:1px solid #E2E2E2; margin:0; padding:0; 
			}
			#speakers .speaker_box .speaker .left
				{
					position:relative; width:76px; height:100px; float:left; display:inline; overflow:hidden; margin:0; 
					padding:8px; 
				}
				.speaker_box .speaker .left img { border:1px solid #E9E9E9; } 
				.speaker_box .speaker .right 
				{
					position:relative; width:179px; height:100px; float:right; display:inline; margin:0; padding:8px; 
					
				}
				#content .middle-text #speakers .speaker_box .speaker .right h3
				{
					position:relative; width:178px; height:auto; color:#A7030C; font-size:14px; 
					font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:0; margin-bottom:20px;
				}
				.speaker_box .right p 
				{ position:relative; width:178px; height:auto; color:#000; line-height:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif;} 
				.speaker_box .speaker .right strong
				{
					position:relative; width:auto; height:auto; color:#B32C34; font-size:12px; margin:0; margin-bottom:10px;
				}
				
				.speaker_box .right a 
				{ 
					position:absolute; bottom:10px; left:10px; width:auto; height:auto; font-size:12px; color:#A7030C; 
					text-decoration:none;
				} 						
				.speaker_box .right a:hover { text-decoration:underline;}
				
			#speakers .nav_bot 
			{ 
				position:relative; width:289px; height:25px; border:none; margin:0; text-align:center;
				background:url(../images/Frontend/bio.jpg) no-repeat; 
			}
			#speakers .nav_bot a 
			{ 
				position:absolute; top:4px; right:0px; width:134px; height:20px; margin:0; padding:0; color:#FFFFFF;
				font-weight:bold; text-decoration:none;
			} 
			
		#content .middle-text table, #content .middle-text table tr td strong  
		{ font-family:Verdana, Arial, Helvetica, sans-serif;}
		#content .middle-text table tr td { font-size:12px;}
/***************** Container Content Right Side ****************************/

		#content .right-side
		{
			position:relative; width:173px; height:auto; background:#EAEAEA; float:right; display:inline; z-index:002;
			border:none; border-left:1px solid #CFDFEE; border-right:1px solid #CFDFEE; margin:0; padding:0; padding-top:10px;
			padding-bottom:15px;
		}
			.right-side p { margin:0; padding:0; font-weight:normal;}
			.right-side img { position:relative; border:none; margin:0; margin-left:9px; margin-top:5px;}

			.right-side strong, .right-side h1, .right-side h2, .right-side h3, .right-side h4, .right-side h5, .right-side h6
			{
				position:relative; width:auto; height:auto; text-align:left; margin:10px; margin-bottom:5px; font-size:11px; 
				color:#6D6E67; font-family:Verdana, Arial, Helvetica, sans-serif; display:block;
			}
			
			.right-side #scroller
			{
				position:relative; width:170px; height:300px; margin:0 auto; padding:0; overflow:hidden; z-index:005;
				
			}
			.right-side #scroller .items { position:absolute; top:0; left:0; width:170px; height:10000px; }
			.right-side #scroller .items .spnsrs { position:relative; width:170px; height:auto; margin:0; }
			

/***************** Container Footer ****************************/

	#container #footer
	{
		position:relative; width:1000px; height:75px; background:#5B5B5B url(../images/Background/footer-bg.jpg) repeat-x;
		margin:0; padding:0;
	}
		#footer p 
		{ 
			position:relative; width:auto; height:auto; line-height:1.5em; color:#CACACA; font-size:11px; margin:0; padding:0;
			margin-left:10px;
		}
		#footer p strong, #footer strong, #footer p a { position:relative; color:#CACACA; text-decoration:none;}
		#footer p a:hover { text-decoration:underline;}
		#footer .lft-text
		{
			position:relative; width:800px; height:50px; float:left; display:inline; margin:0; padding:0; margin-top:10px;
			padding-top:4px; 
		}
		#footer .company-info
		{
			position:relative; width:180px; height:40px; float:right; display:inline; margin:0; padding:0; margin-top:10px; 
			margin-right:5px; text-align:center; padding-top:20px;
		}