/* --------------------------------------------------------------------------------------
	(c)2008 First Quarter
	
	Prepared by C. Clark | D4 Creative Group
	4646 Umbria St., Philadelphia, PA 19127
	www.d4creative.com
-------------------------------------------------------------------------------------- */

/* @group Reset */

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,strong,sub,sup,tt,var,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}button{border:none;}

/* @end */

/* @group Global */

html, body {
	height: 100%;
	margin-bottom: 1px;
}

body {
	font: 12px/1.7em "Lucida Grande", Verdana, Arial, sans-serif;
	color: #e8f3fc;
	background: transparent url(../gfx/ui/bg.png) repeat fixed;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
}

h1 {
	font-size: 218%;
}

h2 {
	font-size: 164%;
}

h3 {
	font-size: 145%;
}

h4 {
	font-size: 118%;
}

p, ul {
	margin-bottom: 1.35em;
}

a {	
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #439eec;
}

a:hover {
	color: #031030;
	background-color: #C0DEF6;
}

.group:after { 
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE 6 */
* html .group {
	height: 1%;
}

/* IE 7 */
*:first-child+html .group {
	min-height: 1px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a.pdf, .entry a.pdf {
	padding-left: 20px;
	background: transparent url(../gfx/ui/icon_acrobat.gif) no-repeat;
}

a.pdf:hover, .entry a.pdf:hover {
	background: #C0DEF6 url(../gfx/ui/icon_acrobat.gif) no-repeat;
}

a.button, .main a.button {
	padding: 5px 15px;
	line-height: 1em;
	border: 0;
	font-weight: bold;
	color: #000C2A;
	border-bottom: 1px solid #031030;
	background: #439eec;
}

.main a.button:hover {
	background: #ff8600;
	color: #fff;
	text-shadow: none;
}

span.entry_date {
	line-height: 1em;
	font-size: .8em;
	font-weight: bold;
}

.hidden {
	display: none;
}

.noborder, .noborder a, a.noborder {
	border: 0;
}

hr {
	height: 1px;
	background-color: #1c2a47;
	line-height: 0;
	border: 0;
}

/* @end */

/* @group Bones */

.content {
	width: 716px;
	margin: 0 auto;
}

.inner {
	width: 716px;
	padding-top: 40px;
	background-color: #000c2a;
}

/* @end */

/* @group Header */

.header {
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
}

/* @end */

/* @group Nav */

/* Nav Structure */

ul.nav {
	width: 100%;
	height: 35px;
}

ul.nav li {
	float: left;
	z-index: 1001;
	position: relative;
}

ul.nav li a {
	height: 35px;
	display: block;
	text-indent: -9999px;
	border: none;
	background: transparent url(../gfx/ui/nav.png) no-repeat;
}

/* Drop-down Nav */

ul.nav li ul {
	position: absolute;
	width: 160px;
	left: -9999px;
}

ul.nav ul {
	padding: 6px 0 3px 0;
	background: transparent url(../gfx/ui/nav_drop_bg.png) repeat-x;
}

li:hover ul {
	left: 0;
}

ul.nav li:hover ul, ul.nav li.sfhover ul {
	left: 0;
	background-position: 0 0;
}

ul.nav li#navSolutions li a, ul.nav li#navServices li a, ul.nav li#navFirstApps li a, ul.nav li#navResources li a, ul.nav li#navResellers li a, ul.nav li#navPartnerships li a, ul.nav li#navAbout li a {
	margin: 0 3px 0 3px;
	width: 154px;
	height: 100%;
	position: relative;
	display: block;
	color: #283e6f;
	background: none;
	line-height: 3em;
	border-bottom: 1px dotted #b8d0e4;
	font-size: 9px;
	text-indent: 15px;
}	

ul.nav li#navSolutions li a:hover, ul.nav li#navServices li a:hover, ul.nav li#navFirstApps li a:hover, ul.nav li#navResources li a:hover, ul.nav li#navResellers li a:hover, ul.nav li#navPartnerships li a:hover, ul.nav li#navAbout li a:hover {
	color: #031030;
	background: #e1effa;
}

/* Main Nav */

li#navHome a:link, li#navHome a:visited {
	width: 70px;
	background-position: 0px 0px;
}

li#navHome a:hover, li#navHome a:focus {
	background-position: 0px -35px;
}

body#page_home li#navHome a {
	background-position: 0px -70px;
}

li#navSolutions a:link, li#navSolutions a:visited {
	width: 93px;
	background-position: -70px 0px;
}

li#navSolutions a:hover, li#navSolutions a:focus {
	background-position: -70px -35px;
}

body#page_solutions li#navSolutions a {
	background-position: -70px -70px;
}

li#navServices a:link, li#navServices a:visited {
	width: 84px;
	background-position: -163px 0px;
}

li#navServices a:hover, li#navServices a:focus {
	background-position: -163px -35px;
}

body#page_services li#navServices a {
	background-position: -163px -70px;
}

li#navFirstApps a:link, li#navFirstApps a:visited {
	width: 92px;
	background-position: -247px 0px;
}

li#navFirstApps a:hover, li#navFirstApps a:focus {
	background-position: -247px -35px;
}

body#page_first_apps li#navFirstApps a {
	background-position: -247px -70px;
}

li#navResources a:link, li#navResources a:visited {
	width: 96px;
	background-position: -339px 0px;
}

li#navResources a:hover, li#navResources a:focus {
	background-position: -339px -35px;
}

body#page_resources li#navResources a {
	background-position: -339px -70px;
}

li#navPartnerships a:link, li#navPartnerships a:visited {
	width: 112px;
	background-position: -435px 0px;
}

li#navPartnerships a:hover, li#navPartnerships a:focus {
	background-position: -435px -35px;
}

body#page_partnerships li#navPartnerships a {
	background-position: -435px -70px;
}

li#navAbout a:link, li#navAbout a:visited {
	width: 69px;
	background-position: -547px 0px;
}

li#navAbout a:hover, li#navAbout a:focus {
	background-position: -547px -35px;
}

body#page_about li#navAbout a {
	background-position: -547px -70px;
}

li#navEventNews a:link, li#navEventNews a:visited {
	width: 100px;
	background-position: -616px 0px;
}

li#navEventNews a:hover, li#navEventNews a:focus {
	background-position: -616px -35px;
}

body#page_event_news li#navEventNews a {
	background-position: -616px -70px;
}

/* @end */

/* @group Home Page */

.showcase {
	width: 716px;
	height: 200px;
	margin-bottom: 10px;
	background: transparent url(../gfx/ui/showcase.jpg) no-repeat;
}

.home {
	width: 716px;
	min-height: 10px;
	background: transparent url(../gfx/ui/home_bg.gif) repeat-y;
}

.home a, .entry a {
	padding-left: 15px;
	background: transparent url(../gfx/ui/bullet_orange.png) 0 2px no-repeat;
}

.home a:hover, .entry a:hover {
	background: #C0DEF6 url(../gfx/ui/bullet_orange.png) no-repeat;
}

.homeSidebar {
	width: 234px;
	font-size: .9em;
}

.homeSidebar > div {
	padding: 0 24px 15px 24px;
}

.homeSidebar img {
	margin-bottom: 8px;
}

.homeSidebarEntry {
	margin-bottom: 20px;
	background: transparent url(../gfx/ui/home_sb_break.png) 0 bottom no-repeat;
}

.homeMain {
	width: 410px;
	margin-right: 40px;
	padding: 18px 0 50px 0;
}

.homeEntry {
	margin-bottom: 30px;
	padding-bottom: 10px;
	background: transparent url(../gfx/ui/home_break.png) 0 bottom no-repeat;
}

.homeEntry img {
	margin-bottom: 10px;
}

/* @end */

/* @group Inner Content */

.innerWrap {
	width: 100%;
	min-height: 700px;
	padding-bottom: 50px;
	background: transparent url(../gfx/ui/bg_inner.png) repeat-y;
}

.inner .subnav {
	width: 171px;
}

.inner .subnav span.logo a {
	width: 171px;
	height: 65px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	background: transparent url(../gfx/ui/bg_subnav_firstquarter.png);
}

.inner .subnav h6 {
	padding: 25px 0 20px 18px;
	font-size: 1.2em;
	color: #439eec;
	background: transparent url(../gfx/ui/subnav_horiz_break.png) 0 bottom no-repeat;
}

ul#nav_sub {
	width: 156px;
	min-height: 1px;
	margin-bottom: 30px;
	padding: 10px 3px 35px 3px;
	background: transparent url(../gfx/ui/subnav_horiz_break.png) 0 bottom no-repeat;
}

.inner ul#nav_sub li {
	font-size: .9em;
	line-height: 1.3em;
}

.inner ul#nav_sub li a {
	padding: 10px 15px;
	display: block;
	color: #abceeb;
	border: none;
}

.inner ul#nav_sub li a:hover, .inner ul#nav_sub li.here a {
	color: #fff;
	background-color: #439eec;
}

.main {
	width: 460px;
	margin-right: 50px;
	padding-top: 10px;
}

.main blockquote {
	width: 155px;
	margin: 6px 0 20px 20px;
	padding: 12px 12px 6px 18px;
	color: #abceeb;
	font-style: italic;
	line-height: 1.8em;
	background: transparent url(../gfx/ui/pull_quote_bg.gif) no-repeat;
}

.main h1 {
	height: 60px;
	margin-bottom: 1em;
}

.main h2 {
	margin-bottom: 1em;
	line-height: 1.5em;
	font-size: 1.3em;
	color: #439eec;
}

.main h2.tightlead {
	margin-bottom: .25em;
}

.main h3 {
	margin-bottom: .65em;
	font-size: 1.3em;
	border-bottom: 1px dotted #254073;
}

.main ul, .main ol {
	margin-bottom: 2.2em;
}

.main ul li, .main ol li {
	margin-bottom: .7em;
	padding-left: 16px;
}

.main ul li {
	background: transparent url(../gfx/ui/bullet.gif) 0 4px no-repeat;
}

.main ul ul {
	margin-bottom: 1em;
}

.main ul li li {
	text-indent: -1em;
	padding-left: 1em;
	list-style: inside square;
	background: none;
}

.main ol li {
	padding: 1em;
	list-style: inside decimal;
	text-indent: -1.2em;
}

.main h2 + ul {
	margin-top: -.65em;
}

.main > .entry {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #1c2a47;
}

.entry  h2 {
	margin-bottom: .5em;
}

#video_download li {
	margin-top: 1.5em;
	padding: 0;
	background: none;
}

span.archive_date {
	margin: -1.35em 0 .85em 0;
	display: block;
	font-size: .9em;
	font-weight: bold;
}

.entry .col_l {
	width: 40%;
}

.entry .col_r {
	width: 50%;
	min-height: 160px;
	padding-left: 5%;
	border-left: 1px solid #439EEC;
}

/* @end */

/* @group Forms */

.formRow {
	padding-bottom: 15px;
}

form.overlay {
	display: block;
}

form.overlay fieldset {
	padding: 15px;
	border: 1px solid #1c2a47;
	background-color: #031030;
}

form.overlay label {
	height: 12px;
	padding-left: 2px;
	clear: both;
	font-weight: bold;
}

form.overlay input {
	width: 270px;
	padding: 3px;
	height: 14px;
	line-height: 14px;
	border: none;
	border: 2px solid #031030;
	background: transparent url(../gfx/ui/bg_form_focus.png) repeat-x;
}

form.overlay input:focus {
	border: 2px solid #3176b7;
}

form.overlay button {
	padding: 3px 15px;
	border: none;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -.06em;
	color: #fff;
	text-shadow: -1px -1px #146ab4;
	cursor: pointer;
	background: transparent url(../gfx/ui/bg_button.png) 0 0 repeat-x;
}

form.overlay button:hover {
	background-position: 0px -30px;
}

form.overlay button:active {
	padding-top: 4px;
}

form {
	display: block;
}

form fieldset {
	padding: 15px;
	border: 1px solid #1c2a47;
	background-color: #031030;
}

form label {
	height: 12px;
	padding-left: 2px;
	clear: both;
	font-weight: bold;
}

form input {
	width: 270px;
	padding: 3px;
	height: 14px;
	line-height: 14px;
	border: none;
	border: 2px solid #031030;
	background: transparent url(../gfx/ui/bg_form_focus.png) repeat-x;
}

form input:focus {
	border: 2px solid #3176b7;
}

form button {
	padding: 3px 15px;
	border: none;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -.06em;
	color: #fff;
	text-shadow: -1px -1px #146ab4;
	cursor: pointer;
	background: transparent url(../gfx/ui/bg_button.png) 0 0 repeat-x;
}

form button:hover {
	background-position: 0px -30px;
}

form button:active {
	padding-top: 4px;
}

#msg {
	display: none;
	margin-bottom: 1em;
	padding: 10px;
	font-weight: bold;
	font-size: 1.1em;
	border: 1px solid #1c2a47;
	background-color: #031030;
}

em.error {
	padding-left: 15px;
	display: block;
	font-size: 1em;
	background: transparent url(../gfx/ui/icon_error.png) 0 3px no-repeat;
}

span.success {
	height: 16px;
	line-height: 16px;
	margin-bottom: 10px;
	padding-left: 18px;
	display: block;
	background: transparent url(../gfx/ui/icon_accept.png) 0 0 no-repeat;
}

/* -- Select Box Replacement -- */
div.selectbox-wrapper {
	padding-right: 6px;
	position:absolute;
	font-size:0.8em;
	text-align:left;
	max-height: 200px;
	overflow: auto;
	background: #1c2a48;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding: 5px;
}

div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  background: none;
}

div.selectbox-wrapper ul li:hover {
	background-color: #3176b7;
}

/* Form Success Message */
#msg_thanks {
	position: relative;
	margin-bottom: 1.35em; 
	padding: 5px 15px;
	background-color: rgba(0,144,0,0.5);
	border: 1px solid #698c4f;
	color: #fff;
}

#msg_thanks a.closeme {
	position: absolute;
	top: 5px;
	right: 15px;
	padding-right: 21px;
	border: 0;
	color: #fff;
	font-size: 0.9em;
	background: url(../graphics/global/x_16.gif) no-repeat center right;
}

/* @end */

/* @group jQuery Tools */

#flowpanes2 {
	width: 457px;
	height: 875px;
	position:relative;
	overflow:hidden;
	clear:both;
	border-bottom: 1px solid #1c2a47;
	border-right: 1px solid #1c2a47;
	border-left: 1px solid #1c2a47;
	background-color: #031030;
}

#flowpanes2 div {
	width: 428px;
	padding: 20px 15px;
	float:left;
	display:block;
	background-color: #031030;
}

#flowpanes2 .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

ul#flowtabs2 {
	width: 458px;
	height: 36px;
	margin: 0;
	border-top: 1px solid #1c2a47;
	border-right: 1px solid #1c2a47;
}

.main ul#flowtabs2 li {
	width: 90px;
	height: 36px;
	margin: 0;
	padding: 0;
	float: left;
	border-left: 1px solid #1c2a47;
	background: none;
	background-color: #e2effa;
}

.main ul#flowtabs2 li a {
	padding: 4px 0 0 10px;
	height: 32px;
	line-height: 1.2em;
	display: block;
	font-size: .9em;
	background: none;
	color: #4969b0;
	border: none;
}

.main ul#flowtabs2 li a:hover {
	color: #fff;
	background-color: #439eec;
}

.main ul#flowtabs2 li a.current {
	color: #439eec;
	background-color: #031030;
}

#flowpanes2 h2 {
	line-height: 1.2em;
}

#flowpanes2 h3 {
	margin-bottom: 1.2em;
	font-size: 1.1em;
}

#flowpanes2 thead {
	text-align: left;
	color: #439eec;
}

#flowpanes2 td, #flowpanes2 th {
	padding: 5px 0;
	line-height: 1.5em;
	border-bottom: 1px solid #1c2a47;
}

#flowpanes2 td.info {
	padding-right: 10px;
	color: #439eec;
}

#flowpanes2 td.center {
	padding-right: 15px;
}

#flowpanes {
	height: 580px;
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width: 940px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

.overlay {
	width: 940px;
	display: none;
	z-index: 9999;
	position: absolute;
	background-color: #000;
}

.overlay div.close {
	width: 25px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer;
	background: transparent url(../gfx/ui/overlay_close.png) no-repeat;
}

ul#flowtabs {
	height: 20px;
	width: 900px;
}

ul#flowtabs li {
	width: 172px;
	margin-right: 10px;
	height: 24px;
	line-height: 24px;
	float: left;
	text-align: center;
}

ul#flowtabs li.tabLast {
	margin-right: 0px;
}

ul#flowtabs li a {
	
	display: block;
	overflow: hidden;
	background: none;
	border: none;
	background-color: #1c2a47;
}

ul#flowtabs li a:hover {
	background-color: #fff;
}

ul#flowtabs li a.current, ul#flowtabs li a.current:hover {
	color: #fff;
	background-color: #439eec;
}

a.prev, a.next {
	width: 50px;
	height: 20px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	top: 485px;
	border: none;
	background: transparent url(../gfx/ui/walkthrough_nav.png) no-repeat;
}

a.prev {
	left: 0;
	background-position: 0px 0px;
}

a.prev:hover {
	background-position: 0px -20px;
}

a.prev:active {
	background-position: 0px -40px;
}

a.next {
	right: 0;
	background-position: -50px 0;
}

a.next:hover {
	background-position: -50px -20px;
}

a.next:active {
	background-position: -50px -40px;
}

a.disabled {
	visibility: hidden;
}

#walkthrough {
	width: 940px;
	height: 580px;
	color: #3e3e3e;
	border: 3px solid #1c2a47;
	background-color: #000c29;
}

#walkthrough p {
	margin-bottom: 1em;
}

.walkthroughInner {
	padding: 20px;
}

#walkthrough h2, #walkthrough h3 {
	color: #439eec;
}

#walkthrough h3 {
	margin-bottom: .5em;
	font-size: 1.2em;
}

#walkthrough h2 {
	margin-bottom: 2em;
}

#walkthrough h4 {
	margin-bottom: .8em;
}

#walkthrough #flowpanes div ul li, #walkthrough #flowpanes div ol li {
	margin-bottom: .3em;
	padding-left: 16px;
}

#walkthrough #flowpanes div ul li {
	background: transparent url(../gfx/ui/bullet.gif) 0 4px no-repeat;
}

#flowpanes div .walkthroughMain > div.upper {
	width: 620px;
	height: 240px;
	margin-bottom: 20px;
	border-bottom: 1px solid #439eec;
}

#flowpanes div .walkthroughMain > div.lower {
	width: 620px;
}

#flowpanes div .walkthroughMain {
	width: 620px;
	height: 430px;
	padding: 20px;
	background-color: #fff;
}

#flowpanes div .walkthroughCol {
	margin-left: 20px;
	padding-top: 20px;
	color: #fff;
	width: 220px;
}

#walkthrough #flowpanes .flashembed {
	width: 620px;
	height: 375px;
}

/* @end */

/* @group Walkthrough */

#walkthrough {
	background-color: #000c29;
}

/* @end */

/* @group Footer */

#footer {
	padding: 15px 0;
	text-align: center;
	font-size: .8em;
}

#footer ul li {
	margin: 0 5px;
	display: inline;
}

/* @end */

/* @group Sidebar */

span.sitemap a, span.contact a {
	width: 100px;
	margin: 0 0 10px 20px;
	padding-left: 22px;
	display: block;
	border: none;
	color: #abceeb;
}

span.sitemap a:hover, span.contact a:hover,
span.sitemap a.current, span.contact a.current
{
	color: #fff;
}

span.sitemap a {
	background: transparent url(../gfx/ui/icon_sitemap.png) 0 3px no-repeat;
}

span.contact a {
	background: transparent url(../gfx/ui/icon_contact.png) 0 3px no-repeat;
}

/* @end */

/* @group Flowplayer */

a.flowplayer {
	width: 460px;
	height: 369px;
	padding: 0;
	display: block;
	border: none;
	background: none;
}

/* @end */