#ngatab{
	position:absolute;
	width:635;
	left: 12px;
	top: 210px;
	z-index:3;
	overflow: visible;
	visibility: visible;
}
#ngbtab {
	position:absolute;
	width:635;
	left: 12px;
	top: 210px;
	z-index:3;
	overflow: visible;
	visibility: hidden;
}
#ngctab {
	position:absolute;
	width:635;
	left: 12px;
	top: 210px;
	z-index:5;
	overflow: visible;
	visibility: hidden;
}
#ngdtab {
	position:absolute;
	width:635;
	left: 12px;
	top: 210px;
	z-index:3;
	overflow: visible;
	visibility: hidden;
}
#ngetab {
	position:absolute;
	width:635;
	left: 12px;
	top: 210px;
	z-index:3;
	overflow: visible;
	visibility: hidden;
}
/*
 ---------------------------------------------------------------
 A-TAB Sub-menu STATIC Tabs
 ---------------------------------------------------------------
*/

#ngatab-menu-static {
width:81px;
position: absolute; 
top: 0px; 
left: 0px;
font-family: Arial, sans-serif;

border-bottom: 0px solid #A0CEF8; 
height: 28px; /* Since we float li in this example we must set a height on the div */
}
#ngatab-menu-static ul {
margin: 0 auto; /* Aligning div horizontally */
width:81px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngatab-menu-static  li {
	text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #666;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left top;
}

/*
 ---------------------------------------------------------------
  A-TAB Sub-menu Tabs
 ---------------------------------------------------------------
*/

#ngatab-menu {
	background: url(http://mocana.com/tabs-subnav/tabs-shadow.jpg) no-repeat;
	width:430px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: Arial, sans-serif;
	height: 28px; /* Since we float li in this example we must set a height on the div */
}
#ngatab-menu ul {
margin: 0 auto; /* Aligning div horizontally */
width:430px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngatab-menu li {
text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
}
#ngatab-menu li a {
display:block; /* Making the hole tab a clickable link */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #fff;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#ngatab-menu li a:hover {
color:#666;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left bottom;
}
/*
 ---------------------------------------------------------------
 B-TAB Sub-menu STATIC Tabs
 ---------------------------------------------------------------
*/

#ngbtab-menu-static {
width:81px;
position: absolute; 
top: 0px; 
left: 81px;
font-family: Arial, sans-serif;

border-bottom: 0px solid #A0CEF8; 
height: 28px; /* Since we float li in this example we must set a height on the div */
}
#ngbtab-menu-static ul {
margin: 0 auto; /* Aligning div horizontally */
width:81px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngbtab-menu-static li {
	text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #666;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left top;
}
/*
 ---------------------------------------------------------------
  B-TAB Sub-menu Tabs
 ---------------------------------------------------------------
*/
 
#ngbtab-menu {
background: url(http://mocana.com/tabs-subnav/tabs-shadow.jpg) no-repeat;
width:430px;
position: absolute; 
top: 0px; 
left: 0px;
font-family: Arial, sans-serif;

border-bottom: 0px solid #A0CEF8; 
height: 28px; /* Since we float li in this example we must set a height on the div */
}
#ngbtab-menu ul {
margin: 0 auto; /* Aligning div horizontally */
width:430px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngbtab-menu li {
text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
}
#ngbtab-menu li a {
display:block; /* Making the hole tab a clickable link */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #fff;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#ngbtab-menu li a:hover {
color:#666;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left bottom;
}

/*
 ---------------------------------------------------------------
 C TAB Sub-menu STATIC Tabs
 ---------------------------------------------------------------
*/

#ngctab-menu-static {
width:81px;
position: absolute; 
top: 0px; 
left: 162px;
font-family: Arial, sans-serif;

border-bottom: 0px solid #A0CEF8; 
height: 28px; /* Since we float li in this example we must set a height on the div */
}
#ngctab-menu-static ul {
margin: 0 auto; /* Aligning div horizontally */
width:81px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngctab-menu-static li {
	text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #666;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left top;
}
/*
 ---------------------------------------------------------------
  C-TAB Sub-menu Tabs
 ---------------------------------------------------------------
*/
 
#ngctab-menu {
background: url(http://mocana.com/tabs-subnav/tabs-shadow.jpg) no-repeat;
width:430px;
position: absolute; 
top: 0px; 
left: 0px;
font-family: Arial, sans-serif;

border-bottom: 0px solid #A0CEF8; 
height: 28px; /* Since we float li in this example we must set a height on the div */
}
#ngctab-menu ul {
margin: 0 auto; /* Aligning div horizontally */
width:430px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngctab-menu li {
text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
}
#ngctab-menu li a {
display:block; /* Making the hole tab a clickable link */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #fff;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#ngctab-menu li a:hover {
color:#666;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left bottom;
}
/*
 ---------------------------------------------------------------
 D-TAB Sub-menu STATIC Tabs
 ---------------------------------------------------------------
*/

#ngdtab-menu-static {
	width:81px;
	position: absolute;
	top: 0px;
	left: 243px;
	font-family: Arial, sans-serif;
	border-bottom: 0px solid #A0CEF8;
	height: 28px; /* Since we float li in this example we must set a height on the div */
	z-index: 4;
}
#ngdtab-menu-static ul {
margin: 0 auto; /* Aligning div horizontally */
width:81px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngdtab-menu-static li {
	text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #666;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left top;
}

/*
 ---------------------------------------------------------------
  ARCHITECTURE Sub-menu Tabs
 ---------------------------------------------------------------
*/

#ngdtab-menu {
background: url(http://mocana.com/tabs-subnav/tabs-shadow.jpg) no-repeat;
width:430px;
position: absolute; 
top: 0px; 
left: 0px;
font-family: Arial, sans-serif;

border-bottom: 0px solid #A0CEF8; 
height: 28px; /* Since we float li in this example we must set a height on the div */
}
#ngdtab-menu ul {
margin: 0 auto; /* Aligning div horizontally */
width:430px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngdtab-menu li {
text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
}
#ngdtab-menu li a {
display:block; /* Making the hole tab a clickable link */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #fff;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#ngdtab-menu li a:hover {
color:#666;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left bottom;
}
/*
 ---------------------------------------------------------------
 E-TAB Sub-menu STATIC Tabs
 ---------------------------------------------------------------
*/

#ngetab-menu-static {
width:81px;
position: absolute; 
top: 0px; 
left: 324px;
font-family: Arial, sans-serif;

border-bottom: 0px solid #A0CEF8; 
height: 28px; /* Since we float li in this example we must set a height on the div */
}
#ngetab-menu-static ul {
margin: 0 auto; /* Aligning div horizontally */
width:81px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngetab-menu-static li {
	text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #666;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left top;
}

/*
 ---------------------------------------------------------------
  CODEWALK Sub-menu Tabs
 ---------------------------------------------------------------
*/

#ngetab-menu {
background: url(http://mocana.com/tabs-subnav/tabs-shadow.jpg) no-repeat;
width:430px;
position: absolute; 
top: 0px; 
left: 0px;
font-family: Arial, sans-serif;

border-bottom: 0px solid #A0CEF8; 
height: 28px; /* Since we float li in this example we must set a height on the div */
}
#ngetab-menu ul {
margin: 0 auto; /* Aligning div horizontally */
width:430px; /* When aligning using the method above we must set a specific width */
list-style: none;
padding: 0;
}
#ngetab-menu li {
text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 0px 0 0px;
line-height: 28px; /* Aligning text vertically using line-height */
}
#ngetab-menu li a {
display:block; /* Making the hole tab a clickable link */
width: 81px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #fff;
font-size:12px;
font-weight:bold;
text-decoration: none;
background: url(http://mocana.com/tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#ngetab-menu li a:hover {
color:#666;
background: url(http://mocana.com/tabs-subnav/tabs-active.gif) no-repeat left bottom;
}
 .ngbreadcrumbs-box {
	width: 635px;
	position: absolute;
	top: 187px;
	left: 12px;
	font-family: Arial, sans-serif;
	border-bottom: 0px solid #A0CEF8;
	height: 22px; /* Since we float li in this example we must set a height on the div */
}