@charset "utf-8";
/* CSS Document */

/*///////////////////////////////////////////////////////////////////////////
                    Arca Solutions - general-structure.css                 //
///////////////////////////////////////////////////////////////////////////*/

/* GENERALS //////////////////////*/

*
{ border:none; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; list-style:none; margin:0; outline:none; padding:0; text-decoration:none; outline: none; }

a:link,
a:active,
a:visited
{ color:#5298E3; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; margin: 0; padding: 0; }

a:hover
{ text-decoration:underline; }

h2.pages
{ font-size: 46px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #CCC; padding: 5px 0 0 12px; text-align: left; }

.bread-crumb
{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #999; padding: 0px 0 6px 12px; border-bottom: 1px solid #CCC; margin: 0 0 10px 0; }

.bread-crumb a, .bread-crumb a:visited
{ font-family: Arial, Helvetica, sans-serif; }

	.bread-crumb span
	{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; }

.breadcrumb
{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #555; padding: 0px 0 6px 12px; margin: 0 0 10px 10px; }

.breadcrumb a, .breadcrumb a:visited
{ font-family: Arial, Helvetica, sans-serif; color: #1d427a; }

	.breadcrumb span
	{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; }

body
{ background: url(../images/design/bg-body.jpg) center 0 repeat-x #FFF; height: 100%; }

	.wrapper
	{ background: #FFF; width: 100%; margin: 0 auto 0 auto; padding: 0 0 0 0; position: relative; }

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

.wrapper-header
{ background: url(../images/design/bg-wrapper-header.png) 0 bottom repeat-x; position: relative; width: 100%; height: 100px; overflow: hidden; margin: 0 auto 0 auto; }

.wrapper-header .header
{ background:none; position: relative; width: 930px; height: 100px; border-bottom: 1px solid #040A0F; overflow: hidden; padding: 0 25px 0 25px; margin: 0 auto 0 auto; }

	.wrapper-header .header .icon-logo
	{ height: 58px; width: 58px; position: absolute; top: 28px; left: 25px; }

	.wrapper-header .header h1.header-logo
	{ height: 35px; width: 332px; display: block; padding: 30px 0 0 74px; line-height: 34px; }

		.wrapper-header .header h1.header-logo a
		{ display: block; width: 320px; height: 40px; font-size: 26px; letter-spacing: -2px; font-weight: normal; color: #FFF; }

		.wrapper-header .header p.description
		{ font-size: 13px; font-style: italic; font-weight: normal; color: #FFF; letter-spacing: -1px; padding: 0 0 0 74px; }

	.wrapper-header .header .navbar
	{ width: auto; position: absolute; bottom: 0; right: 20px; }

		.wrapper-header .header .navbar li
		{ width: auto; padding: 0 7px 0 7px; float: left; font-size: 15px; display: block; height: 79px; }

		.wrapper-header .header .navbar li a, .wrapper-header .header .navbar li a:visited
		{ font-size: 14px; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color: #FFF; display: block; height: 79px; padding: 44px 0 0 0; }

			.wrapper-header .header .navbar li.active
			{ color: #07203b; padding: 0 12px 0 12px; }

			.wrapper-header .header .navbar li.active a, .wrapper-header .header .navbar li.active a:visited
			{ color: #0A1F36; }

				.wrapper-header .header .navbar li.active a:hover
				{ text-decoration: none; }

				.wrapper-header .header .navbar li a:hover
				{ text-decoration: none; color: #CCC; }

	.toll
	{ position: absolute; top: 0; right: 166px; }

		.toll p
		{ font-size: 15px; padding: 4px 0 0 28px; height: 22px; color: #003; letter-spacing: -1px; }

	.chat
	{ position: absolute; top: -6px; right: 26px; }

	.wrapper-header	.header .navbar-login
	{ width: auto; position: absolute; bottom: 0; right: 0px; }

		.wrapper-header .header .navbar-login li
		{ width: auto; padding: 0 8px 0 3px; float: left; font-size: 12px; display: block; height: 79px; }

		.wrapper-header .header .navbar-login li a, .wrapper-header .header .navbar-login li a:visited
		{ font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color: #D4E9FF; display: block; height: 79px; padding: 0 5px 0 5px;  }

		.wrapper-header .header .navbar-login li.orange a, .wrapper-header .header .navbar-login li.orange a:visited
		{ font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color: #FF6B26; display: block; height: 79px; padding: 45px 0 0 0; text-decoration: underline; }

/* HOME > HIGHLIGHT //////////////////////*/

.home-highlight
{ height: 390px; }

	.home-highlight .holder-home
	{ margin: 0 auto 0 auto; width: 980px; height: 450px; overflow: hidden; position: relative; }

	.home-highlight .holder-home .sliderHolder
	{ position: absolute; top: 25px; right: 0px; height: 450px; width: auto; display: block; }

		.home-highlight .holder-home h2
		{ background: url(../images/design/h2-designed-to-your-company.png) 0 0 no-repeat; text-indent: -9000px; height: 70px; display: block; position: absolute; top: 40px; left: 25px; width: 280px; }
	
		.home-highlight .holder-home h3
		{ font-size: 18px; color: #D4E9FF; font-weight: normal; width: 270px; height: 70px; position: absolute; top: 120px; left: 25px; }
	
		.home-highlight .holder-home h4
		{ font-size: 13px; color: #0C1E31; font-weight: normal; width: 270px; font-style: italic; position: absolute; top: 205px; left: 25px; }

		.home-highlight .holder-home .how-it-works
		{ position: absolute; bottom: 80px; left: 25px; height: 48px; width: 136px; }

			.home-highlight .holder-home .how-it-works a
			{ background: url(../images/design/bt-how-it-works.png) 0 0 no-repeat; display: block; height: 48px; text-indent: -9000px; }

		.home-highlight .holder-home .signup
		{ position: absolute; bottom: 73px; left: 173px; height: 84px; width: 146px; }

			.home-highlight .holder-home .signup a
			{ background: url(../images/design/bt-signup.png) 0 0 no-repeat; display: block; height: 74px; text-indent: -9000px; }

/* ASSIST CLASSES > CLEAR //////////////////////*/

.clear
{ clear: both; font-size: 0; line-height: 0; height: 0; }

/* CONTENT //////////////////////*/

.content-wrapper
{ background: #FFF; width: 100%; height: auto; overflow: hidden; position: relative; }

	.content
	{ margin: 0 auto 0 auto; height: auto; padding: 8px 0 0 0; width: 980px; }
		
/* FEATURES FRONT*/

	.content
	{ margin: 0 auto 0 auto; height: auto; padding: 8px 0 0 0; width: 980px; }

/* GENERAL PARAGRAPH */

		.content p
		{ font-size: 13px; color: #7A7D81; padding: 0 0 10px 0; line-height: 19px; }

			.content p strong
			{ color: #6B6B6B; }

		.content p.link a, .content p.link a:visited
		{ text-transform: uppercase; text-decoration: underline; }

		.content p.spec
		{ padding: 0 0 33px 15px; }

		.content p.alert
		{ background: url(../images/design/bg-alert.gif) 0 0 repeat; padding: 7px 10px 7px 32px; font-size: 13px; color: #333; width: 583px; margin-bottom: 10px; position: relative; line-height: 22px; }

		.content p.success
		{ background: url(../images/design/bg-success.png) 0 0 repeat; padding: 7px 10px 7px 32px; font-size: 13px; color: #333; width: 583px; margin-bottom: 10px; position: relative; line-height: 22px; text-align: left; }

			.content p.alert img, .content p.success img
			{ position: absolute; top: 8px; left: 10px; }

/* CONTENT COLUMN */

		.content .column
		{ padding: 35px 25px 50px 25px; width: 274px; float: left; }

		.content .column-double
		{ padding: 35px 25px 50px 50px; width: 571px; float: left; }

		.content .prop
		{ padding: 35px 25px 50px 50px; width: 571px; float: left; }

			.content .less
			{ padding-top: 0; }

		.content .column-third
		{ padding: 35px 0 50px 25px; width: 955px; }

			.content .column-third h2
			{ font-weight: normal; }

		.content h3.title
		{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #112A45; letter-spacing: -1px; font-weight: normal; height: 25px; line-height: 20px; margin: 10px 0 10px 0; }

		.content .add
		{ margin-bottom: 25px; }

			.content .column .counter
			{  }
	
				.content .column .counter h4
				{  }
		
					.content .column .counter h4 strong
					{ font-size: 66px; font-style: oblique; font-weight: normal; color: #465B70; font-family: Arial, Helvetica, sans-serif; text-shadow: 2px 2px 2px #777; }

			.content .column .testimonial
			{ background: url(../images/design/bg-testimonial.jpg) 0 0 no-repeat; width: 276px; height: 154px; margin: 10px 0 15px 0; }

				.content .column .testimonial blockquote
				{ font-size: 13px; color: #112A45; font-style: italic; padding: 20px 20px 0 25px; line-height: 20px; }

				.content .column .testimonial q
				{ font-size: 12px; color: #12447a; padding: 10px 0 0 25px; display: block; }

			.content .column #twitter
			{  }

				.content .column #twitter h2
				{ display: none; }

				.content .column #twitter ul li
				{ padding: 0 0 10px 0; }

					.content .column #twitter ul li span
					{ font-size: 11px; color: #555; }

					.content .column #twitter ul li a, .content .column #twitter ul li a:visited
					{ display: block; font-size: 11px!important; }

		.content .features-home-bg
		{ background: url(../images/design/bg-features-home.jpg) 50px 75px no-repeat; }

		.content .column-double .features-home
		{ float: left; width: 255px; overflow: hidden; margin: 0 0 0 0; padding: 25px 0 32px 15px; }

		.content .column-double .feat-right
		{ float: left; width: 255px; overflow: hidden; margin: 0 0 0 0; padding: 25px 0 32px 45px; }

			.content .column-double .features-home dt
			{ color: #12447a; font-size: 16px; padding: 0 0 15px 0; letter-spacing: -1px; }

			.content .column-double .features-home dt.spec
			{ padding-top: 75px; }

				.content .column-double .features-home dd
				{ color: #8e9194; font-size: 13px; padding: 0 0 0 55px; line-height: 19px; letter-spacing: -1px; }

				.content .column-double .features-home dd.manage-tasks
				{ background: url(../images/design/icon-feature-home-manage.png) 0 5px no-repeat; }

				.content .column-double .features-home dd.time-tracking
				{ background: url(../images/design/icon-time.png) 0 5px no-repeat; }

				.content .column-double .features-home dd.invoice
				{ background: url(../images/design/icon-chart-pie.png) 0 5px no-repeat; }

				.content .column-double .features-home dd.custom
				{ background: url(../images/design/icon-custom.png) 0 5px no-repeat; }

			.content .column-double .feature-cr
			{ background: url(../images/design/bg-featured-cr.jpg) 0 0 no-repeat; height: 160px; width: 630px; }

				.content .column-double .feature-cr p
				{ padding: 0 300px 10px 10px; }

					.content .column-double .feature-cr p strong
					{ color: #555; font-weight: normal; }

/* INSIDE */

.inside
{ height: 100px; }

	.inside .inside-holder
	{ width: 980px; margin: 0 auto 0 auto; padding: 25px 0 0 50px; position: relative; height: 60px; }

		.inside .inside-holder h3
		{ font-size: 30px; color: #FFF; font-weight: normal; letter-spacing: -3px; }

		.inside .inside-holder .demo
		{ position: absolute; bottom: 5px; right: 205px; height: 48px; width: 146px; }

			.inside .inside-holder .demo a
			{ background: url(../images/design/bt-demo.png) 0 0 no-repeat; display: block; height: 48px; text-indent: -9000px; }

		.inside .inside-holder .demo-signup
		{ position: absolute; bottom: 5px; right: 48px; height: 48px; width: 146px; }

			.inside .inside-holder .demo-signup a
			{ background: url(../images/design/bt-demo.png) 0 0 no-repeat; display: block; height: 48px; text-indent: -9000px; }

		.inside .inside-holder .signup
		{ position: absolute; bottom: 5px; right: 48px; height: 48px; width: 148px; }

			.inside .inside-holder .signup a
			{ background: url(../images/design/bt-signup-inside.png) 0 0 no-repeat; display: block; height: 65px; text-indent: -9000px; }

/* Call to ACTION */

.call-to-action
{ width: 100%; margin: 0 auto 0 auto; border-top: 1px solid #9CBAD9; overflow: hidden; position: relative; height: 100px; }

	.call-to-action .features
	{ position: absolute; bottom: 10px; right: 30px; height: 64px; width: 230px; padding: 0; }

		.call-to-action .features a
		{ background: url(../images/design/bt-call-features.png) 0 0 no-repeat; display: block; height: 64px; text-indent: -9000px; }

	.call-to-action .pricing
	{ position: absolute; bottom: 10px; right: 30px; height: 64px; width: 237px; padding: 0; }

		.call-to-action .pricing a
		{ background: url(../images/design/bt-call-pricing.png) 0 0 no-repeat; display: block; height: 64px; text-indent: -9000px; }

	.call-to-action .buzz
	{ position: absolute; bottom: 30px; right: 30px; height: 45px; width: 305px; padding: 0!important; }

		.call-to-action .buzz a
		{ background: url(../images/design/bt-call-buzz.png) 0 0 no-repeat; display: block; height: 64px; text-indent: -9000px; }

/* HOW IT WORKS */

	.column-third .wheel
	{ width: 100%; height: 500px; }

		.column-third .wheel .how-it-works
		{ background: url(../images/design/bg-how-it-works.png) 46% 0 no-repeat; width: 950px; height: 490px; position: relative; }

			.column-third .wheel .how-it-works h3.center
			{ color: #6589AF; font-size: 38px; letter-spacing: -3px; text-align: center; border-bottom: 1px solid #CCC; padding: 0 0 10px 0; width: 220px; position: absolute; top: 125px; left: 338px; }
	
			.column-third .wheel .how-it-works p.center
			{ color: #6b6b6b; font-size: 13px; letter-spacing: -1px; text-align: center; padding: 10px 0 0 0; width: 220px; position: absolute; top: 240px; left: 338px; }

			.column-third .wheel .how-it-works h3.client
			{ color: #12447a; font-size: 18px; letter-spacing: -1px; text-align: left; padding: 0 0 10px 0; width: auto; position: absolute; top: 15px; left: 0px; }
	
			.column-third .wheel .how-it-works p.client
			{ color: #6b6b6b; font-size: 13px; letter-spacing: -1px; text-align: left; padding: 10px 0 0 0; width: 270px; position: absolute; top: 35px; left: 0px; }

			.column-third .wheel .how-it-works h4.communicate
			{ color: #6B6B6B; font-size: 18px; font-weight: normal; width: 270px; position: absolute; top: 120px; left: 0; letter-spacing: -1px; }

			.column-third .wheel .how-it-works h4.process
			{ color: #6589AF; font-size: 38px; font-weight: normal; width: 420px; position: absolute; bottom: 0px; left: 260px; letter-spacing: -1px; }

			.column-third .wheel .how-it-works h3.staff
			{ color: #12447A; font-size: 18px; letter-spacing: -1px; text-align: left; padding: 0 0 10px 0; width: auto; position: absolute; top: 300px; left: 0px; }
	
			.column-third .wheel .how-it-works p.staff
			{ color: #6b6b6b; font-size: 13px; letter-spacing: -1px; text-align: left; padding: 10px 0 0 0; width: 260px; position: absolute; top: 325px; left: 0px; }

			.column-third .wheel .how-it-works h3.pm
			{ color: #12447A; font-size: 18px; letter-spacing: -1px; text-align: left; padding: 0 0 10px 0; width: auto; position: absolute; top: 15px; right: 0px; width: 250px; }
	
			.column-third .wheel .how-it-works p.pm
			{ color: #6b6b6b; font-size: 13px; letter-spacing: -1px; text-align: left; padding: 10px 0 0 0; width: 250px; position: absolute; top: 40px; right: 0px; }

			.column-third .wheel .how-it-works h3.business
			{ color: #12447A; font-size: 18px; letter-spacing: -1px; text-align: left; padding: 0 0 10px 0; width: 260px; position: absolute; top: 280px; right: 0px; }
	
			.column-third .wheel .how-it-works p.business
			{ color: #6b6b6b; font-size: 13px; letter-spacing: -1px; text-align: left; padding: 10px 0 0 0; width: 260px; position: absolute; top: 330px; right: 0px; }

/* FEATURES PAGE */

.column .special-feature
{ background: url(../images/design/bg-special-feature.png) 0 40px no-repeat; padding: 40px 0 0 0; }

	.column .special-feature .title
	{ padding-left: 80px; }

	.column .special-feature .title-special
	{ font-size: 18px; color: #465B70; font-weight: normal; padding: 6px 0 0 80px; }

	.column .special-feature p
	{ padding-top: 15px; }

	.column-double .features-screenshot
	{ margin-bottom: 15px; }

	.column .special-feature .download
	{ font-size: 18px; color: #112A45; font-weight: normal; }

		.column .special-feature .download span
		{ font-size: 14px; }

	.column-double .title-features
	{ margin-bottom: 0!important; }

	.column-double .desc
	{ font-size: 14px; color: #ff6B26; font-weight: normal; margin-bottom: 15px; }

	.nav-features
	{  }

		.nav-features li
		{ display: block; height: 31px; width: 225px; padding: 25px 0 0 55px; line-height: 16px; }

			.nav-features li a, .nav-features li a:visited
			{ font-size: 16px; color: #5298E3; }
	
			.nav-features li.active a, .nav-features li.active a:visited
			{ color: #112A45; }
	
				.nav-features li.pm
				{ background: url(../images/design/bg-nav-features-pm.png) 0 0 no-repeat; }
		
				.nav-features li.reports
				{ background: url(../images/design/bg-nav-features-reports.png) 0 0 no-repeat; }
		
				.nav-features li.billing
				{ background: url(../images/design/bg-nav-features-billing.png) 0 0 no-repeat; }
		
				.nav-features li.customization
				{ background: url(../images/design/bg-nav-features-customization.png) 0 0 no-repeat; }

				.nav-features li.contact
				{ background: url(../images/design/bg-nav-support-contact.jpg) 0 0 no-repeat; }
		
				.nav-features li.about-us
				{ background: url(../images/design/bg-nav-support-about-us].jpg) 0 0 no-repeat; }

				.nav-features li.FAQ
				{ background: url(../images/design/bg-nav-support-faq.jpg) 0 0 no-repeat; }

	.content .content-list-featured
	{ background: url(../images/design/bg-featured.gif) 0 0 repeat-x; overflow: hidden; height: auto; padding: 20px 0 10px 0; width: 980px; }

		.content .content-list-featured .column
		{ height: auto; width: 430px; float: left; padding: 0 25px 0 25px; }

		.content .content-list-featured .column h4
		{ font-size: 16px; font-weight: normal; font-weight: bold; padding: 4px 0 10px 0; }

		.content .content-list-featured .column p
		{ font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 16pt; padding: 5px 0 10px 0; }

		.content .content-list-featured .column p.link
		{ font-size: 16px; }

		.content .content-list-featured .column p.link span
		{ font-family: Arial, Helvetica, sans-serif; }

		.content .content-list-featured .item
		{ list-style: none; float: left; overflow: hidden; height: 100px; padding: 5px 25px 0 0; }

		.content .content-list-featured .item li
		{ background: url(../images/design/bg-list.gif) 0 3px no-repeat; padding: 0 0 5px 8px; font-size: 12px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; }

		.content .content-list-featured .images li img
		{ margin: 0; padding: 0; border: 4px solid #CCC; }

		.content .content-list-featured .column p.alert
		{ background: url(../images/design/bg-highlight.gif) 0 0 repeat-x; font-size: 25px; padding: 22px 10px 22px 10px; margin: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; }

		.column-double ul
		{ padding: 0 15px 15px 0!important; overflow: hidden; height: auto; margin: 20px 0 10px 0; display: block; }
	
			.column-double ul li
			{ height: 36px; margin: 0 0 5px 0; position: relative; padding: 8px 0 0 40px!important; font-size: 15px!important; }
	
			.column-double ul li span
			{ font-size: 18px; background: url(../images/design/bg-count-ul.jpg) 0 0 no-repeat; padding: 6px 8px 8px 11px; height: 22px; display: block; float: left; margin: 0 0 0 0; position: absolute; left: 0; top: 0; }

/* **** */

		.content .thanks h3
		{ text-align: center; font-size: 22px; }

		.content .thanks h4.clap
		{ text-align: center; font-size: 22px; }

			.content .unique-url
			{ padding: 5px 0 10px 0; }

			.content .unique-url h4
			{ font-size: 14px; padding: 20px 0 5px 0; display: block; border-bottom: 1px solid #CCC; }

			.content .unique-url h5
			{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 4px 0 8px 0; border-bottom: 1px solid #CCC; }

				.content .unique-url h5 strong
				{ font-size: 12px; padding: 0 0 5px 0; display: block; }

				.content .unique-url h5 span
				{ display: block; font-size: 14px; font-weight: normal; padding: 5px; background: #F5F5F5; border: 1px dotted #CCC; }

			.content .share-it
			{ overflow: hidden; height: 20px; padding: 5px 0 5px 10px!important; margin: 10px 0 10px 0; background: #F5F5F5; }

				.content .share-it li
				{ float: left; padding: 0; }

					.content .share-it li iframe
					{ width: 65px; }

				.content .share-it li a, .content .share-it li a:visited
				{ color: #216391; font-size: 14px; }

				.stbuttontext
				{ font-size: 14px!important; }
/* **** */

.content .features-content table
{ border-bottom: 1px solid #E4E4E4; }

	.content .features-content table th
	{ font-size: 14px; font-weight: bold; color: #000; background: #FFF; vertical-align: top; width: 180px; padding: 10px 10px 10px 15px; text-align: left; border-right: 0px solid #E4E4E4; text-decoration: none; text-align: left }

	.content .features-content table th a.collapse_th, .content .features-content table th a.collapse_th:visited
	{ font-size: 14px; font-weight: bold; color: #06C; vertical-align: top; width: 180px; padding: 10px 10px 10px 15px; text-align: left; border-right: 0px solid #E4E4E4; text-decoration: none; text-align: left; }

		.content .features-content table td a, .content .features-content table td a:visited
		{ font-size: 12px; margin: 0 0 0 3px; }

		.content .features-content table td a.title, .content .features-content table td a.tile:visited
		{ font-size: 14px; margin: 0 0 0 3px; color: #333; }
	
	.content .features-content table th.on
	{ background: #F7F7F7; }

	.content .features-content table td
	{ font-size: 14px; font-weight: normal; color: #000; background: #FFF; vertical-align: top; padding: 10px 15px 10px 15px; width: 580px;  text-decoration: none; height: auto; margin: 5px 0 5px 0; }

		.content .features-content table td span
		{ font-size: 12px; font-weight: normal; color: #000; display: block; padding: 5px 0 0 0; line-height: 18px; }

	.content .features-content table td.on
	{ background: #F7F7F7; }

	.content .features-content table td.ss
	{ background: #FFF; display: block; width: 70px; height: 70px; }

			.content .features-content table td.ss img
			{ border: 2px solid #CCC; margin: -6px 0 6px 0; }

		.content .features-content table td.ss a
		{ display: block; height: 30px; width: 70px; text-decoration: none; }

	.content .features-content table td.ss-on
	{ background: #F7F7F7; display:; width: 97px; height: 80px; }

		.content .features-content table td.ss-on img
		{ border: 2px solid #CCC; margin: -6px 0 0 0; }

		.content .features-content table td.ss-on a, .content .features-content table td.ss-on a:visited
		{ display: block; height: 30px; width: 70px; text-decoration: none; }
		
	.back-to-top
	{ display: block; text-align: right; margin: 5px 0 15px 15px; }

		.back-to-top a
		{ font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.content .features-inside
{ background: url(../images/design/bg-inside.gif) 0 0 repeat-x; padding: 15px 10px 10px 10px!important; overflow: hidden; height: auto; }

	.content .features-inside .left-nav
	{ width: 215px; float: left; }
	
	.content .features-inside .left-nav .left-navbar
	{ background: url(../images/design/bg-left-navbar.gif) 0 0 repeat-x #E6F3FB; width: auto; padding: 0 0 10px 0; width: 180px; }

	.content .features-inside .left-nav .left-navbar li
	{ padding: 8px 3px 4px 15px; height: 18px; }

	.content .features-inside .left-nav .left-navbar li a, .content .features-inside .left-nav .left-navbar li a:visited
	{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #135DA2; }

		.content .features-inside .left-nav .left-navbar li a.active, .content .features-inside .left-nav .left-navbar li a.active:visited
		{ color: #000; font-weight: bold; }

	.content .features-inside .left-nav .left-navbar-support
	{ padding: 15px 3px 3px 14px; }

	.content .features-inside .left-nav .left-navbar li.sub a, .content .features-inside .left-nav .left-navbar li.sub a:visited
	{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 0 0 0 11px; azimuth: behind; }

	.content .features-inside .left-nav .left-navbar-support
	{ width: auto; padding: 10px 0 10px 0; width: 180px; }

	.content .features-inside .left-nav .left-navbar-support li
	{ padding: 8px 3px 4px 15px; height: 18px; }
 
	.content .features-inside .left-nav .left-navbar-support li a, .content .features-inside .left-nav .left-navbar-support li a:visited
	{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #135DA2; }

		.content .features-inside .left-nav .left-navbar-support li a.active, .content .features-inside .left-nav .left-navbar-support li a.active:visited
		{ color: #000; font-weight: bold; }

.content .features-inside
{ background: url(../images/design/bg-inside.gif) 0 0 repeat-x; padding: 10px; }

	.content .features-inside .right-content
	{ float: left; width: 743px; height: auto; }

		.content .features-inside .right-expand
		{ width: 733px; padding: 0 0 0 15px; }

			.content .features-inside .right-expand form
			{ width: 772px; }

			.content .features-inside .right-expand form fieldset
			{ padding: 0; }

		.content .features-inside .features-content
		{ padding: 0; }

	.content .features-inside .right-content img
	{ border-bottom: 0px solid #CCC; }

	.content .features-inside .right-content h4
	{ font-size: 18px; font-style: italic; padding: 8px 0 0 50px; }

	.content .features-inside .right-content .title-support
	{ font-size: 18px; font-style: italic; padding: 8px 0 0 0; }

	.content .features-inside .right-content h4 span
	{ display: block; font-style: normal; font-size: 14px; font-weight: normal; }

	.content .features-inside .right-content h4.inside
	{ font-size: 16px; font-style: normal; padding: 8px 0 0 0; }

	.content .features-inside .right-content h4.inside span
	{ font-style: normal; font-size: 14px; font-weight: normal; display: inline; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;}

	.content .features-inside .right-content p
	{ display: block; font-style: normal; font-size: 12px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; padding: 15px 0 10px 0; }

	.content .features-inside .right-content .case-management
	{ background: url(../images/design/icon-features-case-management.gif) 0 8px no-repeat; padding: 0 0 5px 4px; border-bottom: 1px solid #CCC; margin: 0 0 10px 0; }

	.content .features-inside .right-content .screen-capture
	{ background: url(../images/design/icon-features-screen-capture.gif) 0 11px no-repeat; padding: 5px 0 15px 4px; border-bottom: 1px solid #CCC; margin: 0 0 10px 0; }

	.content .features-inside .right-content .time-tracking
	{ background: url(../images/design/icon-features-time-tracking.gif) 0 11px no-repeat; padding: 5px 0 15px 4px; border-bottom: 1px solid #CCC; margin: 0 0 10px 0; }

	.content .features-inside .right-content .billing
	{ background: url(../images/design/icon-features-billing.gif) 3px 13px no-repeat; padding: 5px 0 15px 4px; border-bottom: 1px solid #CCC; margin: 0 0 10px 0; }

	.content .features-inside .right-content .list-content
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/design/bg-back-features-listing.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .milestones
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/milestones.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .task-priorities
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/task-priorities.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .task-categorization
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/task-categorization.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .tagging
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/tagging.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .recent
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/recent.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .last-searches
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/last-searches.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .bulk
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/bulk.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .screen
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/screen.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .reports
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/reports.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .payments
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/payments.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .invoice
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/invoice.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .permissions
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/permissions.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .settings
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/settings.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .workflow
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/workflow.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .accounts
	{ padding: 2px 0 40px 4px; border-bottom: 1px solid #CCC; background: url(../images/features/accounts.png) right 40px no-repeat; margin: 0 0 15px 0; }

	.content .features-inside .right-content .list-content p
	{  padding: 15px 362px 10px 0; }

.ft-s-16 
{ font-size: 16px!important; }

/* PRICING //////////////////////*/

	.content .features-inside .extended-content
	{ width: 930px; height: auto; padding: 15px; overflow: hidden; }

	.content .features-inside .extended-content p
	{ font-size: 14px; }

	.content .features-inside .extended-content p a, .content .features-inside .extended-content p a:visited
	{ font-family: Arial, Helvetica, sans-serif; }

.price_container
{ margin: 0 0 30px 0; text-align:center; }

	.price_container p
	{ font-size: 14px; padding: 8px 0 20px 0; margin: 0; }

.price_container h1
{ font-size:28px; font-weight:normal; color:#102c52; margin: 0; padding: 0; }

	.price_container h1 span
	{color:#04376c; font-weight:bold;}

		table#product-comparison
		{ background:#fff; /*border:1px solid #e7e7e7;*/ clear:both; margin:0 auto; width: 940px; border-collapse: collapse; font-size: 14px; }
		
		table#product-comparison td, table#product-comparison tr, table#product-comparison th 
		{ padding:10px 0; border-right: 1px solid #e7e7e7; font-size: 14px; }
		
		table#product-comparison thead{background:#f4f9fe;}
		
		table#product-comparison thead th{width:auto; font-weight:bold; font-size:24px; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7;}
		
		table#product-comparison thead tr th, table#product-comparison tfoot tr th, table#product-comparison tbody tr th{background:#f4f9fe;}
		
		table#product-comparison tbody tr td
		{ color:#333; text-align: center; }
		
		table#product-comparison tbody tr td input.button-trial
		{ background:url(../images/design/trial_button.png) no-repeat; width:144px; height:36px;  cursor: pointer;}
		
		table#product-comparison tbody tr td strong{font-weight:normal; font-size:24px;}
		
		table#product-comparison tbody tr td span{font-weight:normal; font-size:13px; color:#333333;}
		
		.button-signUp
        { background:url(../images/design/signup_button.png) no-repeat; width:159px; height:45px;  cursor: pointer;}

        .button-signUp2
		{ background:url(../images/design/signup_button2.png) no-repeat; width:159px; height:45px;  cursor: pointer;}

        
		.button-create-account
		{ background:url(../images/design/bg-button-create-account.gif) no-repeat; width:218px; height:45px;  cursor: pointer;}

        .login-button
        { background:url(../images/design/bg-button-login.jpg) no-repeat!important; width:90px!important; height:45px!important; cursor: pointer; border: none!important;}

		.unsubscribe-button
		{ background:url(../images/design/bg-button-unsuscribe.gif) no-repeat!important; width:163px!important; height:45px!important; cursor: pointer; border: none!important;}

		.reminder-button
		{ background:url(../images/design/bg-button-reminder.jpg) no-repeat!important; width:215px!important; height:45px!important; cursor: pointer; border: none!important;}

		.terms
		{ float: left; padding: 0 0 0 60px; width: 300px; font-size: 12px!important; }

		.button-send
		{ width:168px!important; height:36px; background: url(../images/design/bg-button-get-in-touch.gif) 0 0 no-repeat!important; float: right; border: none!important; outline: 0; cursor: pointer; }

		table#product-comparison tfoot td{border-bottom:1px solid #e7e7e7; text-align: center;}
		
		table#product-comparison .title_highlight{background:#dae8f7;}
		
		table#solution-comparison .title_highlight{background:#dae8f7;}
		
		.coloumn_highlight{background:#fcf8e4;}
		
		span.features
		{ display: block; font-weight: bold!important; font-size: 16px!important; padding: 2px 0 0 0; }

		span.features-without
		{ display: block; font-weight: normal; font-size: 14px!important; padding: 2px 0 0 0; }
		
		.border-highlight
		{ border: 2px solid #36F; }

		.coloumn_highlight_col{background:#ece1ac;}
		
		.coloumn_basic{background:#f4f9fe;}

		.coloumn_basic_free{background:#f4f9fe; font-style: normal; font-weight: normal;}

		.price{ font: normal 24px "Trebuchet MS", Arial, sans-serif!important; color:#d4c77b; vertical-align: top; padding: 35px 0 0 0!important; width: 150px; }
		
			table#solution-comparison
			{width:100%; clear:both; border-collapse:collapse; font:bold 13px "Trebuchet MS", Arial, sans-serif; border-bottom:1px solid #e7e7e7;}
		
		table#solution-comparison td, table#solution-comparison tr, table#solution-comparison th {padding:5px 0; border-right:1px solid #e7e7e7;}
		
		table#solution-comparison thead th{font-weight:bold; font-size:13px; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7;}
		
		table#solution-comparison thead tr th, table#solution-comparison tfoot tr th, table#solution-comparison tbody tr th{background:#f4f9fe;}
		
		table#solution-comparison tbody tr td
		{color:#333; font-weight:normal;}
		
		table#solution-comparison thead{background:#f4f9fe;}
		
		table#solution-comparison .solution2
		{background:#ece9e9;}
		
		table#solution-comparison .solution1
		{background:#f6f3f3;}


/* SUPPORT */

	.contact-support
	{ padding: 10px 15px 15px 0; }

	.contact-support h3
	{ font-weight: normal; margin-bottom: 25px; }

		.contact-support .form
		{  }

		.contact-support .form th
		{ font-size: 14px; font-weight: normal; text-align: left; padding: 10px 0 3px 0; }

			.contact-support .form th span
			{ font-size: 11px; }

		.contact-support .form th input
		{ border: 1px solid #CCC; padding: 3px; width: 100px; margin-top: 8px; }

		.contact-support .form td input
		{ border: 1px solid #555; padding: 3px; width: 320px; }

		.contact-support .form td textarea
		{ border: 1px solid #555; padding: 3px; width: 450px; height: 120px; }

/* SIGNUP PROCESS //////////////////////*/

	.message
	{ padding: 15px!important; width: auto; height: auto; font-size: 14px; margin: 10px 0 0 0; }

	.success2
	{ background: #DEFFD6; text-align: center; }

	.warning
	{ background: #FBFFD6; text-align: center!important; display: block; }

		.warning ul
		{ text-align: center; padding: 5px 0 0 0; }

	.form-list
	{ border: 1px solid #f4f4f4; float: left; padding: 0 0 0 0; }

	.form-plan
	{ border: 1px solid #F4F4F4; float: left; height: 300px; padding: 12px 0 0 18px; margin: 0; width: 283px; background: #F4F4F4; text-align: left; }

		.form-plan h4.plan
		{ font-size: 16px; color: #666; padding: 10px 0 0 0; border-bottom: 1px solid #E5E5E5; width: 220px; }

		.form-plan h5
		{ font-size: 14px; color: #666; padding: 6px 0 0 0; border-bottom: 1px solid #E5E5E5; width: 220px; font-weight: normal; }

		.form-plan h5 strong
		{ font-size: 15px; color: #666; padding: 8px 0 0 0; border-bottom: 1px solid #E5E5E5; width: 220px; }

		.form-plan p
		{ text-align: right; padding: 15px 15px 0 0; }

		.form-plan p.link a, .form-plan p.link a:visited
		{ font-size: 11px; }

	.billing
	{ background: #FCFCFC; }

.form-signup
{ width: 625px; text-align: center; padding: 0 0 15px 0; }

	.form-signup td
	{ font-size: 14px; text-align: right; padding: 6px 80px 5px 0; vertical-align: top; }
	
	.form-signup td span
	{ color: #36C; }
	
	.form-signup td label
	{ padding: 3px; text-align: right; vertical-align: middle; }

	.form-signup td input
	{ border: 1px solid #666; padding: 3px; background: #F8F8F8; width: 280px; }

	.form-signup td textarea
	{ border: 1px solid #666; padding: 3px; background: #F8F8F8; width: 280px; height: 100px; }

	.form-signup td input:focus
	{ border: 1px solid #666; padding: 3px; background: #FFD; width: 280px; }

.form-signup-domain
{ width: 625px; text-align: center; padding: 0 0 15px 0; }

	.form-signup-domain td
	{ font-size: 14px; text-align: right; padding: 6px 0 10px 0; vertical-align: top; }

	.form-signup-domain td p.ft-s-12
	{ font-size: 12px; }

	.form-signup-domain td span
	{ color: #36C; }
	
	.form-signup-domain td label
	{ padding: 3px; text-align: right; vertical-align: middle; }

	.form-signup-domain td input
	{ border: 1px solid #666; padding: 3px; background: #F8F8F8; width: 280px; }

	.form-signup-domain td textarea
	{ border: 1px solid #666; padding: 3px; background: #F8F8F8; width: 280px; height: 100px; }

	.form-signup-domain td input:focus
	{ border: 1px solid #666; padding: 3px; background: #FFD; width: 280px; }

.form-signup-billing
{ width: 625px; text-align: center; padding: 10px 0 17px 0; background: #F3F3F3; }

	.form-signup-billing td
	{ font-size: 14px; text-align: right; padding: 6px 80px 5px 0; }

	.form-signup-billing td.title
	{ font-size: 14px; text-align: left; padding: 0px 80px 10px 15px; }

	.form-signup-billing td.title a, .form-signup-billing td.title a:visited
	{ font-family: Arial, Helvetica, sans-serif; }

	.form-signup-billing td span
	{ color: #36C; }
	
	.form-signup-billing td label
	{ padding: 3px; text-align: right; }

	.form-signup-billing td input
	{ border: 1px solid #666; padding: 3px; background: #F8F8F8; width: 280px; }

	.form-signup-billing td input:focus
	{ border: 1px solid #666; padding: 3px; background: #FFD; width: 280px; }

	.form-signup-billing td select
	{ border: 1px solid #666; padding: 3px; background: #F8F8F8; width: 288px; }

	.form-signup-billing td select:focus
	{ border: 1px solid #666; padding: 3px; background: #FFD; width: 288px; }

	.form-signup-billing td select.date
	{ border: 1px solid #666; padding: 3px; background: #F8F8F8; width: 55px; margin: 0 3px 0 0 ; }

	.form-signup-billing td select.date:focus
	{ border: 1px solid #666; padding: 3px; background: #FFD; width: 55px; margin: 0 3px 0 0; }

.form-signup-account
{ width: 625px; text-align: center; padding: 15px 0 0px 0; }

	.form-signup-account td
	{ font-size: 14px; text-align: right; padding: 6px 80px 5px 0; }

/* SUPPORT ////////////////////////////*/

	.content .features-inside .support
	{ width: 710px; height: auto; padding: 10px 15px 15px 15px; overflow: hidden; font-size: 14px; }

	.content .features-inside .support h1
	{ font-size:28px; font-weight:bold; color:#102c52; margin: 0; padding: 0; text-align: center; }
		
		.content .features-inside .support h1 span
		{ color:#04376c; font-weight:bold; }

		.content .features-inside .support p
		{ font-size: 14px; }

		.content .features-inside .support h3
		{ font-size: 16px; padding: 0 0 10px 0; }

		.content .features-inside .support table th
		{ padding: 3px; font-size: 14px; font-weight: normal; text-align: right; }

		.content .features-inside .support table td
		{ padding: 3px; font-size: 14px; font-weight: normal; }
		
		.content .features-inside .support input
		{ border: 1px solid #666; padding: 3px; background: #F8F8F8; width: 259px; }

		.content .features-inside .support textarea
		{ border: 1px solid #666; padding: 3px; background: #F8F8F8; width: 259px; height: 100px; }

		.googleMap
		{ width: 500px; border: 2px solid #CCC; padding: 3px; background: #FFF; margin-top: 10px; }
		
		.holder-contact
		{ overflow: hidden; height: auto; text-align: left; padding: 10px 0 20px 5px; margin: 0 auto 0 auto; width: auto; }

			.hold-contact
			{ width: 220px; float: left; padding: 0 0 0 15px; }

			.hold-contact p.contact-text
			{ padding: 0!important; }

		.contact-form
		{ width: 300px; float: left; }

		.contact-form table
		{  }

		.contact-form table td
		{ padding-right: 225px;  }


/* TIME TRACKING //////////////////////-----------------------------------------------*/

.mainContent
{margin: 0 auto; width:750px;}

.mainContent h1
{font:bold 36px Arial, Helvetica, sans-serif; color:#333; text-align:center; margin:30px 0 0 0; display:block;}

.mainContent h2
{font:italic 24px Arial, Helvetica, sans-serif; color:#333; text-align:center; display:block;}

.divider_content
{ background:url(../images/design/bg_divider_content.jpg) repeat-x; width:750px; float:left; height:5px; margin-top:5px;}

.mainContent p
{font: normal 14px "Trebuchet MS", Arial, sans-serif; padding:0 30px 0 50px;}

.content_description
{background:url(../images/design/bg-content_description.jpg) repeat-y; width:745px; height:auto; float:left; margin-bottom:30px;}

.emphasize_description
{background:url(../images/design/bg_emphasize.jpg) no-repeat; float:left; width:28px; height:61px; margin-top:20px; width:745px; }

.emphasize_description h5
{background:#5184bf; height:30px; margin-left:28px; color:#fff; width:97%; font:normal 16px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; padding-top:5px;}

.emphasize_description h5 span
{font-weight:bold;}

.image_wrapper
{width:670px; height:480px; float:left; background:url(../images/design/bg_image_wrapper.jpg) no-repeat; margin:10px 45px 35px;}

.image_wrapper img
{float:left; margin:40px 0 0 35px;}

.signup_content
{background:url(../images/design/bg_signup_content.jpg) repeat-x; width:600px; height:62px; margin:20px 0 0 35px; float:left; padding-top:15px; text-align:center;}

.signup_content h2
{ font:normal 24px "Trebuchet MS", Arial, sans-serif; color:#ef7008; display:inline;}

.signup_content span
{font-size:13px;}

/* Affiliate */

.affiliate
{ margin: 0 0 30px 0; text-align:center; }

.affiliate h1
{ font-size:28px; color:#102c52; margin: 0; padding: 0; font-weight: bold; }
	
	.affiliate p
	{ font-size: 14px; padding: 5px 0 5px 0; margin: 0; text-align: left; }

	.affiliate .graph
	{ border: 8px solid #EDF4FA; }

/* FOOTER //////////////////////*/
	
.footer
{ background: #081829; margin: 0 auto 0 auto; height: 265px; padding: 0 0 0 0; width: 100% }

	.footer .bottom-footer
	{ margin: 0 auto 0 auto; width: 980px; padding: 0 0 0 0; height: 6px; }

	.footer .bottom
	{ margin: 0 auto 0 auto; width: 988px; padding: 10px 0 0 0; height: auto; position: relative; }

		.twitter-home
		{ position: absolute; top: 10px; right: 10px; background: url(../images/design/tweetpic.png) 115px 0 no-repeat; padding: 7px 0 0 0; height: 31px; width: 160px; z-index: 1000; }

			.twitter-home a, .twitter-home a:visited
			{ color: #FFF; display: block; padding: 5px 0 0 0; text-decoration: underline; }

		.footer .copyright
		{ font-size: 11px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; line-height: 16px; padding: 0 0 0 0; text-align: center; color: #FFF; height: 34px; }

		.footer .bottom ul.nav-top-footer
		{ padding: 15px 0 0 0; border-bottom: 1px solid #02070f; display: block; height: 30px; overflow: hidden; }

		.footer .bottom ul.nope
		{ padding: 0 0 0 0; border-bottom: 1px solid #02070f; display: block; height: 120px; overflow: hidden; }

			.footer .bottom ul.nope li
			{ margin-right: 20px; }

			.footer .bottom ul.nav-top-footer li
			{ color: #FFF; height: 15px; float: left; font-size: 13px; font-weight: normal; font-style: italic; padding: 0 9px 0 9px; }

			.footer .bottom ul.nav-top-footer li a, .footer .bottom ul.nav-top-footer li a:visited
			{ font-size: 12px; color: #D4E9FF; }

				.footer .bottom ul.nav-top-footer li ul
				{ height: auto; width: auto; }

				.footer .bottom ul.nav-top-footer li ul li
				{ clear: both; font-style: normal; font-size: 12px; padding: 0 0 0 0; }

				.footer .bottom ul.nav-top-footer li ul li a, .footer .bottom ul.nav-top-footer li ul li a:visited
				{ font-size: 12px; color: #9dc9f7; }

		.footer .bottom a, .footer .bottom a:visited
		{ color: #FFF; padding: 0 0 6px 0; font-size: 12px; color: #D4E9FF; }
	
/* download page */

.download h2
{ text-align: left; }
	
	.download h2 span
	{  }

	.download .image-tool
	{ display: block; text-align: center; width: auto; }

		.download .image-tool img
		{ border: 4px solid #E5E5E5!important; }

	.download ul
	{ padding: 15px!important; overflow: hidden; height: auto; margin: 20px 0 10px 0; display: block; }

		.download ul li
		{ height: 35px; margin: 0 0 5px 0; position: relative; padding: 8px 0 0 40px!important; }

		.download ul li span
		{ font-size: 18px; background: url(../images/design/bg-count-ul.jpg) 0 0 no-repeat; padding: 6px 8px 8px 11px; height: 22px; display: block; float: left; margin: 0 0 0 0; position: absolute; left: 0; top: 0; }

	.download .image-feature
	{ float: left; padding: 20px 0 0 160px; }

	.download-os
	{ overflow: hidden; height: auto; padding: 0 0 18px 0; width: 450px; margin: 0 auto 0 auto; }

		.download-os label
		{ font-size: 12px; font-weight: bold; display: block; padding: 0 0 4px 0; }

		.download-os .email-text
		{ border: 1px solid #CCC; padding: 3px; width: 188px; }

		.download-os p
		{ display: block; width: 220px; height: 50px; padding: 10px 5px 5px 0!important; float: left; }

		.download-os p a.win
		{ display: block; text-indent: -9000px; background: url(../images/design/bt-download-win-off.png) 0 0 no-repeat; height: 50px; width: 196px; }

			.download-os p a.activewin
			{ background: url(../images/design/bt-download-win-on.png) 0 0 no-repeat; }

		.download-os p a.mac
		{ display: block; text-indent: -9000px; background: url(../images/design/bt-download-mac-off.png) 0 0 no-repeat; height: 50px; width: 196px; }

			.download-os p a.activemac
			{ background: url(../images/design/bt-download-mac-on.png) 0 0 no-repeat; }

	.left-download
	{ width: 180px; float: left; padding: 0; }

		.left-download .left-navbar
		{ background: url(../images/design/bg-left-navbar.gif) 0 0 repeat-x #E6F3FB; width: 160px; float: left; margin: 0; padding: 10px 0 0 10px!important; }

			.left-download .left-navbar li
			{ padding: 0 0 4px 0!important; margin: 0 0 15px 0; height: 18px; border-bottom: 1px solid #EEE; }
		
			.left-download .left-navbar a, .left-download .left-navbar li a:visited
			{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #135DA2; }
		
				.left-download .left-navbar li a.active, .left-download .left-navbar li a.active:visited
				{ color: #000; font-weight: bold; }
		
/* OS DOWNLOAD WIN */
		
	.win
	{ padding: 0 0 0 0; margin: 0; overflow: hidden; }
		
	.left-win
	{ float: left; width: 300px; border-right: 1px solid #CCC; padding: 10px 10px 20px 10px; background: #F8F8F8; display: table; height: 656px; }

		.left-win h2.promotional
		{ font-size: 24px; padding:0; }

		.left-win h2
		{ font-size: 20px; padding: 0 0 10px 0; }

		.left-win h3.winner
		{ font-size: 18px; }

		.left-win h5
		{ width: 280px; }
		
		.left-win form
		{ padding: 0 0 10px 0; }

		.left-win label
		{ font-size: 11px; width: 80px; display: block; float: left; margin: 0 0 5px 0; }

		.left-win .text
		{ font-size: 11px; padding: 2px; border: 1px solid #AAA; float: left; margin: 0 0 5px 0; width: 180px; }

		.left-win select
		{ border: 1px solid #E5E5E5; }

		.left-win .button
		{ background: url(../images/design/bt-register-win.jpg) 0 0 no-repeat; width: 240px; height: 50px; margin: 15px 0 0 20px; display: block; text-indent: -9000px; }

		.rules
		{ width: auto; padding: 20px 15px 0 10px; }

			.rules h4
			{ font-size: 12px; }

			.rules ol
			{ font-size: 11px; padding: 10px 0 0 25px; }

			.rules ol li
			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 0 25px 3px 0; list-style: decimal; line-height: 14px; }

/* HOME OS DOWN */

	.download-os-home
	{ overflow: hidden; height: auto; float: left; padding: 0 0 10px 0; width: 500px; position: absolute; left: 555px; top: 260px; }
		
		.download-os-home p
		{ display: block; float: left; width: 220px; }

		.download-os-home p a.win, .download-os-home p a.win:visited
		{ display: block; text-indent: -9000px; background: url(../images/design/bt-download-win-off.png) 0 0 no-repeat; height: 50px; width: 220px; }

			.download-os-home p a.activewin
			{ background: url(../images/design/bt-download-win-on.png) 0 0 no-repeat!important; }

		.download-os-home p a.mac, .download-os-home p a.mac:visited
		{ display: block; text-indent: -9000px; background: url(../images/design/bt-download-mac-off.png) 0 0 no-repeat; height: 50px; width: 220px; }

			.download-os-home p a.activemac
			{ background: url(../images/design/bt-download-mac-on.png) 0 0 no-repeat!important; }

	.download h3
	{ display: block; border-bottom: 1px solid #CCC; padding: 20px 0 4px 2px!important; margin: 0 0 20px 0; }

/* comment */

.comment
{ height: auto; overflow: hidden; width: auto; }

	.comment h4
	{ padding: 10px 0 20px 10px; color: #333; }

	.comment input
	{ background: #FFC; border: 1px solid #666; padding: 3px; width: 350px; }

	.comment input.button
	{ background: #069; border: 0; padding: 3px; width: 150px; color: #FFF; cursor: pointer; }

	.comment textarea
	{ background: #FFC; border: 1px solid #666; padding: 3px; width: 350px; height: 100px; }
	
.comment table td
{ padding: 0 0 20px 5px; vertical-align: top; text-align: right; }

/* DEMO PAGE */

	.demo-cr
	{ overflow: hidden; padding: 0 0 0 0; }

		.demo-cr .bt-demo
		{ position: absolute; top: 20px; right: 25px; }

	.demo-cr .left-demo
	{ float: left; padding: 40px 0 0 0; width: 300px; }

	.demo-cr .left-demo  img
	{ margin: 10px 0 5px 0; }

	.demo-cr h3
	{ font-size: 26px; font-weight:normal; color:#18456F; margin: 0 0 0 0; padding: 0; font-weight: bold; text-align: left; }

	.demo-cr h4.online-demo
	{ font-size: 20px; color: #488c27; margin: 0; padding: 5px 0 0 37px; width: 700px; }

	.demo-cr h4.high
	{ font-size: 16px; font-weight: bold; width: 260px; padding: 0; margin: 0 0 15px 0; color: #222; }

	.demo-cr h4
	{ font-size: 13px; font-weight:normal; color:#333; margin: 20px 0 15px 0; padding: 0; text-align: left; width: 300px; }

		.demo-cr h4 a
		{ font-family: Arial, Helvetica, sans-serif; padding: 5px 0 0 0; text-decoration: underline;  }

		.demo-cr h5
		{ text-align: center; padding: 10px 0 10px 0; font-size: 18px; background: #EBEDF0; margin: 20px 0 0 0; font-size: 16px; }
		
			.demo-cr h5 a
			{ font-family: Arial, Helvetica, sans-serif; }

	.demo-cr .demo-image
	{ float: left; padding: 30px 5px 0 15px; }
	
	.demo-cr p
	{ text-align: left; padding: 5px 0 5px 0; font-size: 16px!important; font-weight: bold; }
	
	
/** 
 * Slideshow controls style rules.
 */
 
#slideshow {
	margin:25px auto 0 auto;
	width:952px;
	height:375px;
	background: url(../images/design/bg-features.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:890px;
  height:300px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:840px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:273px;
}

#slideshow #slidesContainer .slide img {
	margin: -40px 0 0 15px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:43px;
  height:283px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:305px;
  left:15px;
  background:transparent url(../images/design/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:305px;
  right:0px;
  background:transparent url(../images/design/control_right.png) no-repeat 0 0;
}
/**
 * Style rules for Demo page
 */
#pageContainer {
  margin:0 auto;
  width:960px;
}

#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin: 15px 0 15px 3px;
}
.slide p {
  margin: 0px 0 15px 3px!important;
  width: 545px;
  font-size: 12px!important;
  line-height: 18px!important;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}

.slide h3 {
  color:#666;
  font-size: 16px!important;
  padding: 10px 0 0 0!important;
  width: 535px;
}

.slide img {
  float:right;
  margin:0 15px;
}

.previousName
{ position: absolute; top: 312px; left: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #305885; cursor: pointer; }

.nextName
{ position: absolute; top: 312px; right: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #305885; cursor: pointer; }

.features-table
{ border: 0; color: #555; text-align: left; margin: 15px 0 10px 0; width: 940px; }

.features-table th
{ font-size: 12px; font-weight: normal; }

.features-table td
{ font-size: 12px; font-weight: normal; }

	.features-table th a, .features-table th a:visited
	{ font-family: Arial, Helvetica, sans-serif!important; }

	.features-table .description
	{ background: #F9F9F9; font-size: 12px; font-weight:normal; padding: 8px 5px 5px 27px;  border-bottom: 0px solid #DCDCDC; vertical-align: top; width: 350px; }

	.features-table .description-top
	{ color: #333; font-size: 13px; font-weight: bold; padding: 8px 5px 8px 8px; text-align: center; }

	.features-table .pm
	{ background: #F3F3F9; }

	.features-table .reports
	{ background: #F9F9F3; padding-top: 20px; }

	.features-table .billing
	{ background: #F3F9F3; padding-top: 20px; }

	.features-table .customization
	{ background: #F9F3F3; padding-top: 20px; }

		.features-table .description span
		{ display: block; font-weight: bold; }
	
	.features-table .description-in
	{ background-color: #F3F3F3; font-size: 12px; font-weight:normal; padding: 11px 5px 5px 27px;  border-bottom: 0px solid #DCDCDC; vertical-align: top; width: 350px; }

		.features-table .description-in span
		{ display: block; font-weight: bold; }
		
	.features-table .column-basic
	{ background: #F2F2F2; font-size: 12px; padding: 8px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; }
	
		.features-table .column-basic span
		{ font-weight: bold; }
	
	.features-table .column-basic-in
	{ background: #ECECEC; font-size: 12px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; }

		.features-table .column-basic-in span
		{ font-weight: bold; }
		
	.features-table .column-ecommerce
	{ background: #EDEDED; font-size: 12px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; }
	
	.features-table .column-ecommerce-in
	{ background: #E8E8E8; font-size: 12px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; }
	
	.features-table .competition
	{ background: #E9E9E9; font-size: 11px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; }
	
	.features-table .competition-in
	{ background: #E4E4E4; font-size: 11px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; }
	
	.features-table .tick
	{ background-image: url(../images/tick.gif); background-repeat: no-repeat; background-position: 50% 50%; }