﻿body { background: #332c2c; }

/*--===================== header =======================--*/

#header { padding:0; background: #8b7e5e; width: 100%; height: 94px; border-top: 3px solid #500000; }
.inner_header { background: #a99a6f; height: 94px; }

#flash	{ position: relative; z-index: 100; float: left; width: 480px; }

#register	{ width: 200px; text-align: right; float: right; padding: 20px 20px 0 0; }
	#register img	{ display: inline; position: relative; top: 5px; }
	#register p { color: #fff; margin: 0; padding: 0; }
	#register a	{ color: #fff; }

/*--===================== MENU =======================--*/

#menu { margin: 0; padding: 0; background: #8b7e5e; height: 36px; }

ul#nav { margin: 0; padding:0; background: #a99a6f; height: 36px; position: absolute; width: 960px; }
	
ul#nav li { display: inline; line-height: 32px; padding-right: 1px; float: left; margin: 0 0 0 5px; }
	
ul#nav li a { float: left; color: #500000; height: 29px; width: 100px; padding: 0; background: #a99a6f; margin: 7px 0 0 0; text-align: center; }
	
ul#nav a:hover { color: #fff; background: #a99a6f; text-decoration: none; }
	
ul#nav li.activelink a,ul#nav li.activelink a:hover {
	background: url(../images/menu-grey-bg100.png) bottom no-repeat; color: #fff; }
	
ul#nav li ul 			{display:none; width: 70px;}
ul#nav li:hover > ul	{display:block; clear: left; }
ul#nav li li			{ display: block; }
ul#nav li li a			{ padding: 0 5px; margin: 0; width: 100px; text-align: left; }
	
	
#news_search 		{ height: 30px; background: #565252; margin: 0; padding: 10px 0; }

	#news			{ width: 70%; float: left; margin: 2px 0 0 20px; }
	#news img		{ float: left; height: 20px; width: 20px; margin: 2px 5px 0 0; }
	#news p			{ margin: 0; color: #fff; }
	#news a:hover	{ color: #000; }
	
	#search			{ float: right; background: url(../images/searchbox.png) no-repeat; width: 171px; height: 30px; padding: 2px 5px; margin: 0; }
	.searchbox		{ border: none;  padding: 2px 5px; margin: 2px 5px 0 0; width: 125px; background: #e1e1e1; border: solid 1px #fff; }
	.search_btn		{ border: none; background: url(../images/search_icon.png) no-repeat; width: 22px; height: 22px; margin: 0; padding: 0;
					  position: relative; right: 7px; bottom: 2px; }
	
/*--===================== CONTENT =======================--*/
	
#content { background: #fff; padding: 10px 0; }
#content h3 { color: #000; }
#content li { color: #666; }

#content a:hover { color: #000; }
	
img.team	{ border: solid 2px #000; float: left; margin: 0 10px 3px 0; }


/*====================================
	Banner 
======================================*/

div.banner {
	width: 456px;
	height: auto;
	position: relative;
	margin-bottom: 20px;
	border: solid 2px #000;
}

div.banner:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*====================================
	Banner Left
======================================*/

div.banner-left {
	width: 150px;
	height: 60px;
	float: right;
	padding: 0;
	background: #000;
}

div.banner-left ul {
	list-style: none;
}

div.banner-left ul li {
	float: right; margin: 0;
}

div.banner-left ul li a {
	width: 150px;	
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: right;
}

div.banner-left ul li img {
	 z-index: 100;
	 display: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.banner-left ul li a.med_equipment {
	height: 60px;
	background: url('../images/banner-med-equip.jpg') 0 0 no-repeat;
}

	div.banner-left ul li a.med_equipment:hover {
		background-position: 0 -60px;
	}

div.banner-left ul li a.reg_comp {
	height: 60px;
	background: url('../images/banner-reg-comp.jpg') 0 0 no-repeat;
}

	div.banner-left ul li a.reg_comp:hover {
		background-position: 0 -60px;
	}

div.banner-left ul li a.pro_source {
	height: 60px;
	background: url('../images/banner-pro-source.jpg') 0 0 no-repeat;
}

	div.banner-left ul li a.pro_source:hover {
		background-position: 0 -60px;
	}
	
div.banner-left ul li a.special_med {
	height: 60px;
	background: url('../images/banner-special-med.jpg') 0 0 no-repeat;
}

	div.banner-left ul li a.special_med:hover {
		background-position: 0 -60px;
	}

/*====================================
	Banner Right
======================================*/

div.banner-right {
	width: 305px;
	height: 240px;
	float: left;
	border-right: 1px solid #000;
}

div.banner-right img {
	position: relative; width: 305px;
}



ul.services { margin-left: 20px; }
	.services li ul { margin-left: 20px; }
	.services li	{ clear: left; }
	.services li img	{ float: left; margin: 0 5px 10px 0; border: solid 1px #666; }


#subfooter { background: #500000; padding: 10px 0; border-top: solid 1px #a99a6f; float: left; }
#subfooter p, li { color: #fff; }
#subfooter h3 { color: #a99a6f; }
	
/*--===================== FOOTER =======================--*/
	
#footer { color:#666; margin: 0; padding: 10px; font-size: 9pt; background: #1f1b1b; height: 30px; }
	#footer ul { float: left; list-style: none; }
	#footer ul li { display: inline; margin: 0 10px 0 0; color: #666; }
	#footer p.copy { float: right; }