/* ############################################################################################# */
/* =Navigation styles for light-colored sections
/* ############################################################################################# */


/* ============================================================================================= */
/* =Colors
/* =============================================================================================
#aeaeae - gray text
#464646 - gray hr
#3c72b7 - Roper Blue
*/

a, a:link, a:visited, a:active
{
	color: #3c72b7;
	/*text-decoration: none;*/
}

/* Header */
#header
{
	height: 170px;
}

hr.navi {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	border: 0;
	height: 4px;
	background: #3c72b7;
	color: #3c72b7;
	}

/* ============================================================================================= */
/* =Navigation
/* ============================================================================================= */

li#products {	background: url(/images/site/nav/products.gif) no-repeat 0 -54px; }
li#products a {	background: url(/images/site/nav/products.gif) no-repeat top left; width: 135px; }
li#products_highlighted a, li#products_highlighted {	background: url(/images/site/nav/products.gif) no-repeat 0 -107px; width: 135px; }
li#products a:hover, li#products_highlighted a:hover { background-image: none; }
li#products ul li a, li#products_highlighted ul li a { background: none; width: 100%;}


li#markets {	background: url(/images/site/nav/markets.gif) no-repeat 0 -54px; }
li#markets a {	background: url(/images/site/nav/markets.gif) no-repeat top left; width: 79px; }
li#markets_highlighted a, li#markets_highlighted {	background: url(/images/site/nav/markets.gif) no-repeat 0 -107px; width: 79px; }
li#markets a:hover, li#markets_highlighted a:hover { background-image: none; }

li#company {	background: url(/images/site/nav/company.gif) no-repeat 0 -54px; }
li#company a {	background: url(/images/site/nav/company.gif) no-repeat top left; width: 80px; }
li#company_highlighted a, li#company_highlighted {	background: url(/images/site/nav/company.gif) no-repeat 0 -107px; width: 80px; }
li#company a:hover, li#company_highlighted a:hover { background-image: none; }

li#partners {	background: url(/images/site/nav/partners.gif) no-repeat 0 -54px; }
li#partners a {	background: url(/images/site/nav/partners.gif) no-repeat top left; width: 90px; }
li#partners_highlighted a, li#partners_highlighted {	background: url(/images/site/nav/partners.gif) no-repeat 0 -107px; width: 90px; }
li#partners a:hover, li#partners_highlighted a:hover { background-image: none; }


li#news {	background: url(/images/site/nav/news.gif) no-repeat 0 -54px; }
li#news a {	background: url(/images/site/nav/news.gif) no-repeat top left; width: 47px; }
li#news_highlighted a, li#news_highlighted {	background: url(/images/site/nav/news.gif) no-repeat 0 -107px; width: 47px; }
li#news a:hover, li#news_highlighted a:hover { background-image: none; }

li#support {	background: url(/images/site/nav/support.gif) no-repeat 0 -54px; }
li#support a {	background: url(/images/site/nav/support.gif) no-repeat top left; width: 78px; }
li#support_highlighted a, li#support_highlighted {	background: url(/images/site/nav/support.gif) no-repeat 0 -107px; width: 78px; }
li#support a:hover, li#support_highlighted a:hover { background-image: none; }

li#contact {	background: url(/images/site/nav/contact.gif) no-repeat 0 -54px; }
li#contact a {	background: url(/images/site/nav/contact.gif) no-repeat top left; width: 76px; }
li#contact_highlighted a, li#contact_highlighted {	background: url(/images/site/nav/contact.gif) no-repeat 0 -107px; width: 76px; }
li#contact a:hover, li#contact_highlighted a:hover { background-image: none; }


#sub_nav a, #sub_nav a:visited, #subnav a:link
{
	color: #3c72b7;
	text-decoration: none;
	padding: 1px;
}

/* ============================================================================================= */
/* =Footer
/* ============================================================================================= */

#footer
{
	display: block;
	margin: 35px auto;
	clear: both;
	width: 100%;
	color: #7d7d7d;
	position: relative;
}
#footer_inner span {
	position: absolute;
	right: 4px;
	top: 9px;
	font-size: 14px;
	}
#footer img {
	margin-right: 2px;
	}
#footer_inner span a,
#footer_inner span a:link,
#footer_inner span a:visited {
	color: #464646;
	}
#footer hr
{
	margin-bottom: 6px;
	width: 100%;
	height: 4px;
	background-color: #7d7d7d;
	color: #7d7d7d;
	border: 0;
}
#footer a, #footer a:link, #footer a:visited
{
	color: #464646;
}