/*
-------------------------------------------------------------------------------
Main elements
-------------------------------------------------------------------------------
*/

body {
	background: #eaeaea url(../images/background-body.gif) repeat-y left top;
	margin: 0;
	padding: 0;
}

body, table, input, textarea, legend {
	font: normal normal normal 11px Verdana, Tahoma, Helvetica, Arial, sans-serif;
}

html, body, #body {
	min-height: 100%;
	height: 100%; /* Hack for IE5+/Win */
	min-width: 800px;
	width: 100%;
}

html>body, html>body #body { /* Child selector to hide from IE5+/Win */
	height: auto;
}

#body {
	position: absolute;
	top: 0;
	left: 0;
}

#main_content { /* Margin-Bottom larger than footer height */
	margin: 20px 30px 40px 180px;
	height: auto;
	text-align: justify;
}

/*
-------------------------------------------------------------------------------
Page header
-------------------------------------------------------------------------------
*/

#page_header { /* Top Navigation Container */
	background: #eaeaea url(../images/background-head.gif) no-repeat left top;
	position: relative;
	right: 0;
	top: 0;
	height: 117px;
	width: 100%;
}

#page_header a {
	text-decoration: none;
}
/*	
#page_header h1 { 
	background: url(../images/multicontact.gif) no-repeat left bottom;
	color: #eaeaea;
	font-size: 10px;
	margin: 0;
	text-indent: -5000px;
	position: absolute;
	left: 0;
	top: 15px;
	height: 64px;
	width: 100%;	
}
*/
#page_header h1 { /* NEW */
	background: url(../images/logo-USA-left.gif) no-repeat left bottom;
	color: #eaeaea;
	font-size: 10px;
	margin: 0;
	text-indent: -5000px;
	position: absolute;
	left: 0;
	top: 0;
	height: 94px;
	width: 100%;
}
/*
#page_header a.logo{background:url(/themes/grey/images/logo2.gif) no-repeat right;color:#eaeaea;display:block;text-indent:-5000px;position:absolute;right:0;top:0;height:94px;width:400px;}
#page_header h1{background:url(/themes/grey/images/logo2.gif) no-repeat;color:#eaeaea;font-size:10px;margin:0;text-indent:-5000px;position:absolute;left:0;top:0;height:94px;width:100%;}
*/
/*
#page_header a.logo {
	background: url(../images/logo.gif) no-repeat;
	color: #eaeaea;
	display: block;
	text-indent: -10000px;
	position: absolute;
	right: 0;
	top: 0;
	height: 94px;
	width: 116px;
}
*/

#page_header a.logo {  /* NEW */
	background: url(../images/logo-USA-right.gif) no-repeat right;
	color: #eaeaea;
	/*display: block;*/
	text-indent: -10000px;
	position: absolute;
	right: 0;
	top: 0;
	height: 94px;
	width: 400px;
}

#page_header span { /* Advanced Contact Technology ... */
	color: #545454;
	font-weight: bold;
	text-transform: lowercase;
	position: absolute;
	top: 96px;
	left: 6px;
	height: 20px;
	line-height: 20px;
	z-index: 91;
}

#page_header span b { /* ... by Multi-Contact USA */
	color: #545454;
	display: none;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}
		
#page_header ul { /* Home, Products, News, About, Contact, Search */
	background: #eaeaea url(../images/bar.gif);
	border-bottom: 1px solid #545454;
	border-top: 1px solid #545454;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 95px;
	left: 0;
	height: 20px;
	width: 100%;
	z-index: 90;
}
		
#page_header ul li { /* The List Elements */
	float: right;
	border-left: 2px ridge #545454;
}
		
#page_header ul a { /* The List Anchors */
	color: #000000;
	display: block;
	float: left;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
}

#page_header>ul a:first-letter { 
	text-decoration: underline;
}

#page_header ul a:hover, #page_header ul a.active { /* OnMouseOver and if Active */
	background: #eaeaea url(../images/button.gif);
}

/*
-------------------------------------------------------------------------------
Left menu
-------------------------------------------------------------------------------
*/

#left_menu {
	margin: 0 0 20px 0;
	float: left;
	height: auto;
	/*position: absolute;
	left: 0;
	top: 117px;*/
	width: 150px;
}

#left_menu ul {
	font-size: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#left_menu ul a { /* The List Anchors */
	background: url(../images/menu-border.gif) repeat-x left bottom;
	display: block;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding-left: 18px;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
}

#list li.blk a,
#list li.red a,
#list li.mag a,
#list li.gre a,
#list li.yel a,
#list li.blu a {
	color: #545454;
	padding-left: 14px;
}

#list li.blk ul li a,
#list li.red ul li a,
#list li.mag ul li a,
#list li.gre ul li a,
#list li.yel ul li a,
#list li.blu ul li a {
	color: #000000;
	padding-left: 24px;
}

#left_menu ul a:hover, #left_menu ul a.active {
	background: url(../images/menu-hover.gif) no-repeat left top;
}

#left_menu ul a.header {
	background: url(../images/menu-header.gif) no-repeat left top;
}

#left_menu ul a.header:hover {
	background: url(../images/menu-hover.gif) no-repeat left top;
}

/*
-------------------------------------------------------------------------------
These are the styles that IE will apply, they are hover only
-------------------------------------------------------------------------------
*/

#left_menu ul li.blk a:hover, #left_menu ul li.blk a.active {
	color: #000000;
}

#left_menu ul li.red a:hover, #left_menu ul li.red a.active {
	color: #800020;
}

#left_menu ul li.mag a:hover, #left_menu ul li.mag a.active {
	color: #a500b7;
}

#left_menu ul li.gre a:hover, #left_menu ul li.gre a.active {
	color: #009b41;
}

#left_menu ul li.yel a:hover, #left_menu ul li.yel a.active {
	color: #f98900;
}

#left_menu ul li.blu a:hover, #left_menu ul li.blu a.active {
	color: #0085dd;
}

#left_menu ul i {
	font-weight: normal;
	color: #545454;
}

/*
-------------------------------------------------------------------------------
Page footer
-------------------------------------------------------------------------------
*/

#page_footer {
	background: #eaeaea url(../images/bar.gif);
	border-bottom: 1px solid #545454;
	border-top: 1px solid #545454;
	color: #000000;
	font-size: 11px;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	line-height: 20px;
	width: 100%;
	text-align: center;
}

#page_footer a {
	text-decoration: none;
}

#page_footer a.theme { /* The Theme Switch Link */
	background: #b7bfc5 url(../images/theme.gif) no-repeat left;
	display: none;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 13px;
	height: 13px;
	line-height: 13px;
	text-indent: -1000px;
}

#page_footer a.xhtml { /* Valid XHTML Link */
	background: #eaeaea url(../images/xhtml.gif) no-repeat left;
	display: block;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 74px;
	height: 13px;
	line-height: 13px;
	text-indent: -1000px;
}

#page_footer a.theme:hover, #page_footer a.xhtml:hover {
	background-color: #545454;
}

/*
-------------------------------------------------------------------------------
*/