
/***********************************************************************
*							Table of =Contents
* ----------------------------------------------------------------------
* =Normalization (CSS Reset)..................................(Line  16)
* =Wrapper Styling............................................(Line  56)
* =Header Styling.............................................(Line  76)
* =mainContent Styling........................................(Line  127)
* =Secondary Styling..........................................(Line  153)
* =subContent Styling.........................................(Line  243)
* =subFooter Styling..........................................(Line  287)
* =Footer Styling.............................................(Line  334)
*************************************************************************/

/*	When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly  */

/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

h3 {
	font-size: 13px; height: 16px;
}

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Removes border styles from tables */
table { border-spacing: 0; border-collapse: collapse;}

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; color: white;}
	a:hover { text-decoration: underline; }
	
.ir { position: relative; overflow: hidden; }
	.ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}
	
	a em { cursor: pointer; }

h1 { font-size: 25px; line-height: 35px; color: #f8841d; padding: 0 0 19px 0;}
h2 { color: white; font-weight: bold; font-size: 16px; }

/***********************************
		=Wrapper Styling
***********************************/
body 
{
	font: 13px/16px Verdana, "Lucida Grande", Lucida, sans-serif;
	background: black; 
	color: white;
}

.post, div.page {
	margin-right: 20px;
}

.mainContent, .subContent, .subFooter, .footer {
	width: 902px;
	margin: 0 auto;
	z-index: 3;
	position: relative;
}


/* positioning for SEO purposes */
.header {position:relative;width: 900px; margin: 0 auto;}
.wrapper {width:100%;position:absolute;top:0; left:0;}

/***********************************
		=Header Styling
***********************************/
.headerWrapper 
{ 
	background: url(images/fp_waves.jpg) repeat-x top left; 
	position: relative;
	width: 100%;
	height: 228px;
	margin-bottom: -51px;
}
	
	.logo {
		position: absolute;
		width: 208px;
		height: 80px;
		left: 25px;
		top: 16px;
	}
	.logo, 
	.logo a {
		width: 208px;
		height: 80px;
		text-indent: -9999px;
	}
	.logo em {
		width: 208px;
		height: 80px;
		background: url(images/ir_logo.png) no-repeat;
	}
		
	.mainMenu {
		float: right;
		margin-top: -1px;
		padding-right: 85px;
	}
		.mainMenu li {
			float: left;
		}
			.mainMenu li a {
				display: block;
				float: left;
				line-height: 45px;
				padding-left: 35px;
				color: #4491bf;
				font-weight: bold;
				font-size: 14px;
			}
			.mainMenu li a:hover {
				color: #fff;
				text-decoration:none;
			}
	
	.buttonMenu {
		float: right;
		width: 500px;
		position: relative;
		margin-right: -3px;
		padding: 23px 0px 0 1px;
	}
		.buttonMenu li {
			float: left;
			padding-left: 11px;
		}
			.buttonMenu li em {
				float: left;
				display: block;
			}
				.buttonMenu li em.btnLeft {
					width: 13px;
					height: 48px;
					background: url(images/btn_left.png);
				}
				.buttonMenu li em.btnRight {
					width: 18px;
					height: 48px;
					background: url(images/btn_right.png);
				}
			.buttonMenu li a 
			{ 
				float: left; 
				display: block; 
				line-height: 42px; 
				height: 48px;
				zoom: 1.0; 
				background: url(images/btn_center.png); 
				font-weight: bold;
				
			}
			.buttonMenu li a:hover {text-decoration:none;}	
				/*** HOVERS ***/
				
				.buttonMenu li.selected em.btnLeft, 
				.buttonMenu li.over em.btnLeft,
				.buttonMenu li:hover em.btnLeft { background: url(images/btn_selectedLeft.png);}
				
				.buttonMenu li.selected em.btnRight,
				.buttonMenu li.over em.btnRight,
				.buttonMenu li:hover em.btnRight { background: url(images/btn_selectedRight.png);}
			
			.buttonMenu li.selected a,
			.buttonMenu li.over a,
			.buttonMenu li:hover a { background: url(images/btn_selectedCenter.png); text-decoration:none;}

/***********************************
		=mainContent Styling
***********************************/

#content {
	width: 100%;
}

.mainContentWrapper {
	background: #005497 url(images/bg_mainContent2.png) repeat-x 0px 0px;
	position: relative;
	top: -10px;
}
	.mainContent {
		overflow: hidden;
		padding: 0 0 70px 0;
		zoom: 1.0;
		position: relative;
		top: -52px;
	}

/*** Home ***/
.homeMessaging { width: 398px; float: left; position: relative; z-index: 3; margin-right: -8px;}
	.homeMessaging h1 { font-size: 25px; line-height: 35px; color: #f8841d; padding: 0 0 19px 0;}
	.homeMessaging p { color: #87bfeb; padding: 0 0 15px 0;display:block; }
	.homeMessaging h2 { float:left; }
	
	.calloutButton { width: 199px; height: 72px; float: left; text-indent: -9999px;}
		.viewSamples em { background: url(images/ir_viewSamples.png) 100% 0px no-repeat;display:block; }
		.viewSamples em:hover { background: url(images/ir_viewSamples.png) 100% -72px  no-repeat; }
		.seeDemo em { background: url(images/ir_seeDemo.png) 100% 0px no-repeat; }
		.seeDemo em:hover { background: url(images/ir_seeDemo.png) 100% -72px  no-repeat; }
		

		
		
.screenshots { float: right; position: relative; zoom: 1.0; }
	.screenshots, .screenshots {text-indent: -9999px;} 
.screenshots a.samplescreen {background: url(images/img_homeSampleScreen.png);width:508px;height:381px;display:block;}

/***********************************
		=Secondary Styling
***********************************/
.secondaryMainContentWrapper {
	padding: 20px 0 70px 0;
}
	.secondaryContentWrapper {
		background: url(images/bg_inContentCenter.png);
		position: relative;
		top: 10px;
	}
		.secondaryContentInner {
			background: url(images/bg_inContentTop.png) no-repeat top left;
			position: relative;
			top: -10px;
			z-index: 5;
		}
			.secondaryContent {
				background: url(images/bg_inContentBottom.png) no-repeat bottom left;
				position: relative;
				top: 20px;
				zoom: 1.0;
			}
	
	#nav-below {
	
	}
	
	.secondaryMainContent {
		width: 857px;
/*		float: left; */
		min-height: 500px;
		color: #333333;
		padding: 10px 0 10px 43px;
		position: relative;
		top: -10px;
		text-align: left;
	}
		
		.secondaryMainContent a {
			color: #005497;
		}
		.secondaryMainContent h2 { font-size: 23px; line-height: 27px; color: #005497; padding: 0 0 12px 0;}
		.secondaryMainContent p { padding: 0 0 25px 0; }
			.secondaryMainContent p strong { display: block; font-weight: bold; font-size: 14px; line-height: 18px; }
			.secondaryMainContent p .icon_innerArrows { color: #00589e; padding-right: 15px; background: url(images/icon_innerArrows.png) no-repeat center right;}
			
		img.left { float: left; margin-right: 20px;}
		img.right { float: right; margin-left: 12px;}
		
	.sidebarWrapper 
	{ 
		width: 303px; 
		float: right; 
		position: absolute;
		top: -24px;
		right: 12px;
		color: #333;
	}
		.subMenu { zoom: 1.0; }
		 	.subMenuTop {
		 		background: url(images/bg_inSubMenuTop.png) no-repeat top left;
		 		height: 24px;
		 	}
		 	.subMenuContent {
		 		background: url(images/bg_inSubMenuCenter.png) repeat-y top left;
		 		padding: 0 0 0 31px;
		 		text-align: left;
		 	}
		 		.subMenuContent h3 { color: white; font-size: 20px; line-height: 24px; padding: 0 0 16px 0;}
		 		.subMenuContent ul { padding: 0 0 0 10px; }
		 			.subMenuList li { padding: 0 0 0 18px; background: url(images/icon_sidebarArrow.png) no-repeat 0 8px;}
		 				.subMenuList li a { color: #004b88; font-weight: bold; font-size: 14px; line-height: 28px; }
						.subMenuList li a:hover{ color: #000; text-decoration:none; }
		 	
		 	.subMenuBottom { 
		 		background: url(images/bg_inSubMenuBottom.png);
		 		height: 76px;
		 		position: relative;
		 		z-index: 3;
		 	}
		
		.sidebarContent
		{ 
			background: url(images/bg_inSideCenter.png);
			padding: 21px 5px 0 20px;
			zoom: 1.0;
		}
		
			.sidebarContent ul, .sidebarContent h4 { clear: left; padding-left: 20px; padding-right: 23px;}
			
			.sidebarContent h4 { color: #004B87; font-size: 13px; padding-bottom: 5px; }
			.sidebarContent li { font-size: 11px; line-height: 13px; padding-bottom: 10px;}
			
			.sidebarButton { float: left; display: block; background: url(images/btn_sidbearCenter.png); margin: 0 0 32px 20px;}
				.sidebarButton span { display: block; float: left; background: url(images/btn_sidebarLeft.png) no-repeat; padding: 0 0 0 10px;}
					.sidebarButton span em 
					{ 
						display: block; 
						float: left; 
						padding: 0 25px 0 0px;
						height: 25px;
						line-height: 25px;
						color: #0159a2;
						font-weight:bold;
						font-size:11px;
						background: url(images/btn_sidebarRight.png) no-repeat center right;
					}
					.sidebarButton span em:hover 
					{ 
						color: #000;
						text-decoration:none;
					}
					.sidebarButton:hover{
						text-decoration:none;
					}
					
			.sidebarContent blockquote { background: url(images/bg_sideQuoteTop.png); clear: left; margin: 0 6px 0 7px;}
				.sidebarContent blockquote p 
				{ 
					background: url(images/bg_sideQuoteBottom.png) no-repeat bottom left; 
					padding: 17px 17px 40px 17px;
					color: #005599;
					line-height: 18px;
					font-style: italic;
					font-size: 12px;
				}
				
			.sideQuoteAuthor { display: block; float: right; text-align: center; font-size: 11px; font-weight: bold; color: #003766; position: relative; top: -10px; right: 90px;}
				.sideQuoteAuthor em { font-size: 10px; color: #005599; display: block; font-weight: normal;}
			
		.sidebarContentBottom {
			background: url(images/bg_inSideBottom.png);
			height: 67px;
		}
	
/***********************************
		=subContent Styling
***********************************/
.subContentWrapper {
	background: #005ea9 url(images/bg_subContent.png) repeat-x top left;
}
	.subContent {
		padding: 0 0 15px 0;
	}
		.subContent .clearfix, .secondaryContent .clearfix {
			display: block;
			clear: left;
			text-indent: -9999px;
		}

.shelfWrapper {
	margin: 0 0 0 -13px;
}
	.subContentShelf 
	{ 
		width: 300px; 
		height: 175px; 
		float: left; 
		background: url(images/bg_subContenShelf.png);
		position: relative;
		padding-right: 0px;
		
	}
		
		.shelfIconWrap {
			height: 55px;
			position: relative;
			top: -35px;
			left: 13px;
		}
			.shelfIcon {
				display: block;
				float: left;
				width: 71px;
				height: 55px;
				float: left;
			}
				.refresh {
					background: url(images/icon_refresh.png);
				}
				.msn {
					background: url(images/icon_msn.png);
					margin-right: -15px;
				}
				.gears {
					background: url(images/icon_gears.png);
					margin-right: 0px;
				}
			.shelfContentShadow 
			{ 
				display: block; 
				width: 165px; 
				height: 9px; 
				position: absolute; 
				bottom: 0px;  
				left: 90px;
				background: url(images/bg_footerContShadow.png);
			}
			
			.shelfTitle { padding: 10px 15px 0 0; display: block; font-size: 13px;}
			.shelfTitle:hover { text-decoration:none; color:#87BFEB;}
			.subContentShelf p { padding: 0 30px 12px; font-size: 12px; line-height: 14px; height: 60px; overflow: hidden;}
			
			
			
			a.shelfLink {color:#ABCCEC;font-size:11px;text-align:center;font-weight:bold;padding-top:4px;}
		a.shelfLink:hover {color:#fff;text-decoration:none;}
				.shelfLink  { background: url(images/btn_learnMore.png) 100% 0px no-repeat;width:99px; height: 22px; position: absolute; bottom: 20px; right: 45px;}
				.shelfLink:hover { background: url(images/btn_learnMore.png) 100% -26px no-repeat; }
			
			
/***********************************
		=subFooter Styling
***********************************/
.subFooterWrapper { background: #005192; }
	.subFooter { padding: 30px 0 8px 0; overflow: hidden;}
	
		.testimonials { width: 427px; float: left; }
			.subFooter h5 { font-size: 18px; line-height: 20px; color: #97cff7; padding: 0 0 15px 0;}
				.subFooter h5 a, 
				.moreLink 
				{ 
					font-size: 11px; 
					padding-right: 15px; 
					background: url(images/icon_subFooterArrow.png) no-repeat bottom right;
					color: #f8831d;
					padding-left: 21px;
				}
				
				.moreLink { padding-left: 0px; font-weight: bold; }
				
				.quoteWrap { width: 350px; background: url(images/bg_quoteCenter.png) repeat-y;}
					.quoteInner { background: url(images/bg_quoteTop.png) no-repeat top left; }
						.quote { background: url(images/bg_quoteBottom.png) no-repeat bottom left; padding-bottom: 30px;}
							.quote blockquote { display: block; padding: 24px 0 24px 24px; }
								.quote blockquote p { padding: 0 24px 0 0; color: #9ecff3; font-style: italic; font-size: 12px;}
				
				.quoteAuthor { font-size: 11px; color: white; font-weight: bold; padding-right: 175px; display: block; position: relative; top: -20px;text-align:right;}
					.quoteAuthor em { display: block; font-weight: normal; color: #9ecff3; font-size: 10px;}
		
		.accolades { padding-left: 427px; }
			.review { overflow: hidden; }
				.reviewLogo { display: block; float: left; }
				.reviewContent { padding: 0 0 0 115px; }
					.reviewContent p 
					{ 
						font-size: 16px; 
						line-height: 18px; 
						color: #5598cb; 
						font-weight: bold; 
						font-style: italic; 
						letter-spacing: 0px;
						padding: 0 30px 10px 0;
					}
						.reviewContent p a { color: white; font-weight: bold; font-style: italic; }
						.reviewContent p a:hover {color:#87BFEB;text-decoration:none;}
						
					.date { display: block; font-size: 10px; color: #97cff7; padding: 0 0 14px 0;}

/***********************************
		=Footer Styling
***********************************/
.footerWrapper { background: url(images/bg_footer.png) repeat-x top left; padding: 0 0 30px 0;}

	.footerMenu { padding: 31px 0 0 0; background: url(images/bg_footerMenuDivider.png) repeat-x 0 42px; overflow: hidden; width:750px; margin-bottom: 30px; margin: 0 auto;}
		.footerItem { padding: 17px 0 0 30px; float: left; width: 120px;}
			.footerItem h6 { font-size: 12px; color: #afdaf8;}
				.footerItem h6 a { color: #afdaf8; }
			
			.footerItem .itemMenu { padding: 14px 0 0 0; }
				.itemMenu li a { color: #97cff7; font-size: 11px;}
				
	.copyrightMenu {
		background: black;
		width: 100%;
		text-align: center;
		position: relative;
		left: 0;
		font-size: 10px;
		padding: 20px 0;
	}
		.copyrightMenu li {
			display: inline;
			padding-right: 25px;
		}
			.copyrightMenu li a {
				color: #5c9dc7;
			}
			
			
/******

Wordpress Additions

******/


.interior-content {
	padding-right: 10px;
	padding-top: 14px;
	width: 560px;	
	font-size: 14px;
	line-height: 18px;
}


#blank_logo {
	width: 208px;
	height: 80px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#logo-image,
#logo-image a {
  	width: 208px;
  	height: 80px;
  	position: static;
}
