html {
	height: 100%;
	font-size:100.01%;
}
body {
	margin: 0;
	font-size: 62.5%;
	background: url(../images/bg-repeat.png) repeat-x 0 191px;
	height: 100%;
	min-width: 854px;
}
body#inner-page {
	background: url(../images/bg-repeat-inner.png) repeat-x 0 1px;
}
img {
	border: none;
	display: block;
}
a:focus {
	outline:none;
}
a
{
	color: #0d3561;
}

form {
	margin: 0;
}
/* page bg */
.page {
	min-height: 100%;
	background: url(../images/main-bg.jpg) no-repeat 50% 191px;
	font: 1em/1.2em Arial, sans-serif;
}
#inner-page .page {
	background: url(../images/main-bg-inner.jpg) no-repeat 50% 193px;
}
* html .page {
	height: 100%;
}
#main {
	margin: 0 auto;
	width: 854px;
	position: relative;
	overflow: hidden;
}
/* header start */
#header {
	width: 854px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}
/* logo */
.logo {
	position: absolute;
	background: url(../images/logo.gif) no-repeat;
	width: 337px;
	height: 170px;
	text-indent: -9999px;
	overflow: hidden;
	top: 20px;
	left: 0;
}
/* main navigation start */
.main-nav {
	float: right;
	background: url(../images/main-nav-bg.gif) no-repeat;
	display: inline;
	margin: 0 10px 0 0;
}
.main-nav ul {
	margin: 0;
	padding: 0;
	float: left;
	background: url(../images/main-nav-bg-right.gif) no-repeat 100% 0;
}
.main-nav li {
	float: left;
	display: inline;
	background: url(../images/sep.gif) no-repeat;
	padding: 12px 21px 0 21px;
	height: 28px;
}
.main-nav li.item-1 {
	background: none;
}
.main-nav li a {
	text-indent: -9999px;
	overflow: hidden;
	height: 15px;
	display: block;
}
/* items bg */
.main-nav li.item-1 a {
	background: url(../images/item-home.gif) no-repeat;
	width: 49px;
}
.main-nav li.item-2 a {
	background: url(../images/item-how-it-works.gif) no-repeat;
	width: 102px;
}
.main-nav li.item-3 a {
	background: url(../images/item-contact.gif) no-repeat;
	width: 66px;
}
.main-nav li.item-4 a {
	background: url(../images/item-demo.gif) no-repeat;
	width: 50px;
}
.main-nav li a:hover,
.main-nav li a.active {
	background-position: 0 -15px;
}
/* main navigation end */
/* blue link box on inner page start */
.blue-box {
	background: url(../images/blue-box.gif) no-repeat;
	width: 323px;
	height: 35px;
	position: absolute;
	top: 151px;
	right: 10px;
	padding: 18px 0 0 17px;
}
.blue-box a {
	text-decoration: none;
	font: bold 14px/18px "Trebuchet MS", trebuchet, Arial, sans-serif;
	color: #fff;
}
.blue-box a:hover {
	text-decoration: underline;
}
/* blue link box on inner page end */
/* header end */
/* container start */
.container {
	margin: 200px 0 0;
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 20;
	height: 218px;
}
#inner-page .container {
	height: 100px;
}
/* big badge image */
.badge {
	background: url(../images/badge.png) no-repeat;
	width: 442px;
	height: 724px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 28px;
	right: 2px;
	z-index: 15;
}
.green-box-1 {
	background: url(../images/green-box-1.gif) no-repeat;
	width: 226px;
	height: 92px;
	position: absolute;
	top: 210px;
	right: 3px;
	z-index: 5;
}
.green-box-2 {
	background: url(../images/green-box-2.gif) no-repeat;
	width: 226px;
	height: 91px;
	position: absolute;
	top: 339px;
	right: 3px;
	z-index: 5;
}
/* footer start */
.footer-wrapper {
	background: url(../images/footer-bg-repeat.png) repeat-x;
	height: 266px;
	margin: -266px 0 0;
	position: relative;
}
.footer {
	margin: 0 auto;
	width: 854px;
	background: url(../images/footer-bg.jpg) no-repeat;
	height: 266px;
}
/* footer end */
/* blue area on home page */
.blue-area {
	overflow: hidden;
	width: 100%;
	height: 218px;
	position: relative;
	z-index: 10;
}
/* text side start */
.blue-area .text {
	float: left;
	display: inline;
	width: 475px;
	margin: 9px 0 0 15px;
}
.blue-area .text .heading {
	margin: 20px 10px 0 0;
	padding: 0 0 8px;
	background: url(../images/dotted-line.gif) repeat-x 0 100%;
}
/*
.blue-area .text .heading h1 {
	margin: 0;
	background: url(../images/heading-meeting-mojo-is-simple.gif) no-repeat;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 22px;
}
*/
.blue-area .text p {
	margin: 8px 0 0;
	padding: 0 17px 0 0;
	color: #fff;
	font: 20px/25px "Times New Roman", Times, serif;
}
/* text side end */
/* 2 right green links start */
.blue-area .top-green-box,
.blue-area .bottom-green-box {
	float: right;
	margin: 62px 20px 0 0;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	width: 194px;
	display: inline;
	height: 87px;
}
.blue-area .bottom-green-box {
	font-size: 26px;
	line-height: 26px;
	margin: 0 20px 0 0;
	width: 197px;
}
.blue-area .top-green-box a,
.blue-area .bottom-green-box a {
	text-decoration: none;
	color: #fff;
}
.blue-area .top-green-box a:hover,
.blue-area .bottom-green-box a:hover {
	text-decoration: underline;
}
/* 2 right green links end */
/* main container start */
.main-container {
	overflow: hidden;
	width: 100%;
	padding: 0 0 328px;
}
#inner-page .main-container {
	margin: -13px 0 0;
	padding-bottom: 290px;
}
/* keys box start */
.keys-box {
	overflow: hidden;
	width: 848px;
	margin: 0 0 0 2px;
}
.keys-box h2 {
	margin: 0;
	padding: 4px 0 0 15px;
	background: url(../images/big-gray-box-top.gif) no-repeat;
	height: 31px;
	overflow: hidden;
	color: #0d3561;
	font-size: 26px;
	line-height: 29px;
	position: relative;
}
.keys-box .keys-box-bg {
	background: url(../images/big-gray-box-bg.gif) repeat-y;
	margin: -4px 0 0;
	overflow: hidden;
	width: 100%;
}
.keys-box .keys-box-bg .keys-box-bg-bottom {
	background: url(../images/big-gray-box-bg-bottom.gif) no-repeat 0 100%;
	padding: 0 0 11px;
}
.columns-holder {
	background: url(../images/dotted-line-2.gif) repeat-y 158px 0;
	margin: 21px 0 0;
	overflow: hidden;
	width: 100%;
}
/* columns */
.column,
.column-2,
.column-3,
.column-4  {
	float: left;
	width: 131px;
	background: url(../images/star.gif) no-repeat -2px 1px;
	padding: 12px 0 6px 17px;
}
.column-2 {
	width: 123px;
}
.column-3 {
	width: 137px;
}
.column-4 {
	width: 141px;
}
/* text styles */
.columns-holder h3 {
	color: #4ca8d6;
	font: 2.5em/1.15em Georgia, "Times New Roman", Times, serif;
	margin: 0;
}
.columns-holder p {
	margin: 0;
	padding: 1px 0 0 2px;
	color: #0d3561;
	font-size: 1.1em;
	line-height: 1.2em;
}
/* keys box end */
/* main page columns holder */
.two-columns-holder {
	overflow: hidden;
	width: 100%;
	margin: 4px 0 0;
}
#inner-page .two-columns-holder {
	background: url(../images/content-bg.jpg) no-repeat 405px 100%;
	min-height: 635px;
	margin: 0;
}
* html #inner-page .two-columns-holder {
	height: 635px;
	overflow: visible;
}
/* left column */
.col-1 {
	float: left;
	width: 472px;
	overflow: hidden;
}
#inner-page .col-1 {
	width: 482px;
}
.modul-box {
	background: url(../images/gray-box-bg.gif) repeat-y;
	margin: 33px 0 0;
}
.modul-box .modul-box-bg {
	background:url(../images/gray-box-bg-top.gif) no-repeat;
}
.modul-box .modul-box-bg-bottom {
	background:url(../images/gray-box-bg-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
	width: 452px;
	position: relative;
	padding: 26px 0 21px 20px;
}
/* green corner links start */
.corner-see-demo,
.corner-contact,
.corner-read {
	background: url(../images/corner-see-demo.png) no-repeat;
	width: 65px;
	height: 65px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: -1px;
	left: 1px;
	cursor: pointer;
}
.corner-contact {
	background: url(../images/corner-contact-us.png) no-repeat;
}
.corner-read {
	background: url(../images/corner-read-more.png) no-repeat;
	left: 277px;
	top: -2px;
	z-index: 100;
}
/* green corner links end */
/* features and find boxes start */
.modul-box h2 {
	margin: 0 0 0 4px;
	font-size: 26px;
	line-height: 29px;
	color: #0d3561;
	position: relative;
	height: 58px;
	overflow: hidden;
}
.modul-box h3,
.delegate h3,
.content h3 {
	margin: 0 0 0 2px;
	font: 2.5em/1.1em Georgia, "Times New Roman", Times, serif;
	color: #4ca8d6;
}

.content h3 a
{
	color: #4ca8d6;
	text-decoration: none;
}

.content h3 a:hover
{
	text-decoration: underline;
}

.content h4
{
	color: #0d3561;
	font-weight: bold;
	font-size: 1.3em;
}

.delegate h3 {
	margin: 12px 0 0 16px;
}
/* list in features box */
.item-list {
	margin: 0 0 0 -3px;
	padding: 5px 0 24px;
}
.item-list li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 4px 0 0;
	vertical-align: top;
}
.item-list li .star {
	background: url(../images/star-2.gif) no-repeat;
	width: 17px;
	height: 18px;
	text-indent: -9999px;
	float: left;
	position: relative;
}
.item-list li .row-bg {
	background: #cecece url(../images/small-gray-box-top.gif) no-repeat;
	width: 434px;
	color: #4c4c4c;
	font: bold 1em/1.2em Tahoma, Arial, sans-serif;
	float: left;
	margin: 0 0 0 -10px;
	display: inline;
}
.item-list li .row-bg div {
	background: url(../images/small-gray-box-bg-bottom.gif) no-repeat 0 100%;
	padding: 3px 0 2px 14px;
}
.item-list .without-bg .row-bg,
.item-list .without-bg .row-bg div {
	background: none;
}
/* posts in find box */
.posts {
	margin-left: -2px;
	position: relative;
	margin: 0 0 -25px;
}
.post {
	background: url(../images/small-gray-box-bg-2.gif) repeat-y;
	width: 437px;
	margin: 0 0 28px;
}
.post .post-bg {
	background: url(../images/small-gray-box-top-2.gif) no-repeat;
}
.post .post-bg .post-bg-bottom {
	background: url(../images/small-gray-box-bg-bottom-2.gif) no-repeat 0 100%;
	padding: 7px 10px;
}
.post {
	color: #4c4c4c;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
}
/* features and find boxes end */
/* right column */
.col-2 {
	float: left;
	width: 342px;
	margin: 179px 0 0 28px;
	display: inline;
}
#inner-page .col-2 {
	margin: 32px 0 0 22px;
}
/* delegate box start */
.delegate {
	background: url(../images/middle-box-bg.gif) repeat-y;
	position: relative;
	width: 342px;
}
.delegate .delegate-bg {
	background: url(../images/middle-box-bg-top.gif) no-repeat;
	overflow: hidden;
	width: 100%;
	padding: 0 0 12px;
}
.delegate-bg-bottom {
	background: url(../images/delegate-bg-bottom.png) no-repeat;
	width: 340px;
	height: 14px;
	overflow: hidden;
	font-size: 0;
	margin: 0;
}
/* steps list */
.delegate ul {
	margin: 0;
	padding: 0;
}
.delegate ul li {
	overflow: hidden;
	width: 100%;
	padding: 15px 0 4px;
	vertical-align: top;
	list-style: none;
}
/* big number */
.delegate .number {
	background: url(../images/step.gif) no-repeat;
	width: 37px;
	height: 39px;
	float: left;
	color: #fff;
	font-size: 33px;
	line-height: 35px;
	font-weight: bold;
	padding: 6px 0 0 11px;
}
.delegate .text {
	float: left;
	width: 245px;
	display: inline;
	padding: 8px 0 0 10px;
}
/* text styles */
.delegate .text h2 {
	margin: 0;
	color: #0d3561;
	font-size: 2.6em;
	line-height: 1.15em;
	height: 37px;
	overflow: hidden;
}
.delegate .text p {
	margin: 0;
	padding: 0 20px 0 2px;
	color: #4c4c4c;
	font-size: 1.1em;
	line-height: 1.1em;
}
/* delegate box end */
/* online demo box start */
.green-box {
	background: url(../images/green-box-3.gif) no-repeat;
	width: 321px;
	height: 167px;
	overflow: hidden;
	margin: 22px 0 0;
	padding: 19px 0 0 19px;
}
.green-box a {
	text-decoration: none;
	color: #fff;
	font: 2.5em/1.2em Georgia, "Times New Roman", Times, serif;
}
.green-box a:hover {
	text-decoration: underline;
}
/* online demo box end */

/* INNER page */
/* green link box in blue area start */
.green-box-3 {
	margin: 47px 9px 0 0;
	padding: 9px 0 0 19px;
	background: url(../images/green-box-4.gif) no-repeat;
	width: 322px;
	height: 43px;
	overflow: hidden;
	float: right;
	display: inline;
}
.green-box-3 a {
	text-decoration: none;
	color: #fff;
	font: bold 14px/17px "Trebuchet MS", trebuchet, Arial, sans-serif;
}
.green-box-3 a:hover {
	text-decoration: underline;
}
/* green link box in blue area end */
/* content start */
.content {
	margin: 0 0 0 1px;
}
.content-heading {
	padding: 0 0 0 16px;
	background: url(../images/content-heading.gif) no-repeat;
	overflow: hidden;
	height: 49px;
}
.content h2 {
	margin: 0;
	padding: 11px 2px 0 0;
	height: 38px;
	background: url(../images/content-heading-right.gif) no-repeat 100% 0;
	float: left;
}
.content-bg {
	background: url(../images/content-bg.gif) repeat-y;
	overflow: hidden;
	padding: 10px 15px 0 19px;
	width: 448px;
}
.content-bg-bottom {
	background: url(../images/content-bg-bottom.png) no-repeat;
	width: 482px;
	height: 16px;
	overflow: hidden;
	font-size: 0;
}
.content h3 {
	margin: 0;
	padding: 4px 0 8px;
}
.content .textcont {
	margin: 0;
	padding: 0;
	color: #4c4c4c;
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: bold;
}

.content .mainblock
{
	margin-bottom: 10px;
}

/* content end */

/* sIFR start */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #main h2 span {
	visibility: hidden;
	font-size: 27px;
	margin: 0;
}

.sIFR-hasFlash .heading h1 {
	visibility: hidden;
	font-size: 26px;
	line-height: 34px;
	margin: 0;
}
/* sIFR end */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 4 - B L O C K   I M A G E S
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a img
{
	border: 0px;
}

.imageright
{
	float: right;
	margin: 0px 0px 10px 10px;
	border: 0px;
}

.imageleft
{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 0px;
}

.mainblock img.smallsize
{
	width: 120px;
}

.mainblock img.largesize
{
	width: 200px;
}

.mainblock img.fullsize
{
	width: 448px;
	margin-bottom: 10px;
}


/* downloads or links */

ul.linkordownloads
{
	list-style: none;
	padding: 0px;
	margin-left: 0px;
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: bold;
	
}

ul.linkordownloads li
{
	padding-left: 20px;
	margin-left: 0px;
	background: url(../images/star-2.gif) 0 50% no-repeat;
}

ul.linkordownloads li a
{
	text-decoration: none;
	color: #6bb920;
}

ul.linkordownloads li a:hover
{
	text-decoration: underline;
}

.filetype,
.filesize
{
	text-transform: uppercase;
	color: #666;
	xfont-style: italic;
	font-size: 0.7em;
	font-weight: bold;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 5 - C O N T A C T   F O R M   &   D Y N A M IC   F O R M 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

form
{
	
}

div.inputline,
div.checkboxline,
div.textarealine
{
	margin: 0px 0px 0px 0px; 
	padding: 1px 0px 10px 0px;
	float: left;
	width: 448px;
	display: inline; /* fix IE bug */
}

#placeline
{
	display: none;
}

div.checkboxline
{
	clear: both;
}

.inputline label,
.textarealine label
{
	float: left;
	clear: left;
	font-weight: bold;
	width: 146px;
	font-size: 1.4em;
	height: 30px;
	line-height: 30px;
	color: #0d3561;
}

.textarealine textarea
{
	width: 300px;
	height: 100px;
	margin-bottom: 5px;
	border: 0px;
	color: #333;	
}

.inputline input,
.inputline textarea,
.inputline select,
.textarealine textarea
{ 
	float: left;
	font-family: arial,helvetica,sans-serif;
}

.inputline input,
.inputline select,
.inputline textarea
{ 
	width: 295px;
	border: 0px;
	color: #333;
	font-size: 1.4em;
	padding:7px 0px 7px 5px;
	font-weight: normal;
}

.textarealine textarea
{
	padding:7px 0px 7px 5px;
	width: 295px;
	font-size: 1.4em;
}

.inputline textarea,
.textarealine textarea
{
	
}

.inputline input.checkbox
{
	width: auto;
}

.checkboxline input
{
	float: left;
	padding: 0px;
	margin:3px 0px 3px 130px;
	width:13px;
	height:13px;
}


.checkboxline label,
.radiooption label
{
	float: right;
	width: 348px;
	margin-right: 10px;
}

.radiooption
{
	float: left;
	width: 448px;
}

.radiooptions
{
	width: 448px;
}

.fakelabel
{
	float: left;
	clear: left;
	font-weight: bold;
	width: 448px;
}

.radiooptions label
{
	color: #333;
	padding-top: 3px;
	margin-bottom: 2px;
}

.radiooptions input
{
	float: left;
	padding: 0px;
	margin:3px 0px 3px 130px;
	width:13px;
	height:13px;
}


.radiooptions label
{
	font-family: arial;
}

.formcontrols
{
	float: right;
	margin-top: 1em;
}


.errorfield {
	border: 2px solid #b6272f;;
}

.error
{
	text-decoration: none;
	color: #b6272f;;
	padding-top: 2px;
	margin-left: 146px;
	display: block;
	clear: left;
}
.error span {
	font-size: 11px;
}	

.inputline .errorfield
{
	border: 2px solid #b6272f;;
}

.dynform fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.dynform
{
	font-size: 1.1em;
	color: #4c4c4c;
	margin-bottom: 10px;
	font-weight: bold;
}

.dynform h3
{
	font-size: 2.2em;
}

.submitbutton
{
	float: right;
	background: url(../images/submit.gif) no-repeat;
	width: 112px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}