/* CSS Document */


img, div { 
  behavior: url(iepngfix.htc) 
}

body {
	background-image: url('images/Background.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-color:#cde5ea;
	font-family:Arial;
}

#All {
	width: 949px;
	padding:0px 0px 0px 0px;
	margin: 0 auto;  
}




/* ---------- Header ----------  */

#Header {
  position:relative;
	height:90px;
}

#Header .Logo {
	padding-top:12px;
	padding-bottom:12px;
}

#Header #Menu {
	position: absolute;
	top: 50px;
	left: 300px;
	height: 40px;
	width: 639px;
	text-align: right;
	vertical-align: middle;
}

#Header #Menu .Down{
  color: #78A22F;
}

#Header #PhoneAndLinks {
height:20px;
left:300px;
position:absolute;
text-align:right;
top:0px;
vertical-align:middle;
width:639px;
}
#Header #whoson_chat_link{
  color:#999999;
  font-family:Arial;
  font-size:8pt;
  line-height:26px;
  font-weight:normal;
  text-decoration:none;
}
.PhoneNumber {
  color:#78a22f;
  font-family:Arial;
  font-size:14pt;
  line-height:26px;
  font-weight:normal;
}

.MinorLinks {
  color:#999999;
  font-family:Arial;
  font-size:8pt;
  line-height:26px;
  font-weight:normal;
  text-decoration:none;
}

.MinorLinks link, visited, active, hover  {
  color:#999999;
  text-decoration:none;
}


#Header .MainNav a {
	font-family:Arial;
	color:#4f5485;
	font-size:17px;
	font-weight:bold;
	text-decoration: none;
}

#Header .MainNav a:hover{
	text-decoration: underline;
}


/* ---------- Main Section  ----------  */
	
#MainMessage {
  position:absolute;
  left:0px;
  top: 128px;
  width: 945px;
  height: 40px;
  padding:0px;
  z-index:99;

}

#MainMessage h2 {
text-align:center;
  color:#5f9217;
  font-family:Arial;
  font-size:24px;
  letter-spacing:-1px;
  font-weight:bold;
  margin:0px;
}

#MainSection {
  position:relative;
  z-index:10;
	border:thin;
	border-color:#FFFFFF;
	background-color:#FFFFFF;
}

#MainHeader {
  position:relative;
	background-image: url('images/MainHeader2.jpg');
	background-repeat: no-repeat;
	height:406px;
	background-color:#FFFFFF;
}


.MainImage {
	position: relative;
	top: 160px;
}


.MainContent {
	position: absolute;
	top: 187px;
	left: 440px;
	height: 181px;
	width: 454px;
	text-align: left;
	vertical-align: middle;
}

#MainSection h3 {
  color:#4d4c4c;
  font-family:Arial;
  font-size:15pt;
  letter-spacing:0px;
  font-weight:normal;
  margin:0px;
}

#MainSection .PlainText {
  color:#4d4c4c;
  font-size:12pt;
  line-height:24px;
  font-weight:normal;
}
		
/* req demo butotn */
#MainSection #MainContent img{
  padding-top:12px;
  margin:2px;
}

#MainButtons {
	position:relative;
	z-index:26;
}

/* ---------- MainPageIcons ----------  */


#NavContainer ul { 
	text-decoration: none; 
	Padding-left:0;
	margin-left: 0;
}

ul.features li {
	font-size:14px;
	color:#666666;
	height: 40px;
	line-height: 40px;
	padding-left: 45px;
	margin-left: 0;
	text-decoration: none;
	list-style-type: none;
	list-style-image:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b6d2d6;
}

ul.features a {
	color: #cc6600;
	text-decoration: none;
}

ul.features a:hover {
	color: #333;
}
.features .Recognition{background:url('images/Applause.gif') no-repeat center left;	border-top-width: 1px; border-top-style: solid; border-top-color: #b6d2d6;}
.features .Incentives{background:url('images/Incentive.gif') no-repeat center left;}
.features .Rewards{background:url('images/Reward.gif') no-repeat center left;}
.features .Tools{background:url('images/Graph.gif') no-repeat center left;}
.features .Demo{background:url('images/Monitor.gif') no-repeat center left;}


.ext {
  color:#4d4c4c;
  font-size:10pt;
  line-height:24px;
  font-weight:normal;
}

.IconText link, visited, active, hover {
  color:#cc6600;
}


#navlist
{
	padding-left: 0;
	margin-left: 0;
	width: 600px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b6d2d6;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#navlist li a { text-decoration: none; }


/* ---------- Sub Page  ----------  */


#SubHeader {
  position:relative;
	background-image: url('images/SubHeader.jpg');
	height:318px;
	background-color:#FFFFFF;
	z-index:9
}

h1 {
color:#78a22f;
font-family:Arial;
font-size:15pt;
line-height:20pt;
font-weight:normal;
margin:0px;
}

h2 {
color:#363b74;
font-family:Arial;
font-size:40pt;
line-height:40pt;
letter-spacing:-1px;
font-weight:bold;
margin:0px;
}

h3 {
color:#4D4C4C;
font-family:Arial;
font-size:15pt;
line-height:20pt;
font-weight:normal;
margin:0px;
}

#SubContent {
	position: absolute;
	top: 50px;
	left: 440px;
	height: 200px;
	width: 454px;
	text-align: left;
	vertical-align: middle;
}


#SubContentDemo{
padding:3px;
	position: absolute;
	top: 32px;
	left: 40px;
	height: 200px;
	width: 454px;
	text-align: left;
	vertical-align: middle;
}


#SubSection {
	border:thin;
	border-color:#FFFFFF;
	background-color:#FFFFFF;
}


#SubSection .Header {
  color:#4d4c4c;
  font-family:Arial;
  font-size:11pt;
  font-weight:normal;
}

#RecognitionImage {
	position: absolute;
	top: 0px;
}

#DemoContainer {
	position: absolute;
	top: 0px;
	left: 432px;
	z-index: 3;
}
#DemoContent{
	position: absolute;
	top:104px;
	left: 155px;
	width: 300px;
	height: 370px;
}

#ContactContainer {
	position: absolute;
	top:34px;
	left: 560px;
	width: 300px;
	height: 238px;
	z-index: 3;
	padding:12px;
	border-color:#b3cfdb;
	background-color:#eff7f9;
	border-style:solid;
	border-width:1px;
}


li.StandardList {
	list-style-image: url('images/Check.gif');
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	line-height:22px;
}


/* ---------- Bottom Section  ----------  */

#BottomSection #ClientOverview {
	position: relative;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height:170px;
}


#BottomSection #IconOverview {
	position: relative;
	background-color:#FFFFFF;
	background-image: url('images/BottomFlourish.gif');
	background-position: bottom center;
	background-repeat:no-repeat;
	height:325px;
	z-index:25;
}

#IconOverview .Right {
  position:absolute;
  right:0px;
  top:0px;
  width:288px;
}

#BottomSection #IconOverview .Left {
  position:absolute;
  left:0px;
  top:0px;
  width: 610px;
  padding:30px;
}

#BottomSection .Point {
  position: relative;
 	background-color:#FFFFFF;
 	background-image: url('images/BottomFlourish.gif');
 	background-position: bottom center;
 	background-repeat:no-repeat;
	height:281px;
 	
}

#BottomSection .Left {
  position:absolute;
  left:0px;
  top:0px;
  width: 520px;
  padding:30px;
}

#BottomSection .Right {
	position:absolute;
	right:0px;
	top:-1px;
	width:378px;
}



#BottomSection .SideBullet{
  position:absolute;
  left:-40px;
  top:20px;
}

H4 {
  color:#333366;
  letter-spacing:-1px;
  font-size:16pt;
  line-height:26px;
  font-weight:normal;
  margin:0px 0px 10px 0px}

p.SubPage {
  color:#666666;
  font-size:11pt;
  line-height:20px;
  font-weight:normal;
  margin:0px;
}

.PlainText a:link {
  color:#cc6600;
  text-decoration: none;
}


/* ---------- Clients ----------  */


#BottomSection .FullWidth{
  position:absolute;
  left:0px;
  top:0px;
  width: 880px;
  padding:30px;
}

/* ---------- Main Page Blog  ----------  */

#BottomSection .BlogBox {
	position:absolute;
	width:231px;
	height:239;
	top:25px;
	left:677px;
}
 
#BottomSection .Bloginfo {
	position:absolute;
	right:0px;
	top:0px;
	width:231px;
	border:solid;
	border-color:#b3cfdb;
	background-color:#eff7f9;
	border-width:1px;
}



#BottomSection li.BlogList {
	left:-7px;
	list-style-image: url('images/BlogIcon.gif');
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:20px;
}

#BottomSection li.BlogList a:link {
	color:#666666;
	text-decoration:none;
}

#BottomSection li.BlogList a:visited {
	color:#666666;
	text-decoration:none;
}

/* ---------- Form ----------  */


#EdPopup {
	display:none;
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid black;
	left: 150px;
	top: 350px;
	margin:0;
	padding:0;
	text-align:left;
	width:580px;
	height:360px;
	z-index:100;
}

#EdPopup img.closePopup{
	cursor: pointer;
	position:absolute;
	right: -16px;
	top: -16px;
	z-index:101;
}

.EdLink {
  color:#cc6600;
  font-size:11pt;
  line-height:20px;
  font-weight:normal;
  text-decoration:underline;
}

/* ---------- Form ----------  */


.myinputstyle {
	border: 1px solid #999999;
	/** remember to change image path **/
	background: url(none) no-repeat #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #454743;
}

.FormLabel {
  color:#333333;
  font-size:9pt;
  line-height:20px;
  font-weight:normal;
}

.Required {
  color:#ff0000;
  font-size:11pt;
 }



/* ---------- Footer ----------  */

#footer{
	position:relative;
	background-color:#e2ece4;
	height:50px;
	border-width: 2px;
	border-style: solid;
	border-color: #ffffff;
}

#footer #FooterMenu {
	position: absolute;
	top: 16px;
	left: 180px;
	height: 40px;
	width: 769px;
	text-align: right;
	vertical-align: middle;
}

#footer .MainNav a {
	font-family:Arial;
	color:#4f5485;
	font-size:17px;
	font-weight:bold;
	text-decoration: none;
}

#footer .MainNav a:hover{
	text-decoration: underline;
}

#footerLeft{
	display:none;
	padding-left:20px;
	padding-top:10px;
	color:#51538C;
	font-size:14px;
	font-weight:bold;
}

#CopyRight{
  margin-top:20px;
  margin-bottom:20px;
  text-align:center;
  color: #999999;
  font-size:12px;
}