/* STRUCTURE ************************************************/

#wrapper {
	width:100%;
	background:url(../images/bg_wrapper.gif) 0 0 repeat-x;
	text-align:center;
}

#frame {
	width:980px;
	margin:0 auto;
	text-align:left;
	padding-top:26px;
}

p {
	font-size:1.3em;
	color:#666;
	line-height:1.5em;
	margin-bottom:1.5em;
}

a { color:#6D963E; }

table {
	font-size:1.2em;
	color:#666;
	line-height:1.3em;
}

/* HEADER ********************************************************/

#header {
	padding:30px 0px;
	overflow:hidden;
}

#header img {
	float:left;
	display:inline;
}

#header h1 {
	float:right;
	display:inline;

	text-indent:-9999px;
	background:url(../images/logo.gif) 0 0 no-repeat;
	width:162px;
	height:70px;
}
#header h2 {
	float:left;
	display:inline;
	text-indent:-9999px;
	margin-top:-10px;
	background:url(../images/Act4Advisors_CRM_For_Financial.png) 0 0 no-repeat;
	width:320px;
	height:85px;
}

/* SPLASH *******************************************************/

#splash {
	background:url(../images/bg_splash.jpg) 0 0 no-repeat;
	width:555px;
	padding:75px 80px 50px 345px;
}

#splash h2 {
	text-indent:-9999px;
	background:url(../images/txt_introducing_act.png) 0 0 no-repeat;
	width:531px;
	height:42px;
	margin-bottom:20px;
}

#splash p {
	margin-bottom:50px;
}

#splash p.emp {
	margin-bottom:0px;
	font-size:1.5em;
	font-weight:bold;
	color:#E05A07;
}

#splash_bottom {
	background:url(../images/bg_splash_bottom.gif) 0 0 no-repeat;
	width:980px;
	height:4px;
	margin-bottom:15px;
}

/* TABS ***********************************************************/

#tabs ul {
	width:980px;
	height:45px;
	overflow:hidden;
	margin-left:1px;
} 

#tabs li {
	display:inline;
	float:left;
	margin-right:9px;
}

#tabs li.last { margin-right:0px; }

#tabs li a {
	display:block;
	height:45px;
	width:238px;
	background:url(../images/sprite_tabs.png) 0 0 no-repeat;
	text-indent:-9999px;
}

/* TAB 1 **/
#tabs li.ui-state-active a#tab1 { background-position:0 0; }
#tabs li a#tab1 { background-position:-238px 0; }
#tabs li a#tab1:hover { background-position:-476px 0; }
#tabs li.ui-state-active a#tab1:hover { background-position:0 0; }

/* TAB 2 **/
#tabs li.ui-state-active a#tab2 { background-position:0 -45px; }
#tabs li a#tab2 { background-position:-238px -45px; }
#tabs li a#tab2:hover { background-position:-476px -45px; }
#tabs li.ui-state-active a#tab2:hover { background-position:0 -45px; }

/* TAB 3 **/
#tabs li.ui-state-active a#tab3 { background-position:0 -90px; }
#tabs li a#tab3 { background-position:-238px -90px; }
#tabs li a#tab3:hover { background-position:-476px -90px; }
#tabs li.ui-state-active a#tab3:hover { background-position:0 -90px; }

/* TAB 4 **/
#tabs li.ui-state-active a#tab4 { background-position:0 -135px; }
#tabs li a#tab4 { background-position:-238px -135px; }
#tabs li a#tab4:hover { background-position:-476px -135px; }
#tabs li.ui-state-active a#tab4:hover { background-position:0 -135px; }

.ui-tabs-hide { display:none; }

/* MAIN *********************************************************************/

#main {
	border-top:10px solid #717171;
	overflow:hidden;
	padding-top:22px;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	background-image: -moz-linear-gradient(100% 100% 90deg, #F5F5F5, #FFFFFF);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F5F5F5));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#F5F5F5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#F5F5F5)";
}

#main_bottom {
	background:url(../images/bg_main_bottom.gif) 0 0 no-repeat;
	width:980px;
	height:4px;
	margin-bottom:30px;
}

#colA {
	float:left;
	display:inline;
	padding:0 15px;
	width:690px;
	border-right:1px solid #DDD;
	overflow:hidden;
}

#colB {
	float:right;
	display:inline;
	margin-right:15px;
	width:218px;
}

#colB p {
	border-bottom:1px solid #DDD;
	padding:15px 0 15px 2px;
	overflow:hidden;
	font-size:1.2em;
	font-weight:bold;
	margin:0px;
}

#colB p a {
	display:block;
	background:url(../images/arrow_green.gif) right center no-repeat;
	padding-right:8px;
	color:#6D963E;
	text-decoration:none;
	float:left;
}

#colB p a:hover { text-decoration:underline; }

/* SAGE ACT! OVERVIEW TAB *************************************/

#video_loader {
	float:right;
	display:inline;
	margin:0 0 25px 25px;
}

#video_loader a:hover { cursor:pointer; }

/* FEATURES AND BENEFITS TAB *********************************/

h3.link { margin-bottom:1.5em; }

.info h3.link a {
	color:#4D4F53;
	font-weight:bold;
	font-size:14px;
	display:block;
	background:url(../images/sprite_slider_bar.png) 0 0 no-repeat;
	width:650px;
	height:42px;
	text-decoration:none;
	padding-left:40px;
	line-height:42px;
	vertical-align:middle;
	cursor:pointer;
}

.open h3.link a { background-position:0 -42px; }

h3.link a:hover { cursor:pointer; }

.reveal { overflow:hidden; margin-bottom:10px; }

.reveal p { margin-left:15px;  }
.reveal h4 { margin-left:15px; font-size:1.2em; font-weight:bold; }

.reveal div.images {
	float:right;
	display:inline;
	margin:0 10px 20px 25px;
	width:178px;
}

.images div { position:relative; }

.reveal img { margin-bottom:20px; }

.reveal .images a {
	display:block;
}

img.zoom {
	position:absolute;
	top:0px;
	right:-10px;
	margin:0px;
}

img.nolink {
	float:right;
	display:inline;
	margin:0 0 20px 10px;
}

/* COMPARE VERSIONS TABLE ***********************************/

table#compare { width:665px; }

table#compare th, table#compare td { padding:8px; border:1px solid #DDD; }

#compare td, #compare th {
	text-align:center;
	vertical-align:middle;
}

#compare td { color:#69923a; font-size:50px; }
#compare th.feature, #compare td.feature { border-left:0px; text-align:left; vertical-align:middle; font-size:1em; color:#666; width:200px; padding-right:30px;}

#compare tr.top th { border-top:0px; }
#compare tr.bottom td { border-bottom:0px; }
#compare td.last, #compare th.last { border-right:0px; }

#compare th { font-weight:bold; }

#compare th.feature { color:#000; }



/* FOOTER ************************************************************/

#footer p {
	font-size:1.1em;
	color:#999;
	margin:0 30px 1.5em 30px;
}

#footer p.logo {
	float:right;
	display:inline;
	text-indent:-9999px;
	
	background:url(../images/logo_footer.gif) 0 0 no-repeat;
	width:148px;
	height:67px;
	margin:0 0 0 0;
}

#footer p.copyright {
	margin:0px 0px 50px 30px;
	padding-top:15px;
	float:left;
	display:inline;
	width:750px;
}

#footer hr {
	color:#DDD;
	margin-bottom:25px;
	height:.2em;
	border:1px solid #DDD;
}

#footer p strong { color:#666; }