@charset "UTF-8";
/* CSS Document */


html,body{ height: 100%; }

body{
	position: relative;
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	/*font-family: "Georgia", "Times New Roman", serif;*/
	color: #575c52;
	font-size: 100%;
	background: #fff url(../img/tophdr-main-bg.png) repeat-x 50% 0;
}	
body.subpage{background: #fff url(../img/tophdr-sub-bg.png) repeat-x 50% 0;}

/* Main Typography 
________________________________*/
h1, h2, h3{font-family: "Georgia", "Times", serif;}


/* MAIN LAYOUT FRAMWORK
________________________________*/

#container {
	min-height: 100%;
	margin-bottom: -90px;
	position: relative;
}

#wrap960{
	position: relative;
	width:960px;
	margin:0 auto;
	text-align: left;
}
	#home #wrap960{padding-bottom: 60px;}

h1#main-logo{
	position: absolute;
	top:60px;
	left:7px;
}

#home h1#main-logo{top:46px;}

h1#main-logo a, h1#main-logo a:link, h1#main-logo a:visited{
	display: block;
	width:162px;
	height:52px;
	background: transparent url(../img/iact_logo.png) no-repeat 0 0;
	text-indent: -9999px;
}

/* ---------SUBPAGE LOGO -------------- */
.subpage h1#main-logo,
.subpage2 h1#main-logo
{
	position: absolute;
	top:41px;
	left:7px;
}

.subpage h1#main-logo a, .subpage h1#main-logo a:link, .subpage h1#main-logo a:visited,
.subpage2 h1#main-logo a, .subpage2 h1#main-logo a:link, .subpage2 h1#main-logo a:visited
{
	display: block;
	outline:none;
	width:138px;
	height:44px;
	background: transparent url(../img/iact_logo_sub.png) no-repeat 0 0;
	text-indent: -9999px;
}

#home #topnav{left:653px; top:65px;}
.subpage #topnav{left:365px; top:46px;}
.subpage2 #topnav{left:653px; top:50px;}

#topnav{
	list-style: none;
	position: relative;
	top:60px;	
	width:320px;
	height:34px;
	overflow:hidden;
}

#topnav li{	
	display: inline;
	margin-right: 7px;
	float:left;
}

#topnav a, #topnav a:link, #topnav a:visited{
	display: block;
	outline:none;
	height:34px;
	overflow:hidden;
	background: transparent url(../img/main-nav.png) no-repeat;
	text-indent: -9999px;
}

	/* NAV STATES NORMAL */
li#pro a, li#pro a:link, li#pro a:visited{width:87px; background-position: 0px 0px;}
li#oms a, li#oms a:link, li#oms a:visited{width:52px; background-position: -93px 0px;}
li#use a, li#use a:link, li#use a:visited{width:44px; background-position: -151px 0px;}
li#tou a, li#tou a:link, li#tou a:visited{width:105px; background-position: -202px 0px;}

	/* NAV STATES HOVER */
li#pro a:hover{background-position: 0px -34px;}
li#oms a:hover{background-position: -93px -34px;}
li#use a:hover{background-position: -151px -34px;}
li#tou a:hover{background-position: -202px -34px;}

	/* NAV STATES ACTIVE */
.programs li#pro a, .programs li#pro a:link, .programs li#pro a:visited,
.cust-programs li#pro a, .cust-programs li#pro a:link, .cust-programs li#pro a:visited,
.wellness-programs li#pro a, .wellness-programs li#pro a:link, .wellness-programs li#pro a:visited
{background-position: 0px -68px;}
.oms_landing li#oms a, .oms_landing li#oms a:link, .oms_landing li#oms a:visited{background-position: -93px -68px;}
.use li#use a, .use li#use a:link, .use li#use a:visited{background-position: -151px -68px;}
.tour li#tou a, .tour li#tou a:link, .tour li#tou a:visited{background-position: -202px -68px;}

#cont_link{
	position:fixed;
	top:335px;
	right:0;
	z-index:50;
}

.subpage #cont_link{
	top:305px;
}

#cont_link a.img_btn, #cont_link a:link.img_btn, #cont_link a:visited.img_btn{
	width:39px;
	height:148px;
	background: transparent url(../img/btn-cont.png) no-repeat 0 0;	
}
	#cont_link a:hover.img_btn{background-position: -39px 0px;}

#cont_link a.proposal, #cont_link a:link.proposal, #cont_link a:visited.proposal{
	height:168px;
	background: transparent url(../img/btn-proposal.png) no-repeat 0 0;	
}
	#cont_link a:hover.proposal{background-position: -39px 0px;}

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

#hom-bnr{
	position: relative;
	background: transparent url(../img/content/iact_banner_superboy.jpg) no-repeat;
	width:960px;
	height:377px;
	margin-top: 88px;
}

#hom-bnr a.img_btn, #hom-bnr a:link.img_btn, #hom-bnr a:visited.img_btn{
	width:111px;
	height:24px;
	background: transparent url(../img/btn_contact_hmbanner.png) no-repeat 0 0;
	position: absolute;
	top:199px;
	left:402px;
	cursor:pointer;
}
	#hom-bnr a:hover.img_btn{background-position: 0px -24px;}

#home .col1-of-3{
	position: relative;
	width:310px;
	float:left;
	margin:18px 15px 0 0;
	
}
	
#home .col1-of-3 .mid{
	width:310px;
	background: transparent url(../img/third_col_bg_mid.jpg) repeat-y;
}

#home .col1-of-3 .mod-top{ 
	width:310px;
	height:49px;
	overflow:hidden;
	background: transparent url(../img/third_col_bg_top.png) no-repeat; 
}
#home .col1-of-3 .mod-btm{ 
	width:310px;
	height:6px;
	overflow:hidden;
	background: transparent url(../img/third_col_bg_btm.jpg) no-repeat; 
}

#home .mod3{margin-right: 0px;}

#home .col1-of-3 h2{
	padding: 17px 0 12px 42px;
	margin: 0 0 11px 1px;
	width:260px;
}

#home .col1-of-3 .mid img{
	margin: 15px 0 0 11px;
}

#home .col1-of-3 p{
	padding: 9px 10px;
	font-size: 11px;
	line-height: 1.35em;
	color:#6f726b;
}

/*MODULE 1 */

#home .mod1 .img_btn{
	position: relative;
	width:138px;
	height:61px;
	background: transparent url(../img/btn-hm-mod1.png) no-repeat 0 0;
	float:left;
}

#home .mod1 a#heal, #home .mod1 a#heal:link, #home .mod1 a#heal:visited{margin: 0 1px 0 7px; background-position: 0 0;}
#home .mod1 a#cust, #home .mod1 a#cust:link, #home .mod1 a#cust:visited{ background-position: -139px 0;}

#home .mod1 a#heal:hover{background-position: 0 -61px;}
#home .mod1 a#cust:hover{background-position: -139px -61px;}


/* MODULE 2  */
#home .mod2 .mid{padding-bottom: 8px;}

#home .mod2 .img_btn{
	position: relative;
	width:277px;
	height:61px;
	background: transparent url(../img/btn-hm-mod2.png) no-repeat 0 0;
	margin:9px 0 0 13px;
}

#home .mod2 a.img_btn, #home .mod2 a.img_btn:link, #home .mod2 a.img_btn:visited{ background-position: 0px 0px;}

#home .mod2 a.img_btn:hover{background-position: 0px -61px;}

/* MODULE 3  */
#home .mod3 .mid{padding-bottom: 8px;}

#home .mod3 .img_btn{
	position: relative;
	width:277px;
	height:61px;
	background: transparent url(../img/btn-hm-mod3.png) no-repeat 0 0;
	margin:9px 0 0 13px;
}

#home .mod3 a.img_btn, #home .mod3 a.img_btn:link, #home .mod3 a.img_btn:visited{ background-position: 0px 0px;}

#home .mod3 a.img_btn:hover{background-position: 0px -61px;}


/* --------------SUB PAGES--------------------
______________________________________________*/

.lpage{
	position: relative;
	float:left;
	width:674px;
	margin-top: 70px;
}

.lpage .page-mid{background: transparent url(../img/subpag_mid.png) repeat-y; width:674px; height:auto; overflow:hidden; padding-bottom: 20px;}

.lpage .page-top, .lpage .page-btm{
	position: relative;
	overflow:auto;
	width:674px;
	height:7px;
}

.lpage .page-top{background: transparent url(../img/subpag_top.png) no-repeat;}
.lpage .page-btm{background: transparent url(../img/subpag_btm.png) no-repeat;}

.lpage h1, .page h1{
	width:650px;
	height:96px;
	overflow:hidden;
	text-indent: -9999px;
	margin: 0 0 20px 12px;
}
	.page h1{
		width:937px;
	}

.lpage h2, .page h2{
	font-weight: bold;
	margin: 15px 37px;
	line-height: 1.6em;
}

#container .lpage h2.first-h2, #container .page h2.first-h2{
	border-bottom: none;
	margin-bottom: 0px;
}

.lpage h3, .page h3{
	font-weight: bold;
	margin: 15px 37px 0 37px;
	line-height: 1.6em;
}

.lpage h4, .page h4{
	font-weight: bold;
	margin: 0 37px 0 37px;
	line-height: 1.5em;
}

.lpage p, .lpage ul, .page p, .page ul{margin: 0 37px 12px 37px; font-size: 12px; line-height: 1.6em; /*clear:both;*/}

.lpage p em, .page p em{font-weight: bold;}

.lpage p img, .page p img{margin: 15px 0;}

.lpage p img.mini-img, .page p img.mini-img{margin:1.9em 0 0 -75px; float:left;}

.subpage .lpage .big-top{margin-top:30px; padding-top: 30px !important; border-top: solid 1px #ccc !important;}

.lpage p.mini-wrap{clear:both; padding-left: 75px}

.lpage p a, .lpage p a:link, .lpage p a:visited,
.page p a, .page p a:link, .page p a:visited
{color:#688d33; border-bottom: 1px dotted #688d33;}

.lpage p a:hover, .page p a:hover{color:#57890c; border-bottom: none;}

.lpage .divider, .page .divider{
	height:1px;
	border-bottom: 1px dashed #d7d5ca;
	margin:20px 37px;
}

.lpage ul, .page ul{
	list-style:none;
	margin: 20px 37px;
	padding: 20px 20px 20px 20px;
	/*border-left: 2px solid #89c434;*/
	background: #f4f9ea;
}
.lpage ul li, .page ul li{
	background: transparent url(../img/bullet-arrow.png) no-repeat 0 5px;
	padding-left: 13px;
	line-height: 1.6em;
}

.lpage ul.inline-sidebar{
	list-style:none;
	margin: 20px 37px;
	padding: 20px 20px 20px 20px;
	background: #f4f9ea;
	width:200px;
	float:right;
}
.lpage ul.inline-sidebar li{
	background: transparent url(../img/bullet-arrow.png) no-repeat 0 5px;
	padding-left: 13px;
	line-height: 1.6em;
}

.lpage ol, .page ol{
	list-style:decimal;
	margin: 20px 37px;
	padding: 20px 20px 20px 30px;
	border-left: 2px solid #89c434;
	background: #f4f9ea;
}

.lpage ol.altlist, .page ol.altlist{
	border-left: none;
	padding: 0px 20px 5px 30px;
	background: none;
}

.lpage ol li, .page ol li{
	font-size: 12px;
	line-height: 1.75em;
}

.lpage p em.first, .page p em.first{font-size: 13px; color:#373b32; display: block; margin: 25px 0 5px 0;}

.lpage .main-highlight{
	width:94%;
	margin-left: 20px;
}
.lpage .main-highlight p, .page .main-highlight p{margin: 0 0px 8px 17px;}

.lcol{
	margin-top: 0px;
	width:378px;
	float:left;
}
.lcol p{margin-right: 30px; font-size: 12px;}
.lcol p em{font-size: 13px; color:#373b32; display: block; margin: 25px 0 5px 0;}
.lcol p em.first{margin-top: 0px;}

h3.sIFR-replaced + ul.rounded{margin-top: 5px;}

.lpage .rcol-gloss em{font-weight: bold; font-size: 11px; color:inherit;}

.rcol-gloss{
	/*background: #fafbf7;*/
	width:260px;
	float:left;
	/*padding: 20px 0;
	margin: 20px 0 0 0;*/
}
.rcol-gloss .rounded{
	background: #fafbf7;
	width:260px;
	float:left;
	padding: 20px 0;
	margin: 0 0 15px 0;
}

.rcol-gloss p{
	font-size: 11px;
	line-height: 1.35em;
	margin: 0 20px 8px 20px;
	color:#88847c;
}

.lpage .rcol-gloss ul{
	list-style:none;
	margin: 20px 20px 8px 0;
	padding: 0 0 0 33px;
	background: none;
}
.lpage .rcol-gloss ul li{
	/*background: transparent url(../img/sidebar_bullet.png) no-repeat scroll 0px 6px;*/
	font-size: 11px;
	color:#88847c;
	background: none;
	list-style:circle;
	padding-left: 0px;
	line-height: 1.3em;
	margin-bottom: 1.1em;
}

.rcol-gloss h4{margin: 0 20px;}

.rcol-gloss h5{
	font-size: 13px;
	font-weight: 600;
	margin: 5px 20px 5px 20px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #c3c1b5;
}

/* SIDEBAR */

.sidebar{
	position: relative;
	top:-93px;
	width:261px;
	float:left;
	margin: 0 0 0 24px;
	padding-top: 170px;
}

.sidebar .top, .sidebar .btm{width:261px; height:3px; overflow:hidden;}
.sidebar .top{background: transparent url(../img/sidebar_top.png) no-repeat 0 0; margin-top: 0px;}
.sidebar .mid{width: 261px; background: url(../img/sidebar_mid.png) repeat-y 0 0;}
.sidebar .btm{background: url(../img/sidebar_btm.png) no-repeat 0 0;}

.sidebar h2{
	font-weight: bold;
	padding:11px 13px 6px 13px;
	border-bottom: 1px solid #e4e2d9;
	background: #efecde;
}

.sidebar ul{list-style: none;}

.sidebar ul li{
	position: relative;
	left: -4px;
	padding-left:4px;
	font-size: 12px;
	line-height: 1.65em;
}

/* SIDEBAR LINKS */
.sidebar ul li a, .sidebar ul li a:link, .sidebar ul li a:visited{
	letter-spacing: .05em;
	color:#8b887c;
	line-height: 1.65em;
	border-bottom: 1px dashed #e4e2d9;
	display: block;
	outline:none;
	padding: 6px 6px 6px 24px;
	/*background: transparent url(../img/sidebar_bullet.png) no-repeat 13px 14px;*/
}

.sidebar .imgcontain{position: relative; top:0px; left:-25px; width:261px; height:170px; margin-bottom: 28px;}

.sidebar .tec_img_org{top:115px;}
.sidebar .tec_img_user{top:120px; left:673px;}
.sidebar .tec_img_platform{top:120px; left:673px;}

.sidebar .prog_img{top:116px;}

.sidebar ul li a:hover{color:#74b11c; /*background: transparent url(../img/sidebar_bullet_active.png) no-repeat 13px 14px;*/}

.sidebar ul li.active, .sidebar ul li.active, .sidebar ul li.active{color:#74b11c; background: transparent url(../img/sidebar_active_marker.png) no-repeat 0 2px;}
.programs .menustart_outer li.menustart, .programs .menustart_outer li.menustart, .programs .menustart_outer li.menustart{color:#74b11c; background: transparent url(../img/sidebar_active_marker.png) no-repeat 0 2px;}

.sidebar ul li.last a, .sidebar ul li.last a:link, .sidebar ul li.last a:visited{border-bottom: none;}

/* Category Page Headers */
.technology .lpage h1{ background: transparent url(../img/content/subhdr-tec-home.png) no-repeat 0 0;}
	.technology .lpage h1.plat{ background: transparent url(../img/content/subhdr-tec-plat.png) no-repeat 0 0;}
	.technology .lpage h1.orgs{ background: transparent url(../img/content/subhdr-org.png) no-repeat 0 0;}
	.technology .lpage h1.user{ background: transparent url(../img/content/subhdr-use.png) no-repeat 0 0;}

.use .lpage h1{ background: transparent url(../img/content/subhdr-use.png) no-repeat 0 0;}
.programs .lpage h1{ background: transparent url(../img/content/subhdr-pro.png) no-repeat 0 0;}
.cust-programs .lpage h1{ background: transparent url(../img/content/subhdr-pro-cust.png) no-repeat 0 0;}
.wellness-programs .lpage h1{ background: transparent url(../img/content/subhdr-pro-well.png) no-repeat 0 0;}
.login .lpage h1{ background: transparent url(../img/content/subhdr-login.png) no-repeat 0 0;}
.tour .page h1{ background: transparent url(../img/content/subhdr-tour.png) no-repeat 0 0;}
.collateral .lpage h1{ background: transparent url(../img/content/subhdr-marketing-coll.png) no-repeat 0 0;}
.oms_landing .lpage h1.oms{ background: transparent url(../img/content/subhdr-oms.png) no-repeat 0 0;}

/* Programs Page
________________________________*/
.morelesslink, .morelesslink2 {
	/*display:none;*/
	background:#eee;
	color:#fff;
	padding:.25em .6em .3em 2.3em;
	cursor:pointer;
}

.more {
	background:url(../img/btn-blank-inline.png) no-repeat 0 center;
}

.less {
	background:url(../img/btn-blank-inline.png) no-repeat 0 center;
}

.technology .lpage .imgs{
	background:#f7f6f0;
	padding:12px 0 7px 12px;
}

.technology .lpage .imgs img{
	width:187px;
	float:left;
}

.technology .lpage .imgs li{
	display: inline;
	width:187px;
	float: left;
	text-align: center;
	background: none;
	margin: 0 6px 0 0;
	padding:0;
}
.technology .lpage .imgs li a img, .technology .lpage .imgs li a:link img, .technology .lpage .imgs li a:visited img{
	padding:0;
	margin:0;
	border: 2px solid #eae8da;
}

.technology .lpage .imgs li a:hover img{border: 2px solid #c0d897;}

.technology .lpage .imgs span{
	display: block;
	width:183px;
	padding:135px 4px 4px 4px;
	text-align: center;
	background: #eae8da;
	margin-bottom: 5px;	
	font-size: 11px;
}

/*Form Pages*/

.forms #wrap960 .lpage h1{
	display:none;
}
#wrap960 .marker_top{display: none;}
.forms #wrap960 .marker_top{
	display: block;
	background: transparent url(../img/side_ribbon.png) no-repeat 0 0;
	width:40px;
	height:34px;
	top:36px;
	left:-5px;
	position: absolute;
}

.forms #wrap960 .marker_mid{
	display: block;
	background: transparent url(../img/side_ribbon_mid.png) no-repeat 0 0;
	width:40px;
	height:34px;
	top:8px;
	left:-30px;
	position: absolute;
}
.lpage .inner{
	margin:10px 37px;
}

.forms #wrap960 .lpage ul{
	background: #f7f6f0;
	padding:25px;
	width:545px;
}

.forms #wrap960 .lpage ul.hidden_ul{
	background: none;
	padding:10px 0 10px 20px;
	width:355px;
}

.forms #wrap960 .lpage ul li{
	background: none;
}

.forms #footer{display: none;}

.forms form.appnitro{padding: 20px 0 0 0;}

.forms #wrap960 .lpage ul li a.thickbox, .forms #wrap960 .lpage ul li a.thickbox:link, .forms #wrap960 .lpage ul li a.thickbox:visited{
	color:#688d33; 
	padding-bottom: 0px;
	border-bottom: none;
	display: inline-block;
	margin: 0 0 10px 25px;
	font-size: 10px;
	background: transparent url(../img/icon_-_8px_grn.png) no-repeat 0 .175em;
	padding-left: 10px;
	line-height: 1.25em;
	height:1.25em;
	cursor:pointer;
}

.forms .form_completion img{
	position: relative;
	left: 12px;
	top:4px;
	margin-bottom: 20px;
}

.forms .form_completion{min-height: 650px;}

.forms #wrap960 .lpage ul li a.thickbox:hover{color:#57890c; border-bottom: none;}

/*HIDDEN FORM FIELDS*/
#form_3 #li_19,
#form_3 #li_20{	display: none !important;}
#form_5 #li_1,
#form_5 #li_2{	display: none !important;}
#form_6 #li_8,
#form_6 #li_9{	display: none !important;}
#form_7 #li_5,
#form_7 #li_6{	display: none !important;}
#form_8 #li_4,
#form_8 #li_5{	display: none !important;}
#form_10 #li_8,
#form_10 #li_9{	display: none !important;}
#form_11 #li_24,
#form_11 #li_25{	display: none !important;}
#form_12 #li_13,
#form_12 #li_14{	display: none !important;}

#form_3 #li_4 .choice{width:300px !important;}
#form_11 #li_5 ul{
	margin-top: -5px !important;
	padding-top: 0 !important;
}
#form_11 #li_18 ul li div,
#form_11 #li_18 ul #li_10
{margin-top: -10px}

#form_5 #li_9 p{width:150px !important;}


.forms #wrap960 .lpage #ul_element_7_4{padding-top: 0px; width:260px;}
.forms #wrap960 .lpage #li_9{padding-top: 0px; width:260px;}


#wp_modal_wrap{	display: none;}

#li_21 a.trig, #li_21 a:link.trig, #li_21 a:visited.trig{margin-left: 0px !important;}

.forms .successBox{
	position: relative;
	display:none;
	background: #d2e6ab;
	/*position: absolute;
	top:25px;
	left: 40px;
	width:552px;*/
	border:solid 2px #8faf51;
	padding:20px;
	margin:30px 0 0 0;
}

.forms .successBox p{
	padding: 0;
	margin: 0;
}
.forms .successBox p a{
	position: absolute;
	top:21px;
	right:15px;
}

.forms #wrap960 input, .forms #wrap960 textarea{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* MARKETING PAGES
________________________________*/

/* UTILITY NAV */

.utilnav{
	position: absolute;
	top:0px;
	right:0px;
	width:auto;
	z-index: 10;
}

.utilnav .mktg_usrinfo{width:auto; background: #575c52; overflow: hidden;}

.utilnav .mktg_usrinfo ul{padding: 2px 10px 5px 10px; margin: 0px; float: left;}
.utilnav .mktg_usrinfo ul li{
	color:#89c434;
	display: inline;
	font-size: 11px;
	letter-spacing: .1em;
	font-size: 10px;
}

.utilnav .mktg_usrinfo ul li a, .utilnav .mktg_usrinfo ul li a:link, .utilnav .mktg_usrinfo ul li a:visited{
	letter-spacing: .05em;
	line-height: 1em;
	color:#fffdf5;
	border-bottom: none;
	display: inline;
	outline:none;
	padding: 0;
	background: none;
}
	.utilnav .mktg_usrinfo ul li a:hover{color:#89c434;}

.utilnav .mktg_usrinfo ul li a.first{
	border-right: 1px solid #89c434;
	padding-right: 5px;
	margin-right: 2px;
}


.collateral .row h3,
.collateral .row h4,
.collateral .row p{
	margin:0;
}

.collateral .row{
	margin: 0 37px 10px 37px;
	overflow: hidden;
	padding: 20px;
	/*border-bottom: 1px dotted #dbd8c6;*/
	border: 1px solid #f5f3ee;
	background: #fffefc;
}

.collateral .row h2.sIFR-replaced{margin-bottom: 80px !important;}

.row .thumb{
	display: block;
	width:90px;
	float:left;
	clear: left;
} 

.row .desc{
	width:450px;
	margin-left: 15px;
	float:left;
	clear: right;
}

.collateral .row .desc p{
	line-height: 1.35;
}

.row p a, .row p a:link, .row p a:visited{
	display: inline-block;
	margin-top: 10px;
	clear: left;
}
.row p a:hover{border-bottom: 1px dotted #fff;}


/* DEMO SLIDER
________________________________*/

.subpage2 h2.mar-top-40{margin-top: 40px;}

/* Set up scrollable content */

#demo_slider{
	position: relative;
	top:0;
	left:35px;
	margin:40px 0 10px 0;
	width:885px;
	height:500px;
	background: #fffefc;
	border: 1px solid #d4d1c7;
}

#flowpanes{
	position: absolute;
	top:135px;
	left:31px;
	width:823px;
	height:320px;
	overflow:hidden;
	z-index:1;
}

#flowpanes .items{
	width:20000em; 
	position:absolute;
	clear:both;
}

#flowpanes .items div { 
    float:left;
	width:946px;
}


ul#flowtabs{
	width:887px;
	height:88px;
	padding:0;
	margin:-1px 0 0 -1px;
	display:block;
	list-style: none;
	background: none;
	background: transparent url(../img/demo_splash_nav.jpg) no-repeat 0 0;
	overflow:hidden;
	z-index:5;
}

ul#flowtabs li{
	display: block;
	background: none;
	float:left;
	height:88px;
	margin:0;
	padding:0;
}

#flowtabs a, #flowtabs a:link, #flowtabs a:visited, #flowtabs a:hover{
	height:88px;
	background: transparent url(../img/demo_splash_nav.jpg) no-repeat 0 0;
	cursor:pointer;
}

/*NORMAL*/
#flowtabs #t1 a, #flowtabs #t1 a:link, #flowtabs #t1 a:visited{ width:147px; background-position: 0px 0px;}
#flowtabs #t2 a, #flowtabs #t2 a:link, #flowtabs #t2 a:visited{ width:147px; background-position: -147px 0px;}
#flowtabs #t3 a, #flowtabs #t3 a:link, #flowtabs #t3 a:visited{ width:147px; background-position: -296px 0px;}
#flowtabs #t4 a, #flowtabs #t4 a:link, #flowtabs #t4 a:visited{ width:147px; background-position: -444px 0px;}
#flowtabs #t5 a, #flowtabs #t5 a:link, #flowtabs #t5 a:visited{ width:147px; background-position: -591px 0px;}
#flowtabs #t6 a, #flowtabs #t6 a:link, #flowtabs #t6 a:visited{ width:151px; background-position: -734px 0px;}

/*HOVER*/
#flowtabs #t1 a:hover{background-position: 0px -88px;}
#flowtabs #t2 a:hover{background-position: -147px -88px;}
#flowtabs #t3 a:hover{background-position: -296px -88px;}
#flowtabs #t4 a:hover{background-position: -444px -88px;}
#flowtabs #t5 a:hover{background-position: -591px -88px;}
#flowtabs #t6 a:hover{background-position: -734px -88px;}

/*ACTIVE*/
#flowtabs #t1 a.current{background-position: 0px -176px;}
#flowtabs #t2 a.current{background-position: -147px -176px;}
#flowtabs #t3 a.current{background-position: -296px -176px;}
#flowtabs #t4 a.current{background-position: -444px -176px;}
#flowtabs #t5 a.current{background-position: -591px -176px;}
#flowtabs #t6 a.current{background-position: -734px -176px;}


#demo_slider .prev_btn{
	position: absolute;
	top:228px;
	left:-7px;
	cursor:pointer;
	width:39px;
	height:96px;
	background: transparent url(../img/tab_shadow_lft.jpg) no-repeat;
}

#demo_slider .next_btn{
	position: absolute;
	top:228px;
	right:-8px;
	cursor:pointer;
	width:39px;
	height:96px;
	background: transparent url(../img/tab_shadow_rt.jpg) no-repeat;
}

#demo_slider .next_btn a.next, #demo_slider .next_btn a:link.next, #demo_slider .next_btn a:visited.next{
	position: relative;
	top:25px;
	width:38px !important;
	height:47px !important;
	background: transparent url(../img/btn-next-tab.jpg) no-repeat 0 0;
}
	#demo_slider .next_btn a:hover{background-position: 0px -47px;}

#demo_slider .prev_btn a.prev, #demo_slider .prev_btn a:link.prev, #demo_slider .prev_btn a:visited.prev{
	position: relative;
	top:25px;
	width:38px !important;
	height:47px !important;
	background: transparent url(../img/btn-prev-tab.jpg) no-repeat 0 0;
}
	#demo_slider .prev_btn a:hover{background-position: 0px -47px;}

#demo_slider #flowpanes h2{margin-top: 0px;}

#demo_slider #flowpanes .lcol{
	display: block;
	position: relative;
	float:left;
	width:390px !important;
	margin-right: 15px;
}

#demo_slider #flowpanes .sceenshot{
	display: block;
	position: relative;
	float:left;
	width:392px !important;
}

#flowpanes a.test_drive, #flowpanes a:link.test_drive, #flowpanes a:visited.test_drive{
	width:111px;
	height:24px;
	background: transparent url(../img/btn-testdrive.png) no-repeat 0 0;
	float:left;
	margin: 8px 5px 0 0;
}
	#flowpanes a.test_drive:hover{background-position: 0px -24px;}

#flowpanes a.view_video, #flowpanes a:link.view_video, #flowpanes a:visited.view_video{
	width:121px;
	height:24px;
	background: transparent url(../img/btn-viewvideo.png) no-repeat 0 0;
	float:left;
	margin-top: 8px;
}
	#flowpanes a.view_video:hover{background-position: 0px -24px;}

/* --------------404 ERROR PAGES--------------------
______________________________________________*/

.four-o-four .page .first-h2{
	margin-top: 35px;
	/*padding-top: 20px;*/
}

.four-o-four .page .page-mid h1{display: none;}

.four-o-four .page ul{
	border-radius:5px; 	
	-moz-border-radius:5px; 	
	-webkit-border-radius:5px;
	position: relative;
	background: #f4f9ea url(../img/404.jpg) no-repeat  560px 50%;
}

.four-o-four .page ul li a, .four-o-four .page ul li{
	font-size: 14px;
}

.four-o-four .page ul li a:hover{
	color:#89c434;
}

.four-o-four .page ul li ul{
	margin: 5px 5px 5px 0px;
	padding: 0 0 0 15px;
	background: none;
	border-left: 1px dotted #89c434;
}

.four-o-four .page ul li ul li{
	background: none;
	list-style: circle inside;
	padding-left: 0;
}


/* Footer
________________________________*/

.clearfooter {
	height: 120px;
	clear: both;
}

#mainfooter {
	width: 100%;
	height: 90px;
	position: relative;
	text-align: center;
	background:#c8d6d9 url(../img/ftr-bg.png) 0 top repeat-x; 
}
#ftr_inner{
	position:relative;
	top:30px;
	padding:12px 12px 0 12px;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#ftr_inner p{
	font-weight:600;
	color:#6e7666;
	font-size:11px;
}

#ftr_inner ul{
	position: absolute;
	right:0;
	top:7px;
	text-align: right;
}

#ftr_inner ul li{
	display: inline;
	font-size: 11px;
	color:#a29c8f;
}

#ftr_inner ul li a, #ftr_inner ul li a:link, #ftr_inner ul li a:visited{ color:#a29c8f;}
	#ftr_inner ul li a:hover{color:#88c036;}

/* Thank you page for sales pipeline
________________________________*/

.feedback_box{
	margin: 0 ;
	position: relative;
	top: 40px;
	left:35px;
	display: block;
	width: 400px;
	height: auto;
}

#fb_top{ position: relative; top: -2px; margin:0; }
#fb_btm{ position: relative; top: 2px; margin:0; }

#thankyou {background:#f5f5ec}

#thankyou .feedback_box h2{ font-weight:800; font-size:18px; padding: 18px 0 15px 30px; width:340px;}
#thankyou .feedback_box p{font-size:12px; font-weight:700; padding: 0px 0 30px 30px; width:340px;}

.feedback_box a, .feedback_box a:link, .feedback_box a:visited{
	position: relative;
	display: block;
	width: 117px;
	height: 21px;
	outline: none;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px 0 20px 0;
	background: transparent url(../img/btn-back-to-main.png) 0 0 no-repeat;
}
.feedback_box a:hover{ background-position: 0 -21px;}


/* LOGIN PAGE
________________________________*/

.login #wlpeLoginForm .imgs{
	background: #f7f6f0;
	border: 1px solid #edece3;
	padding:24px 29px 29px 29px;
	margin-top: 35px;
}

.login #wlpeLoginForm li{
	background: none;
	margin:8px 0 0 0;
	padding: 0;
	width:540px;
}
.login #wlpeLoginForm .form-row{
	line-height: 35px;
	background: url(../img/login-input-bg.png) no-repeat 0 0;
	height:35px;
}

#wlpeLoginForm .form-row input{
	height:23px;
	width:98%;
	padding:9px 0 0 8px;
	margin:0;
	font-size: 14px;
	color:#44402c;
	border:none;
	background: none;
}

.login #wlpeLoginForm label{
	font-size: 13px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}

.login #wlpeLoginForm .top-row{
	margin-top: 15px;
}

p.wlpeMessageText{
	font-weight:600 !important;
	color:#a43112 !important;
	font-size:12px !important;
}

/* Global declarations
________________________________*/

.subpage2 .page{
	position: relative;
	float:left;
	width:960px;
	margin-top: 80px;
}

.page .page-top, .page .page-btm{
	position: relative;
	overflow:auto;
	width:960px;
	height:7px;
}

.page .page-top{background: transparent url(../img/subpage2_top.png) no-repeat;}
.page .page-btm{background: transparent url(../img/subpage2_btm.png) no-repeat;}

.page .page-mid{background: transparent url(../img/subpage2_mid.png) repeat-y; width:960px; height:auto; overflow:hidden; padding-bottom: 20px;}


/* Global declarations
________________________________*/


.tooltip{
	position: absolute;
	background:#32382c;
	border:1px solid #3b3f36;
	padding:10px 15px;
	width:165px;
	display:none;
}

.tooltip p{
	text-align:left;
	font-size:11px;
	color:#fff;
	line-height: 1.45em;
	padding: 0;
	margin: 0;
}

.tooltip .emph{
	position: relative;
	top:4px;
	color:#85bf32;
	font-size: 16px;
	display: inline;
}

.tooltip .tt_arrow_btm{
	position: absolute;
	background: url(../img/tooltip_btm_arrow.png) no-repeat 0 0;
	width:18px;
	height:10px;
	bottom:-10px;
	left:85px;	
}

a, a:link, a:visited, a:hover{text-decoration: none; color: #575c52;}

a.cont-inline, a:link.cont-inline, a:visited.cont-inline{
	width:117px;
	height:21px;
	background: transparent url(../img/btn-cont-inline.png) no-repeat 0 0;
	margin-top: 10px;
}
	a:hover.cont-inline{background-position: 0px -21px;}

.fltrt { 
	float: right;
}
.fltlft { 
	float: left;
}
.no_rtmar{margin-right: 0 !important;}

.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.img_btn{	
	overflow:hidden;
	outline:none;
	display:block;
	text-indent:-9999px;
	border:none !important;
}

.solidhr{height:1px; width:100%; border-bottom: solid 1px #bed7da; margin-bottom: 15px; }

p a.morebtn, p a:link.morebtn, p a:visited.morebtn{
	display: block;
	width:52px;
	height: 20px;
	text-indent:-9999px;
	background: transparent url(../img/more_btn.gif) 0 0 no-repeat;
	text-decoration: none;
	margin-top: 4px;
	outline: none;
}
p a:hover.morebtn{
	background-position: 0 -20px;
}

/* THICK Form
________________________________*/

.thick_form h3{font-size:16px; font-weight: 700; padding: 12px 10px 15px 28px;}

.thick_form h2{
	font-size: 22px !important;
	padding: 12px 10px 15px 28px;
	margin-bottom: 28px;
	border-bottom: 1px dashed #c3c1b5;
}

.thick_form form{
	position: relative;
	top: 16px;
	display: block;
	width: 100%;
	height: auto;
	margin:0;
}
.thick_form .clearFloats{
	position: relative;
	left: 28px;
	margin:0 0 5px 0; 
	font-size: 11px;
	color:#53594d; 
	font-weight:600; 
	float: left; 
	display: block; 
	width: 140px;
	clear: none;
	overflow:hidden;
}

.formunit{
	width:100%;
	margin-bottom: 15px;
	overflow:hidden;
	clear:both;
}

.thick_form #formwrap label .req{
	font-weight:600;
	color:#aa5619;
	font-size:12px;
}

.hmtxtinput{
	position: relative;
	left: 28px;
	float: left;
	display: block; 
	color: #53594d;
	font-size: 12px;
	background: transparent url(../img/form_inputbg.jpg) 0 0 no-repeat;
	width: 270px;
	height:26px;
	padding: 5px 0 0 0;
	border: none;
	text-indent: 5px;
	clear: none;
}
#comm_box{
	position: relative;
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	left: 28px;
	float: left;
	display: block; 
	color: #53594d;
	font-size: 12px;
	background: transparent url(../img/form_txtareabg.jpg) 0 0 no-repeat !important;
	width: 260px !important;
	height:150px;
	margin-bottom: 15px;
	padding: 5px 15px 15px 5px;
	text-indent: 5px;
	border: none;
	clear: none;
}

#send{ position:relative; left: 168px; float: left; margin:-20px 0 15px 0; clear: both;}


.thick_form #formwrap{

}

.thick_form{
	background:#f5f5ec url(../img/form_page_bg.jpg) 50% 50% no-repeat;
}

.thick_form #formwrap .vali{
	position:relative;
	left:35px;
	width:180px;
	float:left;
	border:soild 1px #aa5619;
}.thick_form #formwrap .vali2{left:25px;}

.thick_form #formwrap .vali .error{
	font-weight:600;
	color:#aa5619;
	font-size:11px;
}

#thankyou h2, #thankyou p{
	padding-left: 0px !important;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #4f595d;
	font-size:12px;
}
#TB_secondLine {
  	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 color: #484e4f;
	font-size:10px;
}
#TB_window a:link {color: #6fa12a;}
#TB_window a:visited {color: #6fa12a;}
#TB_window a:hover {color: #9cb187;}
#TB_window a:active {color: #6fa12a;}
#TB_window a:focus{color: #6fa12a;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../img/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#282b2c;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.60;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #fff;
  z-index: 102;
  color:#4f595d;
  display:none;
  border: 10px solid #454a3f;
  padding:8px 8px 10px 8px;
  text-align:left;
  top:40%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #f5f5ec;
  border-bottom: 1px solid #f5f5ec;
  border-top: 1px solid #f5f5ec;
  border-left: 1px solid #f5f5ec;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:30px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background:#4a4f44 url(../img/contact_hdr.png) repeat-x 0 0;
  height:72px;
  color:#ece9d4;
}
#TB_ajaxContent{
  clear:both;
  padding:15px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
	background: #f7f6f0;
}
#TB_ajaxContent h5{
	color:#454a3f;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
  line-height: 1.4em;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#f5f5ec;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.img-block{display: block;}