/* CSS Document */

body	{
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-color:#8c7e73;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333333;
	line-height:1.2em;
	text-align:center;
	}
	
*	{
	margin:0px;
	padding:0px;
	}
	
/* ============================================================================== */
/* ============================ Layout ========================================== */
/* ============================================================================== */

#wrapper	{
	width:971px;
	margin:0px auto;
	text-align:left;
	}
	
#top	{
	width:971px;
	height:31px;
	background-image:url(../images/jerrik_top.gif);
	background-repeat:no-repeat;
	}

#logo	{
	width:971px;
	height:132px;
	background-image:url(../images/jerrik_logobar.jpg);
	background-repeat:no-repeat;
	}
#logo img{
	display:none;
	}	
#menuBar	{
	width:971px;
	height:34px;
	background-image:url(../images/menu_bar.gif);
	background-repeat:no-repeat;
	}
	
#goldBar	{
	width:971px;
	height:28px;
	background-image:url(../images/goldbar.gif);
	background-repeat:no-repeat;
	}

#contentTop	{
	width:971px;
	height:21px;
	background-image:url(../images/content_top.gif);
	background-repeat:no-repeat;
	}
	
#contentWrap	{
	width:971px;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-y;
	text-align:left;
	float:left;
	}

#leftBar	{
	width:42px;
	height:316px;
	background-image:url(../images/left_bar.gif);
	background-repeat:no-repeat;
	float:left;
	}
	
#centerContent	{
	width:890px;
	float:left;
	}
#mainContent {
	width:670px;
	float:left;
	padding-right:10px;
}
#rightContent {
	width:180px;
	float:left;
	padding:0 0 0 20px;
}
	
#rightBar	{
	width:33px;
	height:316px;
	background-image:url(../images/right_bar.gif);
	background-repeat:no-repeat;
	float:right;
	}

#footer	{
	width:971px;
	height:75px;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	}
#footer p {
	width:971px;
	text-align:center;
	color:#fff;
	padding-top:24px;
	font-size:.7em;
	}	
	
/* ============================================================================== */
/* ============================  LINKS  ========================================= */
/* ============================================================================== */
a {
	color:#df8f52;
}

a:hover {
	color:#E7AB7E;
}




/* ============================================================================== */
/* ============================  MISC  ========================================== */
/* ============================================================================== */
	
.clearfix	{
	clear:both;
	float:none;
	width:100%;
	}
	

/* ============================================================================== */
/* ============================  NAV MENU  ====================================== */
/* ============================================================================== */


/* --------Start Custom Nav------------- */
#multi-level * {
	z-index:2;
		}
.menu li {
	margin:0;
		}
#multi-level {
	height:34px;
	position:relative;
	z-index:100;
	margin-left:21px;
	width:767px;
}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}
.menu {
	display:block;
}
/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:34px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:53px; background:url(../images/menu/m01-over.gif) no-repeat;}
.menu li.p2 {width:87px; background:url(../images/menu/m02-over.gif) no-repeat;}
.menu li.p2b {width:74px; background:url(../images/menu/m02b-over.gif) no-repeat;}
.menu li.p3 {width:165px; background:url(../images/menu/m03-over.gif) no-repeat;}
.menu li.p4 {width:129px; background:url(../images/menu/m04-over.gif) no-repeat;;}
.menu li.p5 {width:51px; background:url(../images/menu/m05-over.gif) no-repeat;}
.menu li.p6 {width:56px; background:url(../images/menu/m06-over.gif) no-repeat;}
.menu li.p6a {width:52px; background:url(../images/menu/m06a-over.gif) no-repeat;}
.menu li.p7 {width:61px; background:url(../images/menu/m07-over.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#jerrikHome {width:53px; background:url(../images/menu/m01.gif) no-repeat;}
.menu li a#aboutUs {width:87px; background:url(../images/menu/m02.gif) no-repeat;}
.menu li a#Corporate {width:74px; background:url(../images/menu/m02b.gif) no-repeat;}
.menu li a#whyFilters {width:165px; background:url(../images/menu/m03.gif) no-repeat;}
.menu li a#products {width:129px; background:url(../images/menu/m04.gif) no-repeat;}
.menu li a#faqs {width:51px; background:url(../images/menu/m05.gif) no-repeat;}
.menu li a#docs {width:56px; background:url(../images/menu/m06.gif) no-repeat;}
.menu li a#news {width:52px; background:url(../images/menu/m06a.gif) no-repeat;}
.menu li a#contact {width:61px; background:url(../images/menu/m07.gif) no-repeat;}


/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#jerrikHome:hover, .menu li:hover a#jerrikHome, 
.menu li a#aboutUs:hover, .menu li:hover a#aboutUs,
.menu li a#Corporate:hover, .menu li:hover a#Corporate,
.menu li a#whyFilters:hover, .menu li:hover a#whyFilters,
.menu li a#products:hover, .menu li:hover a#products,
.menu li a#faqs:hover, .menu li:hover a#faqs,
.menu li a#docs:hover, .menu li:hover a#docs,
.menu li a#news:hover, .menu li:hover a#news,
.menu li a#contact:hover, .menu li:hover a#contact {background:transparent;}
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:34px; background: #EB9B5E; padding:0; white-space:nowrap; width:151px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; float:left; width:150px; border-bottom:1px solid #5C5C5C; border-left:1px solid #5C5C5C; border-right:1px solid #5C5C5C;}
* html .menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px; border-bottom:1px solid #5C5C5C; border-left:1px solid #5C5C5C; border-right:1px solid #5C5C5C;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:150px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #FFFAE6; border-width:0;}
.menu :hover ul.sub li a.fly { background: url(../images/arrow.gif) 135px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#DD8C4E; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#D4781D url(../images/arrow_over.gif) 135px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#D4781D url(../images/arrow_over.gif) 135px 7px no-repeat; color:#fff;} 

	
/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:145px; top:-1px; background: #EB9B5E; padding:0; border-top:1px solid #5C5C5C; white-space:nowrap; width:150px; height:auto;}

* html .menu :hover ul :hover ul
{left:150px;}

.menu :hover ul.sub li li {display:block; height:20px; position:relative; float:left; width:149px; border-bottom:1px solid #5C5C5C; border-left:1px solid #5C5C5C; border-right:1px solid #5C5C5C;}
.menu :hover ul.sub li li a {width:149px;}




/* ============================================================================== */
/* ================================  TEXT  ====================================== */
/* ============================================================================== */

h1, h2, h3, h4, h5, h6 {

}
h1 {
	font-size:1.4em;
	padding:10px 0 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	border-bottom: 1px solid #DF8F52;
	margin:0 16px 12px 0;
	line-height:1.1em;
}
h2 {
	font-size:1.0em;
	padding:.6em 0;

}
h3 {
	font-size:.9em;
	padding:.9em 0;

}
h4 {
	font-size:.9em;
	padding:.9em 0;

}
h5 {

}
strong {
	font-weight:bold;
	font-size:.9em;
}
p {
	font-size:.8em;
	padding:.3em 16px .3em 0;
	text-align: justify;
}
ul, ol {
	margin-left:30px;
	font-size:.8em;
	padding:2em 0;
}
ul {

}

ol {

}

li {

}
blockquote {
	padding:20px;
	font-size:1.2em;
	font-weight:bold;
	color:#009;
	text-align:center;

}
cite {

}
#rtCol {
	margin-top:30px;
}
ul.rtList {
	width:180px;
	font-size:.7em;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	margin-left:0;
	padding:0;
	margin-top:2px;
}

ul.rtList li {
	list-style-type:none;
	border-bottom:1px solid #666;
}
ul.rtList li a {
	padding:5px 10px;
	text-decoration:none;
	display:block;
	background-color:#5C5C5C;
	color:#fff;
	padding-left:3px
	margin-left:3px;
	border-left:5px solid #999;
	
		
}
ul.rtList li a:hover {
	padding:5px 10px;
	background-color:#4A4949;
	color:#fff;
	border-left:5px solid #EB9B5E;
}
/* Submenu */
ul.rtList ul {
	margin:0;
	padding:0;
	font-size:inherit;
	border-top:1px solid #666;	
}
ul.rtList li li a {
	margin:0;
	padding:5px 20px;
}
ul.rtList li li a:hover {
	border-left:5px solid #EB9B5E;
	padding:5px 20px;
}
ul.rtList li li.noBorder {
	border-bottom:0;
}

/* End Submenu */

ul.contact {
	margin:10px 0;
	padding:0;
	font-size:1em;	
}
ul.contact li {
	list-style: none;	
	margin:16px 0;
	padding:0;
	font-weight:bold;		
}
ul.contact ul {
	margin:0;
	padding:0;
}
ul.contact li li {
	margin:0 8px;
	padding:0;
	font-weight:normal;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.pad20 {
	padding:20px;
}
.padLeft20 {
	padding-left:20px;
}
.padRight20 {
	padding-right:20px;
}
.padTop20 {
	padding-top:20px;
}
.padBottom20 {
	padding-bottom:20px;
}
.borderGrey {
	 border:1px solid #666;
	 padding: 10px;
}
.size_8em {
	font-size:.8em;
}
.width40 {
	width:40%;
}
.width50 {
	width:50%;
}
.width60 {
	width:60%;
}
.justify {
	text-align:justify;
}
.bigBlue {
	font-size:1em;
	color:#009;
}
ul.lineHeight li {
	line-height:1.7em;
	}

#homeTxt	{
	width:300px;
	float:right;
	font-size:0.92em;
	padding:30px 10px 0px 0px;
}
#homeImg	{
	width:346px;
	height:189px;
	float:left;
	}

#newsItems	ul {
	margin-left:15px;
	list-style:none;
	}
#newsItems  li 	{
	padding-bottom: 20px;

	}
	
#newsItems.item	{
	list-style:none;
	margin-bottom: 20px;
	}