/*-------------------------------------
Company Name: Medigold Occupational Health
Website: http://www.medigold-health.com/
Code and Design: The Tin Limited
--------------------------------------*/

/*GENERAL SETTINGS*/

* html
{
	padding:0px;
	margin:0px;
	}	
body
{
	background-color: #E6E3E3;
	color:#666;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:center;
	}
	
h1, h2, h3, h4, h5, ul, li, form, table, p, a, img
{
	padding:0px;
	margin:0px;
	border:none;
	text-decoration:none;
	list-style:none;
	}
blockquote
{
	background:#fff url('../images/quote.gif') no-repeat top left;
	padding:5px;
	margin-left:10px;
	font-style:italic;
	
	
	}	
	
.servContent ul, .servContent li
{
	
	position:relative;
	list-style-type:disc;
	padding-left:15px;
	margin:0px;
	}	
h3
{
	font-size:120%;
	color:#87704C;
	padding:0px;
	margin:0 0 20px 0px;}	
	
h2
{
	color:#87704C;
	padding:0px;
	margin:0px;
	}

	
p a:link,
p a:visited,
p a:hover,
p a:active
  
{	
	color:#87704C;
	}		
	
.clearFix
{
	padding:0px;
	margin:0px;
	height:0px;
	clear:both;
	}
.skipper {display: none;}	
.left
{
	padding:0px;
	margin:0px;
	position:relative;
	float:left;
	}
.right
{
	padding:5px;
	margin:0px;
	position:relative;
	float:right;
	}
	.right p
	{
		position:relative;
		float:left;
		}
.noMarg{margin:0px}	
.noBorder{border:none;}			
	
/*LAYOUT*/

#wrap
{
	width:724px;
	background-color:#fff;
	color:#666;
	margin:0 auto;
	padding:0 23px 10px 23px;
	text-align:left;
	position:relative;
	}
#intro
{
	background:#fff url('../images/introBg.jpg') no-repeat;
	width:730px;
	height:160px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	}
	#intro h1 a
	{
		background:url('../images/mgLogo.gif') no-repeat;
		width:129px;
		height:98px;
		margin:0px;
		padding:0px;
		text-indent:-9999em;
		position:absolute;
		top:27px;
		right:37px;
		overflow:hidden;
		}
#navigation
{
	width:730px;
	height:136px;
	margin:1px 0 0 0;
	padding:0px;
	position:relative;
	float:left;}	
		
#promo
{
	
	width:441px;
	height:150px;
	padding:0px;
	position:relative;
	margin-top:-90px;
	margin-left:50px;
	_margin-left:25px;
	float:left;
	}
	 
	#promo h2
	{
		color:#87704C;
		font-size:1.90em;
		line-height:1.2em;
		}
	#promo p
	{
		color:#87704C;
		padding:0px;
		margin:5px 0px;
		font-size:1.9em;
		line-height:1.2em;
		}
/*-------------------------
NAVIGATIONS
---------------------------*/		
			
ul#nav
{	
	
	width:730px;
	height:136px;
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
	
	}
	ul#nav li
	{
		background-color:#87704C;
		color:#fff;
		height:28px;
		vertical-align:middle;
		position:relative;
		float:left;
		display:inline;
		margin-right:2px;
		}
	ul#nav li a:link,
	ul#nav li a:visited
	{
		
		color:#fff;
		height:18px;
		font-size:0.95em;
		font-weight:bold;
		vertical-align:middle;
		position:relative;
		float:left;
		display:inline;
		padding:5px 10px;
		margin:0px 0px 2px 0px;
		}
	
	ul#nav li a:hover
	{
		background-color:#094523;
		color:#fff;
		height:18px;
		font-weight:bold;
		vertical-align:middle;
		position:relative;
		float:left;
		display:inline;
		padding:5px 10px;
		margin:0px 0px 2px 0px;
		}
		
	 ul#nav li.current a
	{
		background-color:#094523;
		color:#fff;
		height:18px;
		font-weight:bold;
		vertical-align:middle;
		position:relative;
		float:left;
		display:inline;}	
		
	/*--STYLING CONTACT US DROPDOWN-----*/	
		

	ul#nav li#navDrop 

	{
		width:211px;
		height:176px;
		padding:0;
		margin:0;
		background:#fff url('../images/dropDownBg.gif') top left;
		position:relative;
		float:right;
		clear:right;
		}	

	ul#nav li#navDrop a

	{

		color:#fff;
		width:188px; 
		height:48px;
		position:relative;
		float:left;
		font-size:100%;
		margin:0px;
		padding:5px 12px;
		line-height:1.2;
		*margin-top:-10px;
		}	

		ul#nav li#navDrop a span

		{
			width:188px;
			height:20px;
			position:relative;
			float:left; 
			text-align:left; 
			text-indent:0px;
			clear:left;
			line-height:1.2;
			margin-top:5px;
			*margin-top:15px;
			font-size:27px;

			}
	ul#nav li#navDrop a:hover

	{
		/*color:#fff;
		width:188px; 
		height:48px;
		padding:5px 12px;
		margin:0px;
		position:absolute;*/
		background-color:Transparent;

		}
	
			
		/*--SUB NAVIGATION--------*/	
			
		ul#nav li#navDrop ul#subNav 
		{
			width:202px;
			font-size:0.96em;
			padding:0px;
			margin:0px;
			position:absolute;
			top:60px;
			left:0px;
			display:block;
			}
			
			
		ul#nav li#navDrop ul#subNav li
		{
			background-color:transparent;
			color:#fff;
			height:23px;
			width:202px;
			font-size:0.96em;
			padding:5px 0 0 0px;
			margin:0 0 2px 0px;
			position:relative;
			float:left;
		   }
		   ul#nav li#navDrop ul#subNav li a
		   {
		   	background-color:Transparent;
		   	color:#fff !important;
			width:188px; 
			height:18px;
			padding:5px 12px;
			margin:0px;
			position:absolute;
			top:0px;
			}
		   
		   
		   
   .servContent .column1
   {
   	width:100%;
   	position:relative;
	float:left;
   }
   .servContent .column1 ul
   {
   	width:100%;
   	position:relative;
   	float:left;
   	padding:0;
   	margin:0;
   	display:block;
   	list-style-type:none !important;
   	}
   	.servContent .column1 ul li
   	{
   		width:100%;
   		padding:0px !important;
   		margin:0 0 8px 0;
   		position:relative;
   		float:left;
   		list-style-type:none !important;
   		display:inline;
   		}
   		.servContent .column1 ul li p.cell
   		{
   			width:100%;
   			height:inherit;
   			padding:0 !important;
   			margin:0;
   			position:relative;
   			float:left;
   			display:inline;
   			text-align:left;
   			clear:both;
   			list-style-type:none !important;
   		}
   		.servContent .column1 ul li p.cell label
   		{
   			width:auto;
   			position:relative;
   			float:left;
   			padding:0;
   			margin:0;
   			font-weight:bold;
   			}
   		.servContent .column1 ul li p.cell .smallText
		   {
		   	width:233px;
			/*position:absolute;
		   	right:0;
		   	top:0;*/
		   	position:relative;
			float:right;	
		   	clear:right;
		   	padding:0;
		   	margin:0;
		}
		#Button1
		   {
   			width:5em;
   			position:absolute;
   			right:0;
   			bottom:0;
		   }
		   .servContent .column1 ul li p.cell.chkNewsletter label{margin-left:20px;}
		  #chkNewsletter{width:1em; clear:left; position:absolute; left:0; top:0; margin-right:10px;} 
   
   .column2
   {
   	position:relative;
	clear:right;
	float:right;
   }
   .lblMessage{color:Red;}
   .cell{float:left; }
   #txtSector {width:155px;}
   

   /*.cell input
   {
	width:17.5em;
	margin-top:-0.4em;
   }*/

	#txtAddress
	{
		width:233px;
		height:80px;
	}	   
	/* submit button /	   
		#contactSubmit
		{
		background:#000 url('../images/submitBtn.gif') no-repeat top left;
		height:19px;
		width:84px;
		text-indent:-9999em;
		font-size:0em;
		color:#fff;
		border:none;
		margin-top:5px;
		padding:0px;
		}
		   
		/*
li#navDrop ul#subNav li a:hover
		{
			background-color:#E6E3E3;
			color:#000;
			height:23px;
			width:202px;
			font-size:0.96em;
			padding:5px 0 0 8px;
			margin:0 0 2px 0px;}   	
		   
	  ul#subNav li a:link,
		ul#subNav li a:visited
		{
			color:#000;
			font-size:0.96em;
			background-color:#ECECEC;
			height:23px;
			width:202px;
			padding:5px 0 0 8px;
			margin:0 0 2px 0px;}
		   
		ul#subNav li a:hover
		{
			background-color:#E6E3E3;
			color:#000;
			height:23px;
			width:202px;
			font-size:0.96em;
			padding:5px 0 0 8px;
			margin:0 0 2px 0px;}
*/
	
	
/*---------------
CONTAINER
-----------------*/
	
#container
{
	width:680px;
	padding:0 0px 10px 50px;
	margin:0 0px 0 0px;
	position:relative;
	float:left;
	clear:both;
	background:transparent url('../images/accrImg.gif') no-repeat 99% 96%;
	}
#mainContent
{
		width:680px;
		margin-top:22px;
		padding:0px;
		float:left;
		position:relative;
		clear:both;}		
	
	#topBand
	{
		width:680px;
		padding:0 0px 0 0px;
		margin:0px;
		float:left;
		position:relative;
		clear:both;
		}
		
	ul#keyServ,
	.right ul
	{
		width:inherit;
		margin-bottom:10px;
		padding:0px;
		display:block;
		position:relative;
		float:left;
		clear:left;
		}
	ul#serv1 li
	{
		background:url('../images/bullet.gif') no-repeat 0 0%;
		padding:0 0 10px 18px;
		margin:0;}	
	.right li
	{
		background:url('../images/bullet.gif') no-repeat 0 0%;
		width:inherit;
		padding:0 0 10px 18px;
		color:#666;
		font-weight: bold;
		font-size:13px;
		line-height:120%;
		display:block;
		}
		
	ul#keyServ li
	{
		
		width:100%;
		margin:0px;
		padding:7px 0 7px 18px;
		position:relative;
		float:left;
		color:#87704C;
		display:block;
		background:url('../images/bullet.gif') no-repeat 0% 30%;
		font-weight:bold;
		}
	ul#keyServ li a
	{
		width:auto;
		float:left; 
		position:relative; 
		color:#87704C;
		}	
	ul#keyServ li a:hover{color:#094523;}	
		
	#leftCol
	{
		font: 1.10em/1.4em Arial, Helvetica, sans-serif;
		/*width:442px;*/
		width:460px;
		margin:35px 10px 0 0px;
		padding:0 0 10px 0;
		position:relative;
		float:left;
		clear:left;
		}
	#leftColcontact
	{
		font: 1.10em/1.4em Arial, Helvetica, sans-serif;
		width:442px;
		margin:35px 0 0 0px;
		padding:0 0 10px 0;
		position:relative;
		float:left;
		clear:left;
		bottom:100px;
		}
		
		#leftColContent p
		{
			width:225px;
			padding:0px;
			margin:0 0 5px 0px;
			float:left;
			position:relative;
			}	
		
	#rightCol
	{
		width:205px;
		min-height:133px;
		padding:0px;
		margin:35px 0 200px 0px;
		position:relative;
		float:right;
		clear:right;
		}
		/*================= REMOVE THE IMAGE ON THE RIGHT SIDE =================*/
		
		#rightCol p a img
		{
			visibility:hidden;
			display:none;
			}
	#rightBox
	{
		width:186px;
		height:133px;
		padding:18px 0 0 19px;
		margin:0px;
		position:relative;
		float:right;
		background:#F5F1A8 url('../images/roundedBg.gif') no-repeat;
		font-size:1.50em;
		line-height:1.0em;
		}
		#leftCol h2,	
		#rightBox h2
		{
			color:#112F1B;
			padding:0px;
			margin:0px;
			}
		#leftCol p,	
		#rightBox p
		{
			padding:8px 0 13px 0px;
			margin:0px;}
			
		
	#login
	{
		
		width:195px;
		height:140px;
		background-color:#fff;
		color:#3B3F3E;
		float:left;
		position:relative;
		margin-bottom:10px;
		}
		
		#login a
		{
			color:#87704C;
			padding:0px;
			margin:10px 10px;
			}
		
		#login ul
		{
			width:182px;
			height:24px;
			color:#87704C;
			padding:0px;
			margin:0px;
			position:relative;
			float:left;
			display:inline;
			}
			
			#login ul li
			{
			height:20px;
			background-color:#F5F1A8;
			color:#87704C;
			padding:2px 5px;
			margin-right:3px;
			position:relative;
			display:inline;
			float:left;
			}
			
			#login ul li a
			{
			height:20px;
			background-color:#F5F1A8;
			color:#87704C;
			padding:0px;
			margin:0px 0px 0px 0px;
			font-size:1.0em;
			font-weight:bold;
			position:relative;
			float:left;
			}
			
			#login form
			{
			
			background-color:#F5F1A8;
			width:195px;
			float:left;
			position:relative;
			padding:5px 5px 10px 5px;
			margin:2px 0 0 0px;}
			
			#login form fieldset
			{
				
				background-color:#fff;
				height:69px;
				border:none;
				padding:5px;
				margin-bottom:10px;}
			#login input
			{
				width:95%;
				border:1px solid #ccc;
				background-color:#fff;
				padding:2px 0 2px 2px;
				margin:5px 0px 5px 5px;
				}	
	
	#newsBox,			
	#caseBox
			{
			background-color:#E6E3E3;
			width:195px;
			padding:5px 5px 20px 5px;
			margin:5px 0;
			position:relative;
			float:left;
				}
			
			#pdfBox a:link,
			#pdfBox a:visited,
			#pdfBox a:hover,
			#pdfBox a:active,
			#newsBox a:link,
			#newsBox a:visited,
			#newsBox a:hover,
			#newsBox a:active,
			#caseBox a:link,
			#caseBox a:visited,
			#caseBox a:hover,
			#caseBox a:active
			
			{
				color:#87704C;
				padding:0px 0px;
				margin:0px 0px;
				
				}
			#downloadPdf h3,
			#rightCol h3
			{
				
				
				background-color:#E6E3E3;
				height:14px;
				padding:5px 8px 5px 5px;
				margin:10px 0 -4px 0px;
				float:left;
				position:relative;
				font-size:0.96em;
				}	
	.whiteBox
	{
		background-color:#fff;
		margin:5px 0px;
		padding:15px 10px;
		
		}	
	.whiteBox img 
	{
		position:relative;
		float:left; 		
		padding:0px;
		}				
	.whiteBox h4
	{
		color:#333333;
		padding:0px;
		margin:0 0 17px 0;
		}	
	.whiteBox p
	{
		padding:0px;
		margin:0px 0 10px 0;
		}	
			
	#downloadPdf
	{
		
		width:195px;
		padding:0px;
		margin:0px;
		float:right;
		position:relative;
		}
			#pdfBox
			{
			background-color:#E6E3E3;
			width:185px;
			padding:5px 5px 20px 5px;
			margin:5px 0;
			position:relative;
			float:left;
				}
		
.servBand
{
		padding:0px 0 0 0;
		margin:0 0 25px 0px;
		position:relative;
		float:left;
		
	}
.servContent
{
		width:443px;
		padding:23px 0 10px 0;
		margin:5px 0 15px 0px;
		position:relative;
		float:left;
		/*font:1.1em/1.4em Arial,Helvetica,sans-serif;*/
		border-top:1px solid #E6E3E3;}
		
		.servContent p
		{
			margin:0px;
			padding:0 0 10px 0;
			position:relative;
			}
		
		a.backTop
		{
			float:right;
			position:relative;
			color:#112F1B;
			margin:0px;
			padding:12px 0 0 0;
			}
		a.servContct
		{
			background:#F5F1A8 url('../images/contctBg.gif') no-repeat;
			width:73px;
			height:22px;
			padding:11px 0 0 13px;
			margin:0px;
			color:#112F1B;
			float:left;
			position:relative;}	
.servGraph
{
	   position:relative;
	   float:right;
	   padding:0px;
	   margin:0px;
	   }	
	   
/*=============================
BIOGRAPHY AND STAFF PROFILES
===============================*/

.bioProfile
{
	width:443px;
	padding:0px 0px 10px 0px;
	margin:0px;
	position:relative;
	clear:both;
	border-top:1px solid #E6E3E3;
	}
	.bioProfile h3
	{
		margin-bottom:10px;
		margin-top:5px;
		font-size:100%;
		}
	.bioProfile p
	{
	padding:0px !important;
	margin:0px 0px 5px 0px !important;
	position:relative;
	
	
	}
.passPort
{
	width:100px;
	float:left;
	position:relative;
	padding:5px;
	margin:5px;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	/*background-color:#D4E0BE;*/
	z-index:1;
	font-weight:bold;
	
	}
	.passPort img
	{
		width:auto;
		padding:0px;
		margin:0;
		position:relative;
		float:left;
		/*border:1px solid #666;*/
		}
	.passPort p
	{
		padding:0px;
		margin:0px;
		position:relative;
		float:left;
		}
/*=============================
TABLE DISPLAYING FOOT PRINTS ADDRESS
===============================*/

table#addressTable
{
	width:500px;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	
	}
	table#addressTable td
	{
		
		vertical-align:text-top;
		padding-right:5px;
		margin-top:10px;
		}
/*=============================
FOOTER AND BOTTOM NAVIGATION
===============================*/
	   
#footer
{
	background-color:#87704C;
	color:#fff;
	width:730px;
	height:28px;
	margin:10px 0px 10px 0px;
	padding:0px;
	font-size:90%;
	position:relative;
	float:left;
	clear:both;}
	
	#footer ul
	{
		padding:0px 0 0 16px;
		margin:0px;
		position:relative;
		float:left;
		}
		#footer ul li
		{
			display:inline;
			border-left:1px solid #fff;
			padding:0px 5px;
			margin:5px 0px;
			position:relative;
			float:left;}
		#footer ul li.noBorder
		{
			border:none;}	
			
		#footer ul li a:link,
		#footer ul li a:hover,
		#footer ul li a:visited,
		#footer ul li a:active
		
		{
			
			display:inline;
			padding:0px;
			margin:0px;
			position:relative;
			float:left;
			color:#fff;
			}
	#footer p
	{
		float:right;
		margin:5px 17px 5px 0px;
		padding:0px;
		}