@charset "UTF-8";

/**********************************************************/
/* -------------------- RESET STYLES -------------------- */
/**********************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;text-decoration: none;outline-style: none; }

:focus{outline:0;}

* { margin: 0; padding: 0; }


html, body {
	margin:0; 
	padding:0; 
	height:100%;
}

body {
	font: normal 13px/1.5 Helvetica Neue, Helvetica, Arial, Sans-Serif;
	/*letter-spacing: -1px;*/
	color: #333;
	background: #FFF;
}

/****************************************************/
/* -------------------- GLOBAL -------------------- */
/****************************************************/
a { text-decoration: underline; color: rgb(0,99,143); }

h1 { font-size: 22px; font-weight: bold; color: rgb(0,99,143); padding-bottom: 20px; }
h1 #p { font-size: 22px; font-weight: bold; color: rgb(0,99,143); padding-bottom: 20px; border-bottom: }
h2 { font-size: 16px; font-weight: bold; color: rgb(0,99,143); padding-bottom: 20px; }
h3 { font-size: 16px; font-weight: bold; color: rgb(0,99,143); padding-bottom: 0px; }

.clear { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: left; }

.bluetxt { color: #2e7da4; font-weight:bold; }
.graytxt { color: #666; }
.bluertxt { color: #2e7da4;}

.line-separator-green { width: 100%; height:2px; background: url(/images/line-seperator-green.png) repeat-x top right; padding-top: 10px; padding-bottom: 10px; }
/**********************************************************/
/* -------------------- PAGE LAYOUT --------------------- */
/**********************************************************/

#page-layout {	
   	min-height: 100%;	
	height:auto !important;
 	height: 100%;
	min-width: 100%;
   	position: relative;
}

/**********************************************************/
/* ---------------------- WRAPPERS ---------------------- */
/**********************************************************/

#header-wrap {
	min-width: 100%;
	height: 120px;
	margin-top: 10px;
}

#page-no-banner-wrap {
	min-width: 100%;
	height: 35px;
}
	.no-banner { background: url(/images/no-banner.png) no-repeat top; }

#page-banner-wrap {
	min-width: 100%;
	height: 194px;
}
#page-banner-wrap h1 {text-indent: -9999px; }
	.home-banner { background: #FFF url(/images/home-banner.gif) no-repeat top; }
	.solutions-banner { background: #FFF url(/images/solutions-banner.png) no-repeat top; }
	.news-events-banner { background: #FFF url(/images/news-events-banner.png) no-repeat top; }
	.publishers-banner { background: #FFF url(/images/publishers-banner.png) no-repeat top; }
	.technology-banner { background: #FFF url(/images/technology-banner.png) no-repeat top; }
	.features-banner { background: #FFF url(/images/features-banner.png) no-repeat top; }
	.faq-banner { background: #FFF url(/images/faq-banner.png) no-repeat top; }
	.executive-team-banner { background: #FFF url(/images/executive-team-banner.png) no-repeat top; }
	.who-are-you-banner { background: #FFF url(/images/who-are-you-banner.png) no-repeat top; }
	.contact-us-banner { background: #FFF url(/images/contact-us-banner.png) no-repeat top; }
	.about-us-banner { background: #FFF url(/images/about-us-banner.png) no-repeat top; }
	.careers-banner { background: #FFF url(/images/careers-banner.png) no-repeat top; }
	.thank-you-banner { background: #FFF url(/images/thank-you-banner.png) no-repeat top; }
	

#main-content-wrap {
	min-width: 100%;
	min-height: 300px;	
	height:auto !important;
 	height: 300px;
	padding-bottom: 75px;/*footer wrap plus padding */
}

#footer-wrap {
	min-width: 100%;
	width: 100%;
	height: 54px;
	background: url(/images/footer-background.png) no-repeat bottom;
	bottom: 0;
	position:absolute;
	
}


/******************************************************************/
/* ---------------------- SECTION LAYOUTS  ---------------------- */
/******************************************************************/

#header {
	margin: 0 auto;
	width: 935px;
	height: 120px;
	position: relative;
}

#main-content {
	margin: 0 auto;
	width: 935px;
	position: relative;
}

#footer {
	margin: 0 auto;
	width:  935px;
	position: relative;
}

/************************************************************/
/* -------------------- HEADER CONTENT -------------------- */
/************************************************************/


/* -------------------- logo -------------------- */
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo-banner {
	position: absolute;
	top: 25px;
	right: 20px;
}

/* -------------------- navigation -------------------- */
#header-nav {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 935px;
	height: 32px;
	background: url(/images/header-nav-background.png) no-repeat top;
}
	/*.menubar-link { width: 140px; }
	.solutions-link { width: 140px; }
	.technology-link { width: 115px; }
	.faq-link { width: 140px; }
	.about-us-link { width: 140px; }*/

#menu { width: 560px; float: left; margin-left: 375px; }
#menu ul { list-style: none; margin: 0; padding: 0; float: left; width:140px;  }
#menu a {
	height: 26px;
	color: #666;
	text-decoration: none;
	font-variant:small-caps;
	font-size: 16px;
	text-align: center;
	display: block;
	margin: 0;
	padding: 2px 3px;
	z-index: 1000;
	position: relative;
	line-height: 26px;
}


#menu a:hover, #menu a:active { color: #31c834; background: url(/images/header-link-hover.png) no-repeat bottom; }

#menu a.selected {color: #31c834;}

.menubar-hover { visibility:visible; display:block;}
.menubar-hover-hide { visibility:hidden; display: none;}


/*#menu li { position: relative; z-index: 200;  }
#menu ul ul { position: absolute; }
#menu ul li {text-align: center;}
#menu ul li ul li {text-align: left;}

#menu ul ul ul { position: absolute; top: 0; left: 100%; }*/



#link-hover-top { width: 139px; height: 19px; margin-top:-30px; background: url(/images/header-link-hover-background-top.png) no-repeat top left; z-index:100; position: relative;  }
#link-hover-middle {width: 139px; height: 1%; padding-top:30px; background: url(/images/header-link-hover-background-middle.png) repeat-y top left;z-index:100; position: relative;}
#link-hover-bottom { width: 139px; height: 22px; background: url(/images/header-link-hover-background-bottom.png) no-repeat top left; z-index:100; position: relative;}

#hover-links span { display:none; }
#hover-links:hover span { display: block; }
#hover-links span a { display: block; }




/************************************************************/
/* -------------------- FOOTER CONTENT -------------------- */
/************************************************************/
#footer-copywright { width: 920px; text-align: center; padding-top: 20px; }
#footer-copywright, #footer-copywright a  { font-size: 11px; color:#FFF; text-decoration: none;}



/**********************************************************/
/* -------------------- PAGE CONTENT -------------------- */
/**********************************************************/


/* -------------------- PAGE INFO -------------------- */

#page-info {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 50px;
}

	.one-column { width: 860px;	}
	.two-column { float: left; width: 650px; }

#page-info p {
	padding-bottom: 10px;
}



/* -------------------- PAGE RIGHT NAVIGATION -------------------- */

#page-sidebar { 
	float: right;
	width: 220px;
	margin-top: 35px;
	color:#666;
}

	#section { clear: right; padding: 15px 10px 10px 10px; background: url(/images/sidebar-section-middle.png) repeat-y top; }
	#section-top { width: 220px; height: 34px; background: url(/images/sidebar-section-top.png) no-repeat top; }
	#section-top a {text-decoration: none; }
	#section-top a:hover, #section-top a:active {text-decoration: underline; }
	#section-top h2 { line-height: 38px; padding-left: 10px; font-weight:normal;}
	#section-bottom { margin-bottom: 30px; width: 220px; height: 15px; background: url(/images/sidebar-section-bottom.png) no-repeat bottom; }
	#section h3 { color: rgb(0,99,143); font-size: 18px; padding-bottom: 20px; }
	#section-separator {padding-top: 30px; padding-bottom: 30px; margin: 0 auto; width: 116px; height: 1px; background: url(/images/sidebar-line-separator.png) no-repeat center; }
		
		
	/* -------------------- publisher sidebar -------------------- */
	#sidebar-sales { float:left;width:80px; padding-left: 20px;}
	#sidebar-sales a { text-decoration:none; } #sidebar-sales a:hover, #sidebar-sales a:active { text-decoration:underline; }
		
	#sidebar-operations { float:right;width:80px;padding-right: 20px; }
	#sidebar-operations a {text-decoration:none;} #sidebar-operations a:hover, #sidebar-operations a:active { text-decoration:underline; }
	#sidebar-operations img { margin-left: 25px; }
		
	#sidebar-finance { clear: right; padding-top:10px; text-align: center;margin-left: -10px; }
	#sidebar-finance a {text-decoration:none;} #sidebar-finance a:hover, #sidebar-finance a:active { text-decoration:underline; }
	


/* -------------------- PAGE LIST -------------------- */
#page-list{ list-style: none; }


	/* -------------------- publisher page list -------------------- */
	.publishers { padding-bottom: 20px;}
	.publishers li { margin-left: 40px; padding-left:20px; font-size: 14px; height:30px;line-height:30px; }
	.publishers li.gray { height:30px; list-style-image:url(../images/dot.jpg);}
	.bullet-publisher li {  repeat-y left; }
	
	/* -------------------- sidebar list -------------------- */
	.sidebar { padding-bottom: 0px; }
	.sidebar li { width: 220px; padding-bottom: 20px; }
		
		.sidebar li p { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }
		.sidebar li p.large { font-size: 16px; font-weight: bold;  }
		.sidebar li p.medium { font-size: 14px; font-weight: bold;  }
		.sidebar li p.blue { font-weight: bold; }
		.sidebar li a { text-decoration:none; }
		.sidebar li a:hover, .sidebar li a:active { text-decoration:underline; }
	
	/* -------------------- sidebar FAQ -------------------- */
	#faq-logo {position:absolute; right:5px; margin-top: -57px; padding: 0;}
	.faq-bullets li { /*list-style-image: url(/images/bullet-arrow.png);*/ list-style-image:none; color:#666; margin-left: 10px; margin-bottom:10px; margin-top:10px; text-align: left; }
	.faq-bullets li.text-separator { list-style: none; border-bottom: 1px solid #999; margin: 0 auto; width:180px; line-height: 1px; padding-left:0px; margin-bottom:0px; margin-top:0px; position: relative; }
	.faq-bullets li a { text-decoration: none; color:#666; }
	.faq-bullets li a:hover, .faq-bullets li a:active { text-decoration: underline; }


	/* -------------------- solutions page list -------------------- */
	.solutions { padding-bottom: 20px;}
	.solutions li { float: left; }
	.solutions li.heading { width: 200px; text-align: right; }
	.solutions li.description {  width: 420px; padding-left: 30px; text-align: left; }
	
	/* -------------------- features page list -------------------- */
	.feature-list-title  { padding-top: 0px; padding-bottom: 10px; padding-left: 20px; }
	.feature-list-title h3 { font-weight: bold; font-size: 14px; color:#333; }
	.feature-list {/* background-color:#ececec;*/ padding-bottom: 20px; padding-top: 0px; padding-left: 20px;  }
	.tabbed li { padding-left: 40px; }
	.feature-list li {  font-weight: bold; font-size: 14px; display: block; padding-bottom:5px;/*added last min*/}
	.feature-list li ul { padding-top: 10px;  }
	.feature-list li ul li {  background: url(/images/checkmark-bullet.png) top left no-repeat ; padding-top: 0px; list-style:none; padding-left: 20px; height: 20px; font-weight: normal; font-size: 12px;  }
	
	/* -------------------- solutions page list -------------------- */
	.who-are-you { padding-bottom: 20px;}
	.who-are-you li { float: left; }
	.who-are-you li.heading { width: 200px; text-align: right; }
	.who-are-you li.description {  width: 600px; padding-left: 40px; text-align: left; }
	
	/* -------------------- careers page list -------------------- */
	.careers li { font-weight: bold; padding-bottom: 20px; }
	.careers li ul li { list-style: disc; margin-left: 30px; padding-left: 5px; font-weight: normal; padding-bottom:0px; }
	
	/* -------------------- careers page list -------------------- */
	.news-events h3 { color: #000; }
	
	/* -------------------- privacy list -------------------- */
	.privacy { padding-bottom: 20px;}
	.privacy li { float: left; min-height: 80px; }
	.privacy li.heading { width: 200px; text-align: right; }
	.privacy li.description {  width: 600px; padding-left: 40px; text-align: left;  }
	
	/* -------------------- global -------------------- */
	.horizontal li { float: left; }

/* -------------------------------------------------------------------------- END OF GLOBAL STYLES ------------------------------------------------------------------------------------------------------------- */

/*******************************************************/
/* -------------------- HOME PAGE -------------------- */
/*******************************************************/

/* -------------------- home page solutions -------------------- */
#home-page-solutions { width: 640px; height: 234px; background-color: #fff; }
#home-page-solutions ul { list-style: none; position: relative; }
#home-page-solutions ul li { margin-top: 10px; margin-right: 20px; width: 196px; float: left; }
#home-page-solutions ul li ul { list-style-type: none; position: absolute; top: 100%; left: 220px; }
#home-page-solutions ul li ul li { margin:0px; clear: left; width: 400px; padding-bottom: 15px; }
#home-page-solutions ul li ul li.title { margin-top:10px; font-size: 16px; padding-bottom: 20px; }
#home-page-solutions ul li ul li a { text-decoration: none; }
#home-page-solutions ul li ul li a:hover, #home-page-solutions ul li ul li a:active { text-decoration: underline; }

/* -------------------- home page mission -------------------- */
#home-page-mission { clear: both; }
#home-page-mission ul { list-style: none; height: 100px; }
#home-page-mission ul li { padding-left: 25px; padding-right: 10px; width: 190px; float: left; border-left: 1px solid #CCC; }
#home-page-mission ul li.first { padding-left:0px; padding-right: 10px; border: none; }
#home-page-mission ul li.last { padding-right:0px; padding-left: 25px; }
#home-page-mission ul li ul li{ clear: left; border: none; padding: 0px; }

/* -------------------- home page mission lightbox text -------------------- */
#our-focus { width: 570px; height:429px; overflow:auto;  background: url(/images/lightbox-background.png) top left no-repeat;  }
#our-focus h3 { padding: 30px 0px 30px 30px; font-size: 34px; color: #31c834; }
#our-focus p { padding: 60px 20px 20px 20px; font-size: 16px; }

#our-approach { width: 570px; height:429px; overflow:auto; background: url(/images/lightbox-background.png) top left no-repeat; }
#our-approach h3 { padding: 30px 0px 30px 30px; font-size: 34px; color: #31c834; }
#our-approach p { padding: 60px 20px 20px 20px; font-size: 16px; }

#our-people { width: 570px; height:429px; overflow:auto; background: url(/images/lightbox-background.png) top left no-repeat; }
#our-people h3 { padding: 30px 0px 30px 30px; font-size: 34px; color: #31c834; }
#our-people p { padding: 60px 20px 20px 20px; font-size: 16px; }

/* -------------------- twitter feed -------------------- */
#twitter-logo {position:absolute; right:5px; margin-top: -57px; padding: 0;}
#twitter-feed { }
#twitter-feed img { padding-bottom: 10px; }
#tweets { height: 1%;  }
#tweet-text { text-align: left; color: #333; /*background: #c2d8e3;*/ }


/*************************************************************/
/* -------------------- CONTACT US PAGE -------------------- */
/*************************************************************/

/* -------------------- form-------------------- */
#form-fields  { list-style-type: none; }
#form-fields li { width: auto; min-height: 20px; height: auto !important; height: 20px; padding: 8px; text-align: left; }
#form-fields input { height: 15px; width: 200px;}
#form-fields label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.focused{ background-color:#fff7c0; position:relative; }

/*************************************************************/
/* --------------------- CAREERS PAGE ---------------------- */
/*************************************************************/
#job-postings { padding-left: 40px; }

/********************************************************************/
/* --------------------- EXECUTIVE TEAM PAGE ---------------------- */
/********************************************************************/
.team-pic { float: left; padding-right: 20px; }
h2.bio { padding-bottom: 5px; }