/* 
------------------------
Author: Daniyal Hamid 
Made for: HomeopathyNHS.com
(C) 2007, All Rights Reserved.
------------------------
*/

/******** CSS 3 **********/
:root{
	/* overflow-y: scroll; */
	
	overflow: -moz-scrollbars-vertical;
}

/******** BASIC LAYOUT STYLING **********/
body {
	background-color: white;
	
	margin: 0;
}


a, a:visited {
	font-weight: bold;
	color: #e76301;
}

a:hover, a:visited:hover {
	text-decoration: none;
}

.inner_link a, .inner_link a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #47484a;
	
	border-bottom: 1px dotted #a74040;
}

.inner_link a:hover, .inner_link a:visited:hover {
	color: #a74040;
	
	border-bottom: 1px solid #a74040;
}


.hr {
	height: 1px;
				
	margin: 11px 0 11px 0;
				
	border-bottom: 1px dashed #7f7f7f;
}

.hr_light {
	height: 1px;
				
	margin: 11px 0 11px 0;
				
	border-bottom: 1px dashed #d3d3d3;
}


.btn_top {
	text-align: right;
}


.float_right {
	float: right;
}

.float_left {
	float: left;
}

.align_right {
	text-align: right;
}

.align_center {
	text-align: center;
}

.align_left {
	text-align: left;
}

.timestamp {
	text-align: right;
	
	font-size: 10px;
}

.bullet_links a, .bullet_links a:visited {
	padding: 0 5px 4px 15px;
		
	background: url('../../visual/content/da_bullet.gif') no-repeat center left;
}

.clr_left {
	clear: left;
}

.clr_right {
	clear: right;
}

.clr_both {
	clear: both;
}


.caption {
	text-transform: uppercase;
	font-weight: bold;
	
	border-bottom: 1px dotted #000000;
}

.important {
	color: red;
}

/******** 1. TEMPLATE HEADER **********/

#header {
	width: 100%;
	height: 131px;
	
	background: url('../../visual/layout/header_grad.gif') repeat-x;
}

	/******** 1.1 HEADER CONTENT **********/
	#header-layout {
		width: 775px;
		height: 100px;
		
		margin: 0 auto;
	}
		
		#header-layout div {
			padding-top: 20px; /* 22px for 2nd logo, 15px for 3rd logo */
			margin: 0;
		}
		
		#header-layout #header-logo {
			float: left;
			
			width: 251px;
			height: 52px;
			
			background: url('../../visual/layout/logo.gif') no-repeat bottom;
		}
		
		/* BANNER DIMENSIONS: 500 x 70 */
		#header-layout #header-banner {
			float: right;
			
			width: 500px;
			height: 70px;
			
			/* background: url('') no-repeat bottom; */
		}
		
	/******** 1.2 NAVIGATION **********/
	#nav-bar {
		width: 100%;
		height: 23px;
	
		background: url('../../visual/layout/nav-bar_grad.gif');
	}
	
		/******** 1.2.1 NAVIGATION CONTENT **********/
		#nav-bar #nav-inner {
			width: 630px;
			
			margin: 0 auto;
		}
		
			#nav-bar #nav-inner ul {
				padding: 0;
				margin: 0;
			}
			
			#nav-bar #nav-inner li {
				display: inline;
			
				list-style-type: none;
				
				margin: 0;
				padding-right: 4px;
			}
			
				#nav-bar #nav-inner li img {
					border: 0;
					
					cursor: pointer;
				}
			
/******** 2. TEMPLATE BODY **********/
#body {
	width: 100%;

	background: url('../../visual/layout/nav_under_grad.gif') repeat-x;
}

	/******** 2.1 BODY LAYOUT **********/
	#body-layout {
		width: 622px;
		min-height: 85px;
		
		margin: 0 auto;
		
		text-align: justify;
		
		background: url('../../visual/layout/body_bg.gif') no-repeat;
	}
	
		/******** 2.1.1 MAIN CONTENT **********/
		#body-layout #layout-inner {
			width: 448px;
				
			padding: 24px 0 24px 0;
			margin: 0 auto;
				
			font: 10px Tahoma, Helvetica, Geneva, Arial, Verdana, sans-serif;
			color: #47484a;
		}
		
/******** 3. TEMPLATE FOOTER **********/

#footer {
	width: 440px;
	min-height: 63px;
	
	margin: 0 auto;
	
	background: url('../../visual/layout/footer_bg.gif') no-repeat;
	
	padding-top: 20px;
	
	font: 8px Tahoma, Helvetica, Geneva, Arial, Verdana, sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #969696;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
	list-style-type: none;
	
	padding: 0 10px 0 10px;
}

#footer li img {
	border: 0;
}

.footer_sep {
	background: url('../../visual/layout/footer_seperator.gif') no-repeat right center;
}