/**
 * =======================================
 * Styles for Text
 * =======================================
 */
H1 {
	margin: 0px;
	font-family: Trebuchet MS;
	font-size: 30px;
	line-height: 100%;
	padding-bottom: 25px;
}

H2 {
    margin: 0px;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-weight: bold;  
	line-height: 20px;
	padding-bottom: 15px;
}

H3 {
    margin: 0px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;  
	line-height: 18px;
}

H4 {
    margin: 0px;
	margin-bottom: 10px;
    font-family: Futura Book;
	font-size: 18px;
	font-weight: normal;  
	line-height: 100%;
}

H5 {
    margin: 0px;
	margin-bottom: 10px;
    font-family: Futura Book;
	font-size: 16px;
	font-weight: normal;  
	line-height: 100%;
}

H6 {
    margin: 0px;
	margin-bottom: 10px;
    font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;  
	line-height: 100%;
}

P {
    margin: 0px;
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;  
	color: #333333;
	line-height: 18px;
}

UL, LI {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;  
	color: #333333;
	line-height: 18px;
}

/*
 * =======================================
 * General Skin Style
 * =======================================
 */

/** Used to override the border-spacing attribute in html.css */
table {
	border-spacing: 0px;
}

/* The main body, include the gray background */
body {
	background-image: URL('image/bckgrnd_grey.jpg');
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 100%;
	font-family: Arial;
}

/* Outer-most frame. Includes the Logo, Menu */
.outerFrame {
	width: 960px;
	height: 100%;
	background-color: #ffffff;
	vertical-align: top;
}

/* The Logo */
.logo {
	width: 50%;
	padding: 0px;
}

/* The top right pane, with the Map */
.topRightPane {
   	width: 25%;
	text-align: right;
	vertical-align: top;
	padding: 0px;
}

/* The Top Menu Navigation */
.topMenu {
	width: 100%;
	background: transparent;
	vertical-align: middle;
	padding-top: 6px;
	height: 35px;
}

/* The level 1 Menu Navigation */
.level1Menu {
    width: 100%;
	background: transparent;
	vertical-align: middle;
	height: 60px;
	text-align: center;
}

/* Level 1 Menu for products page */
.productLevel1Menu {
	padding-left: 85px;
}

/* Level 1 menu for case study page */
.caseStudyLevel1Menu {
	padding-left: 441px;
}

/* Level 1 menu for show case page */
.showCaseLevel1Menu {
	padding-left: 359px;
}

/* Style for the DIV around the Menu, to Shift the Menu downwards
   and creates the arrow effect */
.shiftMenu {
   	width: 100%;
	height: 30px; /* Must be the same as topMenu */
	position: relative;
	z-index: 1;
	top: 1px;
	/*IE HACKS*/
	_height: 53px;
	_top: 17px;
	_margin-top: -23px; /* Offsetting the differences in height */
}

/* Generic Container with 100% width and 100% height */
.container {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

/* The footer row */
.footer {
	height: 34px;
	background: #909090;
	vertical-align: middle;
	text-align: center;
}

/* The footer links */
.footer a, .footer a:link, .footer a:visited, .footer a:active, .footer a:hover {
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal;
	font-family: Arial;
	letter-spacing: 1px;
	text-align: center;
}

/* The bookmark row */
.bookmark {
	height: 34px;
	background: transparent;
	vertical-align: middle;
	text-align: center;
	border-left: 1px #E3E3E3 solid;
	border-top: 1px #E3E3E3 solid;
	border-right: 1px #E3E3E3 solid;
	border-bottom: 1px #FFFFFF solid;
}

/* Style for the "Share this page" text */
.bookmarkIntro {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;  
	color: #333333;
	line-height: 18px;
	color: #333333;

}

/* Style for each of the bookmark link */
.bookmarkContent {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;  
	color: #333333;
	line-height: 18px;
	color: #333333;
}

/* The space above the bookmark */
.bookmarkSpace {
	height: 50px;
}

/*
 * =======================================
 * Homepage Skin
 * =======================================
 */

/* The left pane that contains contentPane, contentPaneLeft, contentPaneRight */
.homepageLeftPane {
	width: 778px;
	height: 100%;
}

/* The right pane */
.homepageRightPane {
	width: 177px; /* Width of the background image */
	height: 100%;
	background-image: URL('image/imghme01_prt02.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	padding-left: 5px;
	vertical-align: top;
}

/* Main Content Pane */
.homepageContentPane {
	width: 778px; /* Size of the background image */
	height: 594px; /* Size of the background image */
	padding-top: 336px; /* Padding according to style guide */
	padding-left: 21px; /* Padding according to style guide */
	padding-right: 21px; /* Padding to be consistent with the left hand side */
	background-image: URL('image/imghme01_prt01.jpg');
	background-repeat: no-repeat;
	vertical-align: top;
}

/* Links on the homepage */
.homepageContentPane a, .homepageContentPane a:link, .homepageContentPane a:visited, .homepageContentPane a:active, .homepageContentPane a:hover {
	color: #333333;
}

/* Left Content Pane */
.homepageNewsPane {
	width: 778px;
	height: 100%;
	vertical-align: top;
	padding-top: 17px; /* Padding according to style guide */
	padding-left: 21px; /* Padding according to style guide */
	padding-bottom: 21px; /* Padding according to style guide */
}

/* Right Content Pane */
.homepageContentPaneRight {
	height: 100%;
	vertical-align: top;
	padding-top: 17px; /* Padding according to style guide */
	padding-left: 68px; /* Padding according to style guide */
	padding-right: 139px; /* Padding according to style guide */
	padding-bottom: 21px; /* Padding according to style guide */
}

/* Make all the headings red color */
.redHeading H1, .redHeading H2, .redHeading H3, .redHeading H4, .redHeading H5, .redHeading H6 {
	color: #532100;
}

/*
 * =======================================
 * Style for sub pages (shared)
 * =======================================
 */

/* Content container, including anything below the root menu */
.containerSubPage {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top middle;
    width: 100%;
    height: 100%;
    empty-cells: show;
}

/* Align all content to the top */
.topAlign {
	vertical-align: top;
}

/* Height of the background */
.backgroundHeight {
	height: 267px;
}

/* Height of the background minus the level 1 menu */
.backgroundHeight2Menu {
	height: 207px;
}

/* The padding on the background image */
.backgroundPadding {
	padding-top: 81px;
}

/* The padding on the background when there's level 1 menu */
.backgroundPadding2Menu {
	padding-top: 21px;
}

/* Gray background */
.grayBackground {
	background-color: #E3E3E3;
}

/* Class for the right-most pane with white border */
.rightPaneWhiteBorder {
	border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

/* Side padding for the right pane */
.rightPaneSidePadding {
	padding-left: 17px;
	padding-right: 17px;
}

/* Top padding for the middle, left and right pane */
.rightPaneTopPadding, .middlePaneTopPadding, .leftPaneTopPadding {
	padding-top: 25px;
}

/* Top padding for the middle pane with 2 menu */
.middlePaneTopPadding2Menu {
	padding-top: 21px;
}

/* Right padding for the middle panes or left panes */
.paneRightPadding {
	padding-right: 53px;
}

/* Width of the left pane when there are 2 columns on the page */
.leftPane2ColumnWidth {
	width: 723px;
}

/* Width of the right pane when there are 2 columns on the page */
.rightPane2ColumnWidth, .rightPane3ColumnWidth {
	width: 237px;
}

/* Width of the left pane when there are 3 columns on the page */
.leftPane3ColumnWidth {
	width: 337px;
}

/* Top padding of the left pane when there are 3 columns on the page.
 * This is the padding on top of the polaroid image on the left hand side */
.leftPane3ColumnTopPadding {
	padding-top: 143px;
}

/* The side padding of the left hand pane when there are 3 columns on the page. */
.leftPane3columnSidepadding {
	padding-left: 25px;
	padding-right: 10px;
}

.leftPane3ColumnTopPadding2Menu {
	padding-top: 83px; /* Height of leftPane3Column padding minus height of the menu */
}

/* The width of the middle pane when there are 3 columns. */
.middlePane3ColumnWidth {
	width: 387px;
}

/* The side padding of the middel pane when there are 3 columns. */
.middlePane3ColumnSidePadding {
	padding-left: 25px;
    padding-right: 33px;
}

/* Make all the text white color */
.whiteText, .whiteText p, .whiteText H1, .whiteText H2, .whiteText H3, .whiteText H4, .whiteText H5, .whiteText H6
, .whiteText a, .whiteText a:link, .whiteText a:hover, .whiteText a:visited, .whiteText a:active {
	color: #FFFFFF;
}

/* Make all the text gray color */
.grayText p, .grayText H1, .grayText H2, .grayText H3, .grayText H4, .grayText H5, .grayText H6
, .grayText a, .grayText a:link, .grayText a:hover, .grayText a:visited, .grayText a:active {
	color: #333333;
}

.grayText a, .grayText a:link, .grayText a:hover, .grayText a:visited, .grayText a:active {
	text-decoration: underline;
}

/** 
 * =======================================
 * Styles for About Us Page
 * =======================================
 */

.containerAboutUs {
    background-image: URL('image/bckgrnd_aboutus.jpg');
}

/** 
 * =======================================
 * Styles for News Page
 * =======================================
 */

.containerNews {
    background-image: URL('image/bckgrnd_news.jpg');
}

.newsLeftPadding {
	padding-left: 136px;
}

.newsDate {
	margin: 0px;
	font-family: Georgia;
	font-size: 14px;  
	line-height: 24px;
	color: #333333;
	font-style: italic;
}

a.newstitle, a.newstitle:link, a.newstitle:hover, a.newstitle:visited, a.newstitle:active {
	text-decoration: underline;
	color: #333333;
}

a.newsreadmore, a.newsreadmore:link, a.newsreadmore:hover, a.newsreadmore:visited, a.newsreadmore:active {
	color: #333333;
}

a.viewnewsreturn, a.viewnewsreturn:link, a.viewnewsreturn:hover, a.viewnewsreturn:visited, a.viewnewsreturn:active {
	color: #333333;
}

.NukeNews_AltItem {
	background-color: transparent;
}

.NukeNews_HomePage a, .NukeNews_HomePage a:link, .NukeNews_HomePage a:hover, .NukeNews_HomePage a:visited, .NukeNews_HomePage a:active {
	color: #333333;
}

/** 
 * =======================================
 * Styles for Case Studies
 * =======================================
 */

.containerCaseStudy {
    background-image: URL('image/bckgrnd_casestudies.jpg');
}

/** 
 * =======================================
 * Styles for Links
 * =======================================
 */

.containerLinks {
    background-image: URL('image/bckgrnd_links.jpg');
}

.linksMiddlePaneTopPadding {
	padding-top: 22px; /* Make it 10px less to accommodate for 10px top for links */
}

.linksText a {
	text-decoration: underline;
	font-weight: bold;
	margin-top: 10px;
}

.linksText p {
	margin: 0px;
}

/**
 * =======================================
 * Styles for Showcase
 * =======================================
 */

.containerShowcase {
    background-image: URL('image/bckgrnd_showcase.jpg');
}

.showcaseIntroLeftPadding {
	padding-left: 136px;
}

.showcaseContentLeftPadding {
	padding-left: 46px;
}

.showCasePadding {
	padding-top: 5px;
	padding-left: 39px;
	padding-right: 30px;
}

.showCaseTable {
	width: 884px;
}

.showCaseColumn1 {
	width: 221px;
}

.showCaseColumn2 {
	width: 221px;
}

.showCaseColumn3 {
	width: 221px;
}

.showCaseColumn4 {
	width: 221px;
}

.showCaseColumnPadding1 {
	padding-left: 22px;
	padding-right: 17px;
}

.showCaseColumnPadding2 {
	padding-left: 15px;
	padding-right: 25px;
}

.showCaseColumnPadding3 {
	padding-left: 9px;
	padding-right: 32px;
}

.showCaseColumnPadding4 {
	padding-left: 15px;
	padding-right: 20px;
}


/**
 * =======================================
 * Styles for Contact Us
 * =======================================
 */

.containerContactUs {
    background-image: URL('image/bckgrnd_contactUs.jpg');
}

/**
 * =======================================
 * Styles for Products Page
 * =======================================
 */

.containerProducts {
    background-image: URL('image/bckgrnd_products.jpg');
}

.productBackgroundHeight {
	height: 181px;
}

.productsIntroLeftPadding {
	padding-left: 362px;
}

.productsText H2 {
	font-size: 24px;
}

.productsPadding {
	padding-top: 79px;
	padding-left: 39px;
	padding-right: 30px;
}

.productsTable {
	width: 891px;
}

.productsTable H2 {
	font-size: 20px;
	margin: 0px;
	margin-bottom: 16px;
}

.productsTable p {
	margin: 0px;
}

.productsColumn1 {
	width: 229px;
}

.productsColumnPadding1 {
	padding-left: 7px;
	padding-right: 27px;
}

.productsColumn2 {
	width: 231px;
}

.productsColumnPadding2 {
	padding-left: 7px;
	padding-right: 29px;
}

.productsColumn3 {
	width: 229px;
}

.productsColumnPadding3 {
	padding-left: 7px;
	padding-right: 27px;
}

.productsColumn4 {
	width: 202px;
}

.productsColumnPadding4 {
	padding-left: 7px;
}

/** 
 * =======================================
 * Styles for Snapsis MENU, Root Level Tab
 * =======================================
 */

#ParentTabs {
	margin: 0px;
	padding-left: 25px;
}

/* Make the list appear without bullet */
#ParentTabs ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

/* Make the list appear without bullet */
#ParentTabs li {
	float: left;
	margin: 0px;
	display: inline;
	padding: 0px;
}

/* Styles the links and creates spaces around the link */
#ParentTabs a, #ParentTabs .SelectedTab a {
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	color:  #333333;
	background-color: transparent;
   	cursor: pointer; 
	cursor: hand; 
	font-size: 14px; 
	font-weight: bold; 
	font-style: normal; 
	font-family: Trebuchet MS;
	line-height: 100%;
   	white-space: nowrap;  /*Word wrapping menu item now optional*/	    
   	padding: 8px 10px 18px 10px;
	text-transform: uppercase;
}

/* Changes to the selected tab background */
#ParentTabs .SelectedTab {
	background-image: URL('image/globalnav_selectedbtn.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
}

/* Changes the font color of selected tab to white */
#ParentTabs .SelectedTab a {
	color: #ffffff;
}

/** 
 * =======================================
 * Styles for Snapsis MENU, Level 1 Tab
 * =======================================
 */

#Level1Tabs, #CaseStudyLevel1Tabs {
	margin: 0px;
	padding: 0px;
}

/* Make the list appear without bullet */
#Level1Tabs ul, #CaseStudyLevel1Tabs ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

/* Make the list appear without bullet */
#Level1Tabs li, #CaseStudyLevel1Tabs li {
	float: left;
	margin: 0px 25px 0px 0px;
	display: inline;
	padding: 0px;
}

/* Styles the links and creates spaces around the link */
#Level1Tabs a, #Level1Tabs .SelectedTab a,
#CaseStudyLevel1Tabs a, #CaseStudyLevel1Tabs .SelectedTab a {
	display: block;
	text-align: center;
	text-decoration: none;
	color:  #FFFFFF;
	background-color: transparent;
   	cursor: pointer; 
	cursor: hand; 
	font-size: 13px; 
	font-style: normal; 
	font-family: Trebuchet MS;
	line-height: 100%;
   	white-space: nowrap;  /*Word wrapping menu item now optional*/	    
   	padding: 6px 15px 6px 15px;
	text-transform: uppercase;
}

/* Styles the links and creates spaces around the link - Case Study page */
#CaseStudyLevel1Tabs a, #CaseStudyLevel1Tabs .SelectedTab a {
   	padding: 6px 6px 6px 6px;
}

/* Changes to the selected tab background */
#Level1Tabs .SelectedTab, #CaseStudyLevel1Tabs .Selectedtab {
	background-color: #01ace2;
	font-weight: normal;
}

/* Changes the font color of selected tab to white */
#Level1Tabs .SelectedTab a, #CaseStudyLevel1Tabs .SelectedTab a {
	color: #FFFFFF;
}

/** 
 * =======================================
 * Styles for Products AJAX Tabs
 * =======================================
 */

.AjaxTabs_Products
{
	text-align: left;
	width: 723px;
	_width: 706px; /* IE HACK, minus the padding of 17px on the right */
}

.AjaxTabs_Products .ajax__tab_header {
	padding-left: 26px;
    font-family: Trebuchet MS;
    font-size: 12px;
	font-weight: bold;
	background-color: transparent;
}

.AjaxTabs_Products .ajax__tab_outer {
    height:26px;
}

.AjaxTabs_Products .ajax__tab_inner .ajax__tab_tab {
    height:26px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
}

.AjaxTabs_Products .ajax__tab_hover .ajax__tab_tab {
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	/*
	color: #333333;
	background-color: #FFFFFF;
	*/
}

.AjaxTabs_Products .ajax__tab_active .ajax__tab_tab {
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	color: #333333;
	background-color: #FFFFFF;
}

.AjaxTabs_Products .ajax__tab_body {
    border-top:0;
	padding-top: 25px;
	padding-right: 53px;
    background-color: transparent;
}