html, body {height:100%;}
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

body {
	background: #ffffff url(../images/page_bkg30.png)/* repeat-x*/;
}
/*
@font-face {
  font-family: "Agency FB";
  src: url(Agency_FB.eot);
  src: local("Agency FB"), url(Agency_FB.ttf) format("truetype");
}
*/

@font-face {
  font-family: "MyriadWebPro";
  src: url(MyriadWebPro-Bold.eot);
  src: local("Myriad Web Pro"), url(MyriadWebPro-Bold.ttf) format("truetype");
}

:focus {outline: 0;}
.fll {float:left;}
.flr {float:right;}
.all {text-align:left;}
.alr {text-align:right;}
.alc {text-align:center;}
.alj {text-align:justify;}
.cl {clear:both}
.m20 {margin:20px;}
.mr20 {margin-right:20px;}
.ml20 {margin-left:20px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.hide {display:none;}

p {margin:5px 0 10px; line-height:150%; /* 2013 */ font-size: 17px;}
p * {font-size:inherit;}/* 2013 */ 
.small {font-size:0.8em !important}
.bold {font-weight:bold;}
.u {text-decoration: underline;}
.ul {margin:5px 35px 10px 35px;}

h1, h2 {color: #66cc00; margin-top:20px; font-family:'MyriadWebPro','Arial Narrow', Arial}
h1.first, h2.first, h3.first {margin-top:0px !important;}
h1 {font-size:250%;font-weight:bold;}
h2 {font-size:200%;font-weight:normal;}
h3 {font-size:200%;font-weight:normal;color:#006699;font-family:'MyriadWebPro','Arial Narrow', Arial}
a {
	color: #008800;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #66cc00;
	text-decoration:underline;
}

#page {
	/*background:url(../images/top_nav_bkg_wide_2013.png) no-repeat center top;*/
	min-height: 100%;
	min-width:1000px;
	position: relative;
}

.pgbox {
	width:1000px;
	margin:0 auto;
}

#logo {margin-top:10px;}

.main {
	padding-bottom:270px;
}
.pgbox2 {
	width:820px;
	margin:0 auto;
}

.rc {
	width: 262px;/* width of right action buttons */
	float:left;
}
.lc {
	float:left;
	margin:0 45px 0 /*50px*/5px;
	/* W = 1000 - 45 - 5 - 262 = 688 */
	width:688px;
}

#footer {
	border-top:2px solid silver;
	/*background: black;*/
	color:#dcdcdc;
	/*height:243px;*/
	height:257px;
	width:100%;
	position:absolute;
	bottom:0;
	background-color: white;
	background-repeat: repeat !important;
}

#header {
	/*background:url(../images/top_nav_bkg_wide_2013.png) no-repeat center top;
	height:142px;*/
	height:90px;
	margin-bottom:20px;
	border-bottom:5px solid silver;
}

#headerBkg {height: 100%;}
.aniBKG {background: url(../images/cloud-background.png) repeat-x 0 -40px;}


/* ==== TOP NAVIGATION === */
#topnav ul {
	list-style: none;
	list-style-type: none;
	float:right;
	margin-top:5px;
	position:relative;
	z-index:2;
}
#topnav ul li {
	float:left;
	position: relative;
}
#topnav>ul>li>a {
	display:block;
	height: 0px;
	padding-top: 22px;
	overflow: hidden;
	background-image: url(../images/top_nav_btns_2014_16c.png);
	background-repeat: no-repeat;
}
/*
#topnav>ul>li>a:hover {
	background-image: url(../images/top_nav_btns_hover_2013_24.png);
}
#topnav>ul>li>a.active {
	background-image: url(../images/top_nav_btns_active_2013_16c.png);
}
#topnav>ul>li>a.active_out {
	background-image: url(../images/top_nav_btns_2013_16c.png);
}
*/
#nav_learnmore {
	width: 107px;
	background-position: left top;
}
#nav_software {
	width: 93px;
	background-position: -107px top;
}
#nav_pricing{
	width: 77px;
	background-position: -200px top;
}
#nav_clients{
	width: 80px;
	background-position: -277px top;
}
#nav_signup {
	width: 75px;
	background-position: -357px top;
}
#nav_login{
	width: 71px;
	background-position: -428px top;
}

/* === FOOTER NAVIGATION === */
#footer_nav1 {
	padding-left: 30px;
}
#footer_nav1 ul {
	list-style: none;
	list-style-type: none;
}
#footer_nav1 > ul > li {
	float:left;
	position: relative;
	display:block;
	padding:20px 10px 0;
}
/*#footer_nav1 > ul > li > a {
	text-shadow:2px 2px 5px #1e90ff;
}*/

#footer_nav1 > ul > li > ul > li, #footer_nav1 > ul > li > ul > li > a, #footer_nav1 > ul > li > div > * {
	color:#999999;
	text-decoration:none;
	font-size: 90%;
	line-height:100%;
}
#footer_nav1 > ul > li > ul > li > a:hover {
	color:white;
	text-shadow:2px 2px 5px #1e90ff;/*#00bfff*/
}

#clientLogo {
	width:120px;
	height:80px;
}

#copyright {
	float:left;
	position: relative;
	padding:15px 0 0 45px;
	color:#999999;
	font-size: 80%;
}

#footer_nav2 {
	float: right;
	position: relative;
	padding:10px 20px;
	/*background: white;*/
	color:#333333;
	/*-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
}
#footer_nav2 a {
	color:#333333;
	text-decoration:none;
}
#footer_nav2 a:hover{
	color: black;
}

/*a#signup_btn_footer {
	margin-top: 5px;
	display:block;
	width: 205px;
	height: 0px;
	padding-top: 43px;
	overflow: hidden;
	background-image: url(../images/signup_btn_footer_64c.png);
	background-position: center top;
}
a#signup_btn_footer:hover {
	background-position: center -43px;
}
*/
a.signup_btn_footer {
	margin-top: 5px;
	display:block;
	width: 205px;
	height: 0px;
	padding-top: 43px;
	overflow: hidden;
	background-image: url(../images/signup_btn_footer_64c.png);
	background-position: center top;
}
a.signup_btn_footer:hover {
	background-position: center -43px;
}

.benefit {
	width:250px;
	float:left;
}
.middle {
	margin:0 35px;
}

/* === home page  === */
#demo_btn_1, #signup_btn_1,  .demo_btn_1, .signup_btn_1{
	display:block;
	overflow: hidden;
	height: 0px;
	padding-top:65px;
	background-image: url(../images/home_action_btns_wide_32c.png);
	background-repeat: no-repeat;
	margin:20px 0;
}
#demo_btn_1, .demo_btn_1 {
	width: 428px;
	float:left;
	background-position: 0 0;
}
#signup_btn_1, .signup_btn_1 {
	width: 389px;
	float:right;
	background-position: 100% 0;
	/*2013*/
	width: 392px;
}

.benefit h1 {
	display: block;
	width:/*150px;*/210px;
	overflow: hidden;
	height: 0px;
	padding-top: 72px;
	background-image: url(../images/home_h1_32c_3.png);
	background-repeat: no-repeat;
	margin:10px 0;
}
/*
.benefit h1#improve {
	background-position: 0 top;
}
.benefit h1#save {
	background-position: -150px top;
}
.benefit h1#manage {
	background-position: -300px top;
}
*/
.benefit h1#get_it_done {
	background-position: 0 top;
	width:160px;
}
.benefit h1#max_results {
	background-position: -170px top;
}
.benefit h1#easy_to_use {
	background-position: -390px top;
}

#home_features_box {
	padding: 30px 50px 10px 50px;
	margin-top:20px;
}

#home_features_box p {
	margin: 20px 0;
}

.home_feature {
	display:block;
	float:left;
	width:120px;
	height:62px;
	overflow:visible;
	background-image: url(../images/home_feature_btns_720_32c.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 65px;
	font-weight: bold;
	font-size: 100%;
}
#feature_calendar {
	background-position: 8px top;
}
#feature_projects {
	background-position: -120px top;
}
#feature_collab {
	background-position: -245px top;
}
#feature_documents {
	background-position: -370px top;
}
#feature_contacts {
	background-position: -500px top;
}
#feature_meetings {
	background-position: -620px top;
}

.inset {
	background: url(../images/inset_bkg_white_820_16c.png) no-repeat top;
}
.inset_top {
	height:20px;
	background: url(../images/inset_bkg_white_820_16c.png) no-repeat center 0;
}
.inset_middle {
	background: url(../images/inset_bkg_white_middle_16c.png) repeat-y;
}
.inset_bottom {
	height:20px;
	background: url(../images/inset_bkg_white_820_16c.png) no-repeat center 100%;
}

.inset_left {
	margin: 20px 20px 0 0;
	background: url(../images/inset_bkg_white_820_16c.png) no-repeat left top;
}
.inset_right {
	position:relative;
	left: 20px;
	padding: 20px 20px 1px 20px;
	background: url(../images/inset_bkg_white_820_16c.png) no-repeat right top;
}
.inset_bottom_left {
	margin: 0 20px 20px 0;
	height:19px;
	background: url(../images/inset_bkg_white_820_16c.png) no-repeat left 100%;
}
.inset_bottom_right {
	position:relative;
	left: 20px;
	height:20px;
	background: url(../images/inset_bkg_white_820_16c.png) no-repeat right 100%;
}

#subnav {
	float:left;
	position:relative;
	margin: -50px 0;
	width: 700px;
	z-index:100;
}
#subnav > ul {
	list-style: none;
	list-style-type: none;
}
/* VERSION # 1:
.button {
	margin:2px;
	float:left;
	height:25px;
	padding-left:10px;
	background: url(../images/submenu_btns_left_64c.png) no-repeat 0 100%;
}
.button > a {
	display:block;
	height:25px;
	padding-right:10px;
	background: url(../images/submenu_btns_64c.png) no-repeat 100% 100%;
	color: black;
	font-weight: bold;
	line-height:180%;
}
.button:hover {
	background-position: 0 0;
}
.button > a:hover {
	color:white;
	background-position: 100% 0;
	text-decoration:none;
}
.button > a.active {
	color:green;
}
*/
/* VERSION # 2:
.button {
	margin:2px;
	float:left;
	height:25px;
	padding-left:10px;
	background: url(../images/submenu_btns_left_64c.png) no-repeat 0 0;
}
.button > a {
	display:block;
	height:25px;
	padding-right:10px;
	background: url(../images/submenu_btns_64c.png) no-repeat 100% 0;
	color: white;
	font-weight: bold;
	line-height:180%;
}
.button:hover {
	background-position: 0 100%;
}
.button > a:hover {
	color:black;
	background-position: 100% 100%;
	text-decoration:none;
}
.button > a.active {
	color: #66cc00;
}
*/
.button {
	margin:2px;
	float:left;
	height:25px;
	padding-left:10px;
	background: url(../images/submenu_btns_left_64c.png) no-repeat 0 100%;
}
.button > a {
	display:block;
	height:25px;
	padding-right:10px;
	background: url(../images/submenu_btns_64c.png) no-repeat 100% 100%;
	color: black;
	font-weight: bold;
	line-height:180%;
}
.button > a:hover {
	color:green;
	text-decoration:none;
}
.button.active {
	background-position: 0 1px;
}
.button.active > a {
	color:white;
	background-position: 100% 1px;
}

/* ======= PEOPLE PAGES =========== */
#problem_solution, #feature_block {
	padding:20px 20px 2px 20px;
}
#my_screen {
	padding: 10px 10px 2px
}
#problem {
	 width:292px;
	 float:left;
	 margin:0 10px 0 0;
}
#solution {
	width:292px;
	float:left;
	margin:0 0 0 10px;
}
.photo {
	display:block;
	float:left;
	margin:0 20px 0 0;
	border: 1px solid #008800;
}
.feature_quote {
	margin:15px 0;
	font-weight: bold;
	color: #696969;
	font-style : italic;
}
#feature_block > ul {padding:10px 10px 10px 30px; list-style-image: url(../images/check_mark.png); line-height: 24px;}

.action_box {
	margin: 20px 0;
	padding:5px 20px 0 20px;
	height:43px;
	background: url(../images/action_btn_bkg_32c.png) no-repeat left top;
}
a.btn_get_started {
	width:196px;
	height:0px;
	padding-top:38px;
	overflow:hidden;
	background-image: url(../images/btn_get_started.png);
	background-position: 0 -38px;
}
a.btn_get_started:hover {
	background-position: 0 0;
}

/*
.action_button {
	display:block;
	width: 262px;
	height:0px;
	overflow:hidden;
	padding-top:112px;
	margin:0 auto 20px;
	background-image: url(../images/right_action_buttons-4x4.png);
}
#ab_demo {
	background-position: 0 -112px;;
}
#ab_demo:hover{
	background-position: 0 0;
}
#ab_signup {
	background-position: -262px -112px;
}
#ab_signup:hover {
	background-position: -262px 0;
}
*/


.action_button2 {
	display:block;
	width: 246px;
	height:0px;
	overflow:hidden;
	margin:0 auto 20px;
	background-image: url(../images/right_action_buttons_new.png);
}
#ab_demo2, #ab_demo3 {
	padding-top:64px;
	background-position: 0 0;
}
#ab_demo2:hover, #ab_demo3:hover {
	background-position: 0 -64px;
}
#ab_signup2 {
	padding-top:80px;
	background-position: 0 -128px;
}
#ab_signup2:hover {
	background-position: 0 -208px;
}
#action_contact2 {
	display:block;
	width: 246px;
	height: 65px;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	padding-top:20px;
	margin:0 auto 20px;
}

#testimonials {
	margin:0 2px 0 13px;
	height: 192px;
	background: url(../images/testimonials_bkg_16c.png) no-repeat left 40px;
}
#testimonial {
	padding: 20px 15px 15px 15px;
	height:80px;
	font-size: 100%; /*======================================================================================================*/
	font-style : italic;
	color:#333;
	line-height: 150%;
}


/* blue striped horizontal box: */
.action_box_left, .action_box_right {
	background-image: url(../images/action_btn_bkg_32c.png);
}
.action_box_left {
	margin: 30px 20px 30px 0;
	height: 48px;
	background-position: left top;
}
.action_box_right {
	position:relative;
	left: 20px;
	height: 43px;
	padding: 5px 20px 0 20px;
	background-position: right top;
}
.oneliner {
	text-align:center;
	margin-top:10px;
	font-weight:bold;
	font-style : italic;
}

.ft td {padding:10px;}
.f {font-weight:bold; border-right: 1px dotted black; border-bottom:1px solid gray;}
.fd { border-bottom:1px solid gray;}

dl {margin:5px 0 20px;}
dt {font-weight:bold;}
dd {margin-bottom:5px;}

a#CloudAnalysisBtn {display:block; width:453px; height:0px;margin:0 auto; padding-top:67px;overflow:hidden;background:url(../images/btn_getfreecloudanalysis_lg.png) no-repeat 0px 0px;}
a#CloudAnalysisBtn:hover {background-position: 0 100%}

a.start_free_trial_button {
	display:block;
	width:311px;
	height:0px;
	overflow:hidden;
	padding-top:67px;
	background:url(../Cloud_Computing/images/sp_button_startfreetrial.png);
}
a.start_free_trial_button:hover {
	background:url(../Cloud_Computing/images/sp_button_startfreetrialb.png)
}

ul.check {list-style-image: url(../images/feature_yes.gif); line-height: 24px;margin-left:30px;}
.c_006699 {/*font-size:140%;*/ color: #006699;}
.c_66cc00 {color: #66cc00 !important;font-size:inherit;font-family:inherit;}

