@import url("reset.css");
@import url("core.css");

div.page-content h2 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px; }

	div.page-content h2 a {
		color: #222222; }

div.page-content ul.check-list {
	padding-bottom: 10px; }

	div.page-content ul.check-list li {
		background: url('../images/elements/check-list-small.png') no-repeat;
		line-height: 20px;
		padding-left: 20px; }

div.page-content p {
	line-height: 20px;
	padding-bottom: 10px;
	text-align: justify; }

div.page-content a.button {
	width: 110px;
	height: 28px;
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	color: #474646;
	background: url("../images/elements/button.gif") no-repeat;
	text-align: center;
	text-decoration: none; }

	div.page-content a.button:hover {
		text-decoration: none; }


div.headline div.left-side {
	width: 460px; }

	div.headline div.intro {
		padding-bottom: 15px; }

		div.headline div.intro h1 {
			font-size: 16px;
			padding-bottom: 5px; }

	div.headline div.benefits {
		background: url('../images/home/benefits-divider.png') repeat-x;
		padding-top: 5px; }

		div.headline div.benefits h3 {
			font-size: 14px;
			font-weight: bold;
			padding-bottom: 5px; }

		div.headline div.benefits ul li {
			float: left;
			display: block;
			padding: 10px 10px 0 40px;
			width: 180px; }

			div.headline div.benefits ul li.solution {
				background: url('../images/home/icon-benefits-solution.png') no-repeat 0 10px; }

			div.headline div.benefits ul li.billing {
				background: url('../images/home/icon-benefits-billing.png') no-repeat 0 10px; }

			div.headline div.benefits ul li.seo {
				background: url('../images/home/icon-benefits-seo.png') no-repeat 0 10px; }

			div.headline div.benefits ul li.customize {
				background: url('../images/home/icon-benefits-customize.png') no-repeat 0 10px; }


div.headline div.right-side {
	float: right;
	width: 415px; }

	div.headline div.slider-wrap {
		padding: 10px 0 15px 0;
		width: 400px; }

	div.headline div.slider {
		border: 1px solid #444444;
		height: 230px;
		position: relative;
		width: 400px; }

		div.headline div#slidebox {
			position: absolute;
			z-index: 500; }

		div.headline div#slidebox div.slides_container {
			width: 400px;
			overflow: hidden;
			position: relative;
			display: none; }

			div.headline div#slidebox div.slides_container a {
				width: 400px;
				height: 230px;
				display: block; }

			div.headline div#slidebox div.slides_container a img {
				display: block; }

			div.headline div#slidebox .slidebox-button-next,
			div.headline div#slidebox .slidebox-button-prev {
				position: absolute;
				top: 93px;
				left: -20px;
				width: 39px;
				height: 40px;
				display: block;
				z-index: 501; }

			div.headline div#slidebox .slidebox-button-next {
				left: 385px; }


	div.headline div.actions {
		padding-left: 50px; }

		div.headline div.actions a.button {
			display: block;
			float: left;
			height: 33px;
			text-decoration: none; }

			div.headline div.actions a span {
				display: none; }

			div.headline div.actions a.button:hover {
				text-decoration: none; }

			div.headline div.actions a.features {
				background: url('../images/home/button-features.png') no-repeat;
				margin-right: 15px;
				width: 145px; }

			div.headline div.actions a.demo {
				background: url('../images/home/button-demo.png') no-repeat;
				width: 125px; }


div.page-home div.reasons { }

	div.page-home div.reasons h2 {
		font-weight: normal;
		padding-bottom: 5px; }

	div.page-home div.reasons div.reason {
		float: left;
		padding: 0 10px 0 56px;
		width: 240px; }

		div.page-home div.reasons div.reason1 {
			background: url('../images/home/reason-1.png') no-repeat; }

		div.page-home div.reasons div.reason2 {
			background: url('../images/home/reason-2.png') no-repeat; }

		div.page-home div.reasons div.reason3 {
			background: url('../images/home/reason-3.png') no-repeat; }


div.page-features div.left-side,
div.page-features div.right-side {
	width: 460px; }


div.page-demo table.demo {
	width: 100%; }

	div.page-demo table.demo td.member,
	div.page-demo table.demo td.admin {
		width: 50%; }