/*
 ---------------------------------------------------------------
  Nav Boxes
 ---------------------------------------------------------------
*/

 .breadcrumbs-box-industries {
	width:435px;
	position: absolute;
	top: 166px;
	left: 211px;
	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 */
}
/*
 ---------------------------------------------------------------
  Sub-menu SUBJECT Tabs
 ---------------------------------------------------------------
*/
#content-interior-industries{
	position:absolute;
	width:435;
	left: 210px;
	top: 190px;
	z-index:3;
	overflow: visible;
	visibility: visible;
}
#atab-industries{
	position:absolute;
	width:435;
	left: 212px;
	top: 300px;
	z-index:3;
	overflow: visible;
	visibility: visible;
}
#btab-industries {
	position:absolute;
	width:435;
	left: 212px;
	top: 300px;
	z-index:3;
	overflow: visible;
	visibility: hidden;
}
#ctab-industries {
	position:absolute;
	width:435;
	left: 212px;
	top: 300px;
	z-index:5;
	overflow: visible;
	visibility: hidden;
}
#dtab-industries {
	position:absolute;
	width:435;
	left: 212px;
	top: 300px;
	z-index:3;
	overflow: visible;
	visibility: hidden;
}
#etab-industries {
	position:absolute;
	width:435;
	left: 212px;
	top: 300px;
	z-index:3;
	overflow: visible;
	visibility: hidden;
}
/*
 ---------------------------------------------------------------
 A-TAB Sub-menu STATIC Tabs
 ---------------------------------------------------------------
*/

#atab-industries-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 */
}
#atab-industries-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;
}
#atab-industries-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(tabs-subnav/tabs-active.gif) no-repeat left top;
}

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

#atab-industries-menu {
	background: url(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 */
}
#atab-industries-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;
}
#atab-industries-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 */
}
#atab-industries-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(tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#atab-industries-menu li a:hover {
color:#666;
background: url(tabs-subnav/tabs-active.gif) no-repeat left bottom;
}
/*
 ---------------------------------------------------------------
 B-TAB Sub-menu STATIC Tabs
 ---------------------------------------------------------------
*/

#btab-industries-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 */
}
#btab-industries-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;
}
#btab-industries-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(tabs-subnav/tabs-active.gif) no-repeat left top;
}
/*
 ---------------------------------------------------------------
  B-TAB Sub-menu Tabs
 ---------------------------------------------------------------
*/
 
#btab-industries-menu {
background: url(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 */
}
#btab-industries-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;
}
#btab-industries-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 */
}
#btab-industries-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(tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#btab-industries-menu li a:hover {
color:#666;
background: url(tabs-subnav/tabs-active.gif) no-repeat left bottom;
}

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

#ctab-industries-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 */
}
#ctab-industries-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;
}
#ctab-industries-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(tabs-subnav/tabs-active.gif) no-repeat left top;
}
/*
 ---------------------------------------------------------------
  C-TAB Sub-menu Tabs
 ---------------------------------------------------------------
*/
 
#ctab-industries-menu {
background: url(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 */
}
#ctab-industries-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;
}
#ctab-industries-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 */
}
#ctab-industries-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(tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#ctab-industries-menu li a:hover {
color:#666;
background: url(tabs-subnav/tabs-active.gif) no-repeat left bottom;
}
/*
 ---------------------------------------------------------------
 D-TAB Sub-menu STATIC Tabs
 ---------------------------------------------------------------
*/

#dtab-industries-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;
}
#dtab-industries-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;
}
#dtab-industries-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(tabs-subnav/tabs-active.gif) no-repeat left top;
}

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

#dtab-industries-menu {
background: url(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 */
}
#dtab-industries-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;
}
#dtab-industries-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 */
}
#dtab-industries-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(tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#dtab-industries-menu li a:hover {
color:#666;
background: url(tabs-subnav/tabs-active.gif) no-repeat left bottom;
}
/*
 ---------------------------------------------------------------
 E-TAB Sub-menu STATIC Tabs
 ---------------------------------------------------------------
*/

#etab-industries-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 */
}
#etab-industries-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;
}
#etab-industries-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(tabs-subnav/tabs-active.gif) no-repeat left top;
}

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

#etab-industries-menu {
background: url(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 */
}
#etab-industries-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;
}
#etab-industries-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 */
}
#etab-industries-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(tabs-subnav/tabs-inactive.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}
#etab-industries-menu li a:hover {
color:#666;
background: url(tabs-subnav/tabs-active.gif) no-repeat left bottom;
}

/*
 ---------------------------------------------------------------
  Content Boxes
 ---------------------------------------------------------------
*/

.industries-right {
	background: #ffffff;
	align: center;
	padding-top:0px;
	width: 176px;
	position: absolute;
	top: 166px;
	left: 658px;
}
.industries-left-column {
	background: #ffffff url(mainimages/features-background.jpg) no-repeat;
	align: center;
	padding-top:15px;
	width: 176px;
	position: absolute;
	top: 166px;
	left: 24px;
}
.right-column-industries {
	background: #ffffff url(mainimages/features-background.jpg) no-repeat;
	align: center;
	padding-top:15px;
	width: 176px;
	height: 350px;
	position: absolute;
	top: 166px;
	left: 658px;
}
.freetrial-right-industries {
	background: #ffffff;
	align: center;
	padding-top:0px;
	width: 176px;
	height: 350px;
	position: absolute;
	top: 166px;
	left: 658px;
}