body{
	margin:0;
/*	color:#1d5f9d;*/
	color:#544A38;
	font:12px Arial, Helvetica, sans-serif;
	background:#daedff;
	min-width:974px;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
input,
textarea,
select{
	color:#000;
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	outline:none;
}
img{border-style:none;}
a{
	color:#544A38;
	text-decoration:underline;
}
a:hover{text-decoration:underline;}
q{quotes: none;}
q:before,
q:after{content:"";}
#header{
	overflow:hidden;
	width:100%;
	background:url(../images/bg-header.gif) repeat-x;
}
.header-holder{
	margin:0 auto;
	width:960px;
	height:190px;
}
.header-holder-table{
	margin:0 auto;
	width:960px;
	height:100px;
	overflow:hidden;
}
* html .header-holder{
	overflow:visible;
	height:196px;
}
.top-bar{
	overflow:hidden;
	width:100%;
	padding:0 0 4px;
}
.logo{
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/online_calendar_people_logo.gif);
	width:278px;
	height:79px;
	margin:25px 0 0;
}
.logo a{
	display:block;
	height:100%;
}
.login-box{
	float:right;
	background:#fcb415 url(../images/bg-login-box.gif) no-repeat;
	width:174px;
	padding:5px 20px 9px 22px;
}

.facebook-box{
	float:right;
	width:174px;
	background:transparent;
}
.login-box ul{
	margin:0 -20px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:180px;
	font:14px/16px Helvetica, Arial, sans-serif;
	color:#544a38;
}
.login-box ul li{
	float:left;
	padding:0 5px 0 6px;
	margin:0 6px 0 -6px;
	background:url(../images/sep-login-box.gif) no-repeat 0 3px;
}
.login-box ul a{color:#544a38;}
.header-block-holder{
	overflow:hidden;
	width:100%;
	margin:-2px 0 0;
	position:relative;
	z-index:1;
}
.header-block{
	background:#ffd578 url(../images/bg-header-block.gif) no-repeat;
	float:right;
	padding:5px 15px 0 13px;
	height:64px;
	width:367px;
}
.header-block label{
	overflow:visible;
	display:block;
	width:100%;
	text-align:right;
	padding:0 0 11px;
	font:italic 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#544A38;
}
.header-block .sel{
	float:right;
	width:184px;
	color:#4c4c4c;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px;
	background:url(../images/bg-header-dropdown.jpg) no-repeat;
	border:0;
	height:21px;
}
#nav{
	margin:-41px 0 0 -3px;
	padding:0;
	list-style:none;
	background:url(../images/bg-nav.gif) no-repeat;
	width:750px;
	height:41px;
	position:relative;
	float:left;
	z-index:3;
	color:#003566;
	letter-spacing:-1px;
	font:italic 20px/22px Helvetica, Arial, sans-serif;
}
#nav li{
	float:left;
	background:url(../images/sep-nav.gif) no-repeat 0 9px;
}
#nav li:first-child{background:none;}
#nav a{
	float:left;
	color:#003566;
	text-decoration:none;
	padding:0 11px 0 0;
	margin:0 -11px 0 -3px;
	position:relative;
	cursor:pointer;
}
#nav a span{
	float:left;
	padding:10px 15px 9px 23px;
}
#nav a:hover{
	color:#fff;
	background: url(../images/bg-nav-link-hover.png) no-repeat 100% -47px;
	margin-top:-6px;
}
#nav .active a, #nav .active a:hover{
	color:#fff;
	background: url(../images/bg-nav-link.png) no-repeat 100% -47px;
	margin-top:-6px;
}

#nav .active a span, #nav .active a:hover span{
	padding:16px 15px 15px 23px;
	background:url(../images/bg-nav-link.png) no-repeat;
}
#nav a:hover span{
	padding:16px 15px 15px 23px;
	background:url(../images/bg-nav-link-hover.png) no-repeat;
}
* html #nav a span{padding-right:9px !important}
* +html #nav a span{padding-right:9px !important}
#main{
	overflow:hidden;
	width:100%;
	padding:0 0 50px;
	background:#abd5ff url(../images/bg-main.jpg) no-repeat 50% 0;
}
.main-holder{
	overflow:hidden;
	width:974px;
	margin:0 auto;
}
.main-frame{
	overflow:hidden;
	padding:0 7px;
	width:960px;
	background:url(../images/bg-main-shadow.png) repeat-y;
}
.main-bottom{
	overflow:hidden;
	width:974px;
	height:12px;
	font-size:0;
	background:url(../images/bg-main-b-shadow.png) no-repeat;
}
.visual{
	overflow:hidden;
	width:960px;
	position:relative;
}
.visual img{display:block;}
.visual .text{
	position:absolute;
	top:0;
	right:0;
}
.visual .holder{
	overflow:hidden;
	width:605px;
	height:323px;
	background:url(../images/bg-visual-mask.png) no-repeat;
}
.visual .frame{
	overflow:hidden;
	padding:0 70px 9px 100px;
	position:relative;
}
* html .visual .frame{
	height:1%;
	overflow:visible;
}
.visual h1{
	color:#fff;
	font:28px/31px Helvetica, Arial, sans-serif;
	margin:2 0 7px;
	letter-spacing:-1px;
}
.visual h1 strong{
	font-weight:normal;
	color:#fcb415;
}
.visual h3{
	color:#fcb415;
	font:18px/24px Helvetica, Arial, sans-serif;
	margin:0 0px 7px;
}
.visual ul{
	margin:0;
	padding:0;
	overflow:hidden;
	width:320px;
	color:#fff;
	font:bold 15px/21px Helvetica, Arial, sans-serif;
}
.visual ul li{
	overflow:hidden;
	vertical-align:top;
	list-style:none;
	padding:0 0 9px 12px;
	background:url(../images/bullet01.gif) no-repeat 1px 7px;
}
* html .visual ul li{
	height:1%;
	overflow:visible;
}
.pricing{
	float:left;
	color:#fff;
	font:15px/18px Helvetica, Arial, sans-serif;
	margin:0 0 0 28px;
	position:relative;
}
.pricing a{
color:#fcb415;
text-decoration:underline;
}
.pricing a:hover{
color:#fcb415;
text-decoration:underline;
}

.btn-free-trial{
	background:url(../images/btn-free-trial.png) no-repeat;
	width:194px;
	height:73px;
	float:right;
	overflow:hidden;
	text-indent:-9999px;
	margin:-53px 23px 0 0;
	display:inline;
	cursor:pointer;
	position:relative;
}
.btn-free-trial a:hover{
	color:gray;
}
.btn-free-trial-sm{
	background:url(../images/btn-free-trial-sm.png) no-repeat;
	width:150px;
	height:56px;
}
.btn-purchase{
	background:url(../images/btn-purchase.png) no-repeat;
	width:150px;
	height:56px;
	float:right;
	overflow:hidden;
	text-indent:-9999px;
	margin:-51px 23px 0 0;
	display:inline;
	cursor:pointer;
	position:relative;
}
.main-top{
	overflow:hidden;
	width:100%;
	background:#fff url(../images/bg-main-top.gif) repeat-x;
}
.main-inner{
	overflow:hidden;
	width:100%;
	min-height:270px;
	background:url(../images/bg-main-inner.gif) repeat-x 0 100%;
}
* html .main-inner{
	overflow:visible;
	height:270px;
}
.promo{
	overflow:hidden;
	padding:0 35px 15px 26px;
}
* html .promo{
	overflow:visible;
	height:1%;
}
.promo-holder{
	overflow:hidden;
	width:960px;
	margin:0 65px 0 0;
	padding:29px 0 0;
}
.promo .column{
	float:left;
	width:275px;
	margin:0 36px 0 0;
	padding:13px 0 0;
	background:#fff url(../images/bg-promo-column.gif) no-repeat;
}
* html .promo .column{overflow:hidden;}
.heading{
	width:100%;
	padding:0 0 4px;
}
.heading:after{
	content:"";
	clear:both;
	display:block;
}
.heading img{
	float:left;
	position:relative;
	margin:-35px 7px -20px 0;
}
.promo h2{
	margin:0;
	color:#003566;
	font:18px/20px Arial, Helvetica, sans-serif;
}
.promo h3{
	margin:0;
	color:#003566;
	font:18px/20px Arial, Helvetica, sans-serif;
}
.promo h2.customers{
	padding-bottom:10px;
	font:17px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.promo .holder{
	overflow:hidden;
	padding:0 9px;
}
* html .promo .holder{
	overflow:visible;
	height:1%;
}
.holder-bg{
	overflow:hidden;
	width:100%;
	background:#f9fcff;
	padding:0 0 10px;
}
.list{
	margin:0;
	padding:0 0 14px 9px;
	list-style:none;
	overflow:hidden;
	color:#544A38;
	font-size:12px;
	line-height:17px;
	position:relative;
}
* html .list{
	overflow:visible;
	height:1%;
}
.list li{
	overflow:hidden;
	padding:0 0 3px 12px;
	vertical-align:top;
	background:url(../images/bullet02.gif) no-repeat 0 5px;
}
* html .list li{
	overflow:visible;
	height:1%;
}
.list a{
	color:#544A38;
	text-decoration:none;
}
.list a:hover{text-decoration:underline;}
.more{
	font:bold 14px/16px Arial, Helvetica, sans-serif;
	color:#6dab00;
	background:url(../images/bullet03.gif) no-repeat 100% 5px;
	text-decoration:underline;
	padding:0 20px 0 0;
	word-spacing:-1px;
	white-space:nowrap;
}
.more:hover{
text-decoration:underline;
}
.promo blockquote{
	margin:0 0 6px;
	text-align:center;
	width:100%;
	font-size:12px;
	line-height:18px;
	position:relative;
}
.promo blockquote q{
	color:#544A38;
	font-style:normal;
	display:block;
}
.promo-cite{
	display:block;
	color:#544A38;
	font-weight:bold;
}
.promo p{
	margin:0 0 6px;
	text-align:left;
}
.examples-list{
	margin:0;
	padding:0 0 10px;
	list-style:none;
	overflow:hidden;
	width:100%;
	font:bold 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6dab00;
}
.examples-list li{
	padding:0 0 5px 25px;
	vertical-align:top;
	overflow:hidden;
	background:url(../images/bullet04.gif) no-repeat 0 0;
}
* html .examples-list li{
	overflow:visible;
	height:1%;
}
.examples-list a{
	color:#6dab00;
	text-decoration:underline;
}
.examples-list a:hover{
text-decoration:underline;
font-weight:bold;
}
.service-list{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	color:#544A38;
	font-size:12px;
	line-height:17px;
	position:relative;
}
.service-list li{
	overflow:hidden;
	width:100%;
	padding:0 0 10px;
	vertical-align:top;
}
.service-list strong{
	color:#544A38;
	font-size:12px;
}
.service-list .mark{color:#544A38;}
.news-area{
	overflow:hidden;
	padding:0 10px 23px 34px;
}
* html .news-area{
	overflow:visible;
	height:1%;
}
.news-area h2{
	font:bold 20px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 6px;
}
.news-list{
	padding:0;
	list-style:none;
	overflow:hidden;
	width:960px;
	margin:0 -100px 0 0;
	font-size:12px;
	line-height:18px;
	color:#544A38;
}
.news-list li{
	float:left;
	width:245px;
	margin:0 70px 0 0;
}
.news-list a{color:#544A38;}
.news-list strong{color:#003566;}
.main-wrap{
	overflow:hidden;
	width:100%;
	position:relative;
	background:#fff;
}
.decor-image{
	position:absolute;
	right:5px;
	top:7px;
	z-index:1;
}
.heading-area{
	background:url(../images/bg-heading-area.jpg) no-repeat;
	width:920px;
	height:112px;
	overflow:hidden;
	padding:48px 0 0 40px;
}
.heading-area#noquote{
	height:132px;
	padding:0px 0 0 40px;
}
.heading-area#noquote p{
	color:#d9e8ff;
	font-size:12px;
	line-height:1.4;
	margin:0;
}
.heading-area#noquote p.ha-quote{
	width:400px;
}
.heading-area#noquote p strong{
	font-size:14px;
}
.heading-area h1{
	margin:0;
	color:#fcb415;
	font: 32px/42px Helvetica, Arial, sans-serif;
	line-height:normal;
}
.heading-area h1 strong{
	color:#fff;
	font-weight:normal;
}
.heading-area h1.small{
	font-size: 34px;
}
#twocolumns{
	overflow:hidden;
	padding:0 91px 30px 41px;
	position:relative;
	z-index:10;
}
* html #twocolumns{
	overflow:visible;
	height:1%;
}
#content{
	float:right;
	width:581px;
}
.intro{
	overflow:hidden;
	width:328px;
	padding:40px 0 7px;
	margin:0 0 0 -4px;
	position:relative;
}
#content h2{
	margin:0 0 9px;
	color:#544A38;
	font:bold 27px/30px Helvetica, Arial, sans-serif;
}
#content h2.small{
	font:bold 23px/30px Helvetica, Arial, sans-serif;
}
.intro p{
	margin:0 0 14px;
	font-size:18px;
}
.table-area{
	overflow:hidden;
	width:100%;
	padding:0 0 24px;
	margin:0 0 25px;
	border-bottom:1px solid #544A38;
}
.table-area table{
	border-collapse:collapse;
	width:581px;
	margin:0;
}
.table-area table td,
.table-area table th{
	vertical-align:top;
	text-align:left;
	padding:8px 0;
}
.table-area table th{
	color:#544a38;
	font-size:18px;
	line-height:20px;
	background:url(../images/bg-table-th.gif) repeat-x 0 100%;
	padding-bottom:14px;
	padding-top:4px;
}


.table-area table .col1{
	width:35%;
	padding-right:15px;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
}
.table-area table .mark .col1{background:url(../images/bg-table-col1.gif) no-repeat 100% 0;}
.table-area table .col2{
	width:65%;
	font-size:14px;
	line-height:16px;
}
.table-area table .mark .col2{background:url(../images/bg-table-col2.gif) no-repeat;}



.table-area table .customers-col1{
	width:35%;
	padding-right:15px;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
}
.table-area table .mark .customers-col1{background:url(../images/bg-table-col1.gif) no-repeat 100% 0;}
.table-area table .customers-col2{
	width:65%;
	font-size:14px;
	line-height:16px;
}
.table-area table .mark .customers-col2{background:url(../images/bg-table-col2.gif) no-repeat;}



#content h3{
	margin:0 0 1px;
	color:#544A38;
	font:20px/22px "Franklin Gothic Book", Arial, Helvetica, sans-serif;
}
.text-block{
	overflow:hidden;
	width:100%;
	padding:0 0 8px;
}
.text-block p{
	margin:0 0 10px;
	color:#544A38;
	font:14px/16px "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
}
.links{
	overflow:hidden;
	width:100%;
	padding:0 0 23px;
	margin:0 0 0 -3px;
	position:relative;
}
.links a{
	float:left;
	margin:0 3px 0 0;
}
#sidebar{
	float:left;
	width:188px;
	padding:22px 0 0;
}
#sidebar h3{
	margin:0 0 3px;
	font:bold 24px/26px Helvetica, Arial, sans-serif;
	color:#544A38;
}
#sidebar h3 span{
	font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#544A38;
	display:block;
}
#sidebar h3 em{
	font-size:24px;
	font-weight:normal;
}
#sidebar .note{
	display:block;
	font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#544a38;
	margin:0 0 14px;
}
#sidebar .add-note{font-size:13px;}
#sidebar h4{
	margin:0 0 3px;
	padding:0 0 7px;
	color:#544A38;
	font-size:16px;
	line-height:18px;
	background:url(../images/divider-sidebar.gif) no-repeat 0 100%;
}
.sidenav{
	margin:0 0 27px;
	padding:10px 0 16px;
	list-style:none;
	overflow:hidden;
	width:100%;
	background:url(../images/divider-sidebar.gif) no-repeat 0 100%;
}
.sidenav li{
	background:url(../images/bullet05.gif) no-repeat 0 3px;
	overflow:hidden;
	vertical-align:top;
	padding:0 0 5px 14px;
	font-size:13px;
	line-height:16px;
}
* html .sidenav li{
	overflow:visible;
	height:1%;
}
.sidenav a{
	color:#544a38;
	text-decoration:underline;
}
.sidenav a:hover, .sidenav li.active a{
	color:#544A38;
	font-weight:bold;
}
.users{
	margin:0 0 6px;
	padding:10px 0 0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.users li{
	padding:0 0 9px;
	float:left;
	width:100%;
}
.users .add{padding-bottom:16px;}
.users img{display:block;}
.more-info{
	background:url(../images/bullet06.gif) no-repeat 100% 6px;
	padding:0 11px 0 0;
}
#footer{
	overflow:hidden;
	width:100%;
	min-height:105px;
	background:url(../images/bg-footer.gif) repeat-x;
	color:#544A38;
	font:11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
* html #footer{
	overflow:visible;
	height:105px;
}
.footer-holder{
	overflow:hidden;
	width:920px;
	margin:0 auto;
	padding:33px 20px 30px;
	text-align:center;
}
.logos{
	margin:0 5px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.logos li{
	display:inline;
	padding:0 11px;
}
.footer-nav{
	margin:0;
	padding:15px 0 5px;
	list-style:none;
	overflow:hidden;
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
* html .footer-nav{
	display:inline;
	margin-left:11px;
}
* +html .footer-nav{
	display:inline;
	margin-left:-3px;
}
.footer-nav li{
	float:left;
	background:url(../images/sep-footer-nav.gif) no-repeat 0 2px;
	padding:0 8px 0 10px;
	margin:0 10px 0 -10px;
}
.footer-nav a{
	color:#336899;
	text-decoration:none;
}
.footer-nav a:hover{text-decoration:underline;}
#footer p{margin:0 0 14px;}
.heading-area p{
	padding:0px;
	color:#D9E8FF;
	margin:0px;
	font-size:14px;
}
.decor-image-reseller{
	position:absolute;
	right:0;
	top:0px;
	z-index:1;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../images/validation.png');
}

.connect_widget_not_connected_text span {
display:none;
}
.connect_widget_connected_text span {
display:none;	
}

.btn_cta{
	background: #8fc400;
	background: -moz-linear-gradient(top,  #8fc400 0%, #58a500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#58a500));
	background: -webkit-linear-gradient(top,  #8fc400 0%,#58a500 100%);
	background: -o-linear-gradient(top,  #8fc400 0%,#58a500 100%);
	background: -ms-linear-gradient(top,  #8fc400 0%,#58a500 100%);
	background: linear-gradient(to bottom,  #8fc400 0%,#58a500 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#58a500',GradientType=0 );
	float:left;margin-top:40px;white-space: nowrap;font-size:2em;color:#fff;text-shadow:0px 1px 0px #286D00;box-shadow:0px 1px 2px #286D00;border:1px solid #286D00;padding:8px 30px;font-weight:bold;border-radius:3px;
	cursor:pointer;
	text-decoration: none;
}