/* 
Styling for the navigation section.
Styles for FAQ page only.
Author: Eric Lundberg
*/

div#navigation {
	background: #fff;
}

/* ---- BREADCRUMB NAV. ---- */
div#nav-breadcrumb {
	float: left;
}

div#nav-group {
	height:25px;
	display:block;
	margin:0;
	width:962px;
}

div#breadcrumb {
	position:absolute;
	padding: 3px 10px 5px 10px;
	margin:0 auto;
	top:13.2em;
	/**top:13.5em;*/
	left:0;
	clear:left;
	color: #7b7e7d;
	display:none;
	font-size:9px;
}

div#breadcrumb a {
	padding: 0 ;
	color: #7b7e7d;
	font-size:9px;
	font-weight:bold !important;
}

div#breadcrumb a.selected{
	color: #006600;
}

div#breadcrumb a:hover{
	color: #006600;
	text-decoration:none;
}

div#breadcrumb-app {
	padding:13px 10px 5px 8px;
	margin:0 auto;
	left:0;
	clear:left;
	color: #7b7e7d;
	font-size:9px;
}

div#breadcrumb-app a {
	padding: 0 ;
	color: #7b7e7d;
	font-size:9px;
	font-weight:bold !important;
}

div#breadcrumb-app a.selected {
	color: #006600;
}

div#breadcrumb-app a:hover {
	color: #006600;
	text-decoration:none;
}

/*********************************************/
ul#segment-navigation {

	margin:37px 0 0 auto;
	left:0px;
	width:962px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	z-index:5000;
	float:left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-top: 115px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: auto;
}

ul#segment-navigation li {
	margin: 0;
	display: inline;
	float:left;
	cursor: pointer;
}

ul#segment-navigation li a {	
	display:block;
	color: #000;
	text-decoration: none;
	padding:5px 9px 10px 13px;
	cursor: pointer;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#fff;
}
	
ul#segment-navigation li a#menulink1 {
	background-image:none;
	padding-left:8px;
}

ul#segment-navigation li a.select, ul#segment-navigation li a#menulink1.select {
	cursor: pointer;
	color:#000 !important;
	border-top:1px solid #c6c4c0;
	border-left:1px solid #c6c4c0;
	border-right:1px solid #c6c4c0;
	position:relative;
	z-index:100000;
}

ul#segment-navigation li a.select:hover, ul#segment-navigation li a#menulink1.select:hover {
	cursor: pointer;
	color: #006600 !important;
	border-top:1px solid #c6c4c0;
	border-left:1px solid #c6c4c0;
	border-right:1px solid #c6c4c0;
	position:relative;
	z-index:100000;
}

ul#segment-navigation li.selected a {	
	color: #006600 !important;
}

ul#segment-navigation li ul {
	position:absolute;
	margin:-1px 0 0 0px;
	clear:left;
	font-weight: normal;
	z-index: 2000;
	width:279px ;
	padding:0px 0px 12px 0px;
	padding:0px 0px 4px 0px;
	float:left;
	background: url(../media/images/style/menu_back_shadow.png) no-repeat bottom left;
	background:url(../media/images/style/menu_back_shadow_gf.gif) no-repeat bottom left;	
}

ul#segment-navigation li ul li#desc-home,

ul#segment-navigation li ul li#desc-company,

ul#segment-navigation li ul li#desc-drawback,

ul#segment-navigation li ul li#desc-services,

ul#segment-navigation li ul li#desc-resources,

ul#segment-navigation li ul li#desc-gallery {
	background-color:#fff;
}

ul#segment-navigation li ul li {
	clear:left;
	list-style:none;
	background-image:none;
	background-color:#e7ebee;
	margin:0 0 0 1px;
	padding:0px 10px 2px 15px;
	cursor: default;	
	width:247px;
	width:249px;
	line-height: 10px;
}

ul#segment-navigation li ul li a {
	position:relative;
	font-weight: normal;
	font-size: 11px;
	color: #666666 !important;
	padding:4px 0 2px 7px !important;
	cursor:pointer;
	border:none;
	background-color:transparent;
	background: url(../media/images/style/utility_bullet.gif) no-repeat 0px 7px;
}

ul#segment-navigation li ul li a:hover {
	color: #006600 !important;	
}

ul#segment-navigation li ul li.selected {
	background-image:none;
	background-color:#e7ebee;
}

ul#segment-navigation li.selected ul li a {
	color: #37556A !important;
}

ul#segment-navigation li.selected ul li a:hover {
	color: #006600 !important;
}

ul#segment-navigation li ul li.selected a {
	color: #37556A !important;
}

ul#segment-navigation li ul li.selected a:hover {
	color: #006600 !important;
}

ul#segment-navigation li.selected ul li.selected a {
	color: #37556A !important;
}

ul#segment-navigation li.selected ul li.selected a:hover {
	color: #006600 !important;
}

ul#segment-navigation li ul li.firstlink {
	background:#e7ebee url(../media/images/style/menu_link_back.jpg) repeat-x 0 0 !important;
	padding-top:8px;
}

ul#segment-navigation li ul li.lastlink {	
	padding-bottom:10px;
}

ul#segment-navigation li ul li.top {
	border-top:1px solid #c6c4c0;	
	width:247px;
	width:249px;
}

ul#segment-navigation li ul li p {
	color:#000;
	padding: 0;
	margin-left:0;
	font-size: 11px;
	color: #7B7E7D;
	line-height: 16px;
}

ul#segment-navigation li ul li p span {
	font-weight:bold;
	display:block;
	color: #000;
}

#menutab1, #menutab2, #menutab3, #menutab4, #menutab5, #menutab6 {
	display:none;
}

/* ---- PAGE NAV. ---- */

/* ---- FOOTER NAV. ---- */
div#footer {
	clear: both;
	float: left;
	padding-top: 2px;
	padding-bottom: 1em;
	color: #fff;
	font-size:10px;
	line-height:12px;
	background-color:#000000;
	width:962px;
}

ul#nav-footer {
	float:left;
	width: 690px;
	margin:5px 0 0 10px;	
} 
	
ul#nav-footer li {
	display: inline;
	background: url(../media/images/style/footer_dark_gray_arrow.gif) no-repeat 0em .25em;
	padding: 0 0 0 11px;
	margin: 0 8px 0 0 !important;
	white-space: nowrap;
}

ul#nav-footer li.first {
}

ul#nav-footer li a {
	color: #c6c4c0;
	text-decoration: none;
}

ul#nav-footer li a:hover {
	color: #45484A !important;
}

p#legal { 
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	color: #c6c4c0;
	float:right;
	width:210px;
	text-align:left;
	margin:5px 20px 0 0;
	font-size:10px;
}

p#w3c { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #c6c4c0;
	float:right;
	width:210px;
	text-align:left;
	margin:5px 20px 0 0;
	font-size:10px;
}