/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Main CSS
Author : Helldesign
URL : http://en.helldesign.pl

Description : This is the main stylesheet

Created :24.06.2006
Modified :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/****************************************************************
	BASIC
****************************************************************/
body {
	background:#dde8f3 url("../images/bg_subpage.jpg") 0 0 repeat-x;
}
#wrapper {
	background: #fff url("../images/bg_wrapper2_sub.gif") 0 0 repeat-y;
}
#wrapper-1 {
	background: url("../images/bg_wrapper1_sub.gif") 0 0 no-repeat;
}
#wrapper-2 {
	background: url("../images/bg_wrapper3_sub.gif") 0 100% no-repeat;
	padding: 16px 16px 20px 0;
}
	#wrapper-2:after {
		content: ".";
		display: block;
		height:0;
		clear: both;
		visibility: hidden;
	}
	#wrapper-2 {
		display:block;
	}

body#home {
	background:#dde8f3 url("../images/bg_home.jpg") 0 0 repeat-x;
}
	#home #wrapper {
		background: #fff url("../images/bg_wrapper2.gif") 0 0 repeat-y;
	}
	#home #wrapper-1 {
		background: url("../images/bg_wrapper1.gif") 0 0 no-repeat;
	}
	#home #wrapper-2 {
		background: url("../images/bg_wrapper3.gif") 0 100% no-repeat;
		padding: 32px 16px 20px 10px;
	}
	#home #wrapper-2:after {
		content: ".";
		display: block;
		height:0;
		clear: both;
		visibility: hidden;
	}
	#home #wrapper-2 {
		display:block;
	}

#content {
	line-height:1.5em;
	float:left;
	width:555px;
}
#home #content {
	line-height:1.5em;
	float:left;
	width:482px;
}
#modules {
	line-height:1.25em;
	float:right;
	width:194px;
	color:#ab790b;
	font-size:12px;
}
#home #modules {
	line-height:1.25em;
	float:right;
	width:249px;
	color:#ab790b;
	font-size:12px;
}



/****************************************************************
	SUBHEADER
****************************************************************/
#subheader {
	background:url("../images/bg_submenu.jpg") 0 0 no-repeat;
	height:45px;
	heigh\t:33px;
	padding:12px 23px 0;
}
	#subheader h2 {
		background-repeat:no-repeat;
		background-position:0 0;
		height:25px;
	}
		#subheader h2 span {
			display:none;
		}
	#subheader h2.features {
		background-image:url("../images/h2_features.gif");
	}
	#subheader h2.try_it {
		background-image:url("../images/h2_try_it.gif");
	}
	#subheader h2.videos {
		background-image:url("../images/h2_videos.gif");
	}
	#subheader h2.buy {
		background-image:url("../images/h2_buy.gif");
	}
	#subheader h2.getting_started {
		background-image:url("../images/h2_getting_started.gif");
	}
/****************************************************************
	CONTENT
****************************************************************/
/* ----- basic ----- */
	#content p {
		margin:0 20px 23px;
	}
/* ----- banner ----- */
#root .banner {
	height:250px;
	background:url("../images/banner_home.jpg") 0 0 no-repeat;
	position:relative;
}
#root .banner h2 {
	display:none;
}
	#root .banner a.buy-now {
		position:absolute;
		display: none;
		top:119px;
		left:252px;
		background:url("../images/button_buy_now.png") 0 0 no-repeat;
		width:154px;
		height:154px;
	}
	#root .banner a.buy-now:hover {
		background-position:0 -309px;
		top:121px;
		left:254px;
	}
	#root .banner a.buy-now span {
		display:none;
	}
/* download-teo */
#content .download-teo {
	background:url("../images/bg_download-teo.gif") 0 0 no-repeat;
	padding: 9px 0 20px;
	border-bottom:1px solid #ebf0f0;
	margin: 0 0 30px;
	text-align:center;
}
	#content .download-teo ul {
		padding: 0 0 0 88px;
	}
	#content .download-teo ul:after {
		content: ".";
		display: block;
		height:0;
		clear: both;
		visibility: hidden;
	}
	#content .download-teo ul {
		display:block;
	}
	#content .download-teo ul li {
		list-style:none;
		float:left;
		margin: 0 6px 13px 0;
		height:56px;
		position:relative;
	}
	#content .download-teo ul li a {
		position:absolute;
		left:0;
		top:0;
		display:block;
		height:56px;
	}
	#content .download-teo ul li,
	#content .download-teo ul li a {
		background-position:0 0;
		background-repeat:no-repeat;
	}
	#content .download-teo ul li a:hover {
		background-position:0 -112px;
	}
	#content .download-teo ul li.teo-2,
	#content .download-teo ul li.teo-2 a {
		background-image:url("../images/btn_download-teo-2.gif");
		width:128px;
	}
	#content .download-teo ul li.teo-3-beta,
	#content .download-teo ul li.teo-3-beta a {
		background-image:url("../images/btn_download-teo-3-beta.gif");
		width:168px;
	}
	#content .download-teo ul li.teo-3-beta {
		display:inline;
		margin-left:65px;
	}
	#content .download-teo ul li a span {
		display:none;
	}
	#content .download-teo p {
		margin:0 35px;
		font-size:12px;
		line-height:1.25em;
	}
		#content .download-teo p a.purchase {
			font-size:14px;
			line-height:1.45em;
		}
/* blockquote */
#content .blockquote {
	width:436px;
	margin:0 auto;
	text-align:center;
	background:url("../images/bg_blockquote_2.gif") 0 100% no-repeat;
	color:#d9b368;
}
	#content .blockquote blockquote {
		background:url("../images/bg_blockquote_1.gif") 0 0 no-repeat;
		padding:20px 22px 9px;
	}
	#home #content .blockquote blockquote p {
		font-size:16px;
		font-style:italic;
		margin:0 16px 23px;
	}
	#content .blockquote blockquote dl {
		font-size:12px;
		text-align:right;
	}
	#content .blockquote blockquote dl dt,
	#content .blockquote blockquote dl dd {
		display:inline;
	}
	#content .blockquote blockquote dl dt cite {
		font-style:normal;
	}
/* features */
#content ul.features {
	margin:0;
	padding:0
}
	#content ul.features li {
		list-style:none;
		text-align:center;
	}
		#content ul.features li h4 {
			text-align:left;
			font-size:14px;
			color:#3475b5;
			font-weight:bold;
			background:#e8f0f7 url("../images/bg_h4.gif") 0 0 repeat-x;
			padding: 8px 17px 6px;
			margin: 0 0 12px;
			border-left:1px solid #fff;
			border-right:1px solid #fff;
			margin:0 1px 11px 0;
		}
	#content ul.features li h4 a,
	#content ul.features li h4 a.normal {
		color:#3475b5;
		background:url("../images/arrow2.gif") 0 2px no-repeat;
		padding:0 0 0 18px;
	}
	#content ul.features li h4 a:hover,
	#content ul.features li h4 a.activ{
		text-decoration:none;
		background-position:0 -111px;
		color:#3475b5;
	}
	#content ul.features li h4 a:hover {
		color:#99bc3c;
	}
	#content ul.features li img {
		display:block;
		margin:0 auto 12px;
	}
	#content ul.features li div.answer {
		display:none;
	}
		#content ul.features li * {
			text-align:left;
		}
		#content ul.features li p {
			font-size:12px;
			margin:0 17px 10px;
		}
		#content ul.features li p a {

		}
/* try_it */
#content ul.try_it {
	margin:0;
	padding:0
}
	#content ul.try_it li {
		list-style:none;
	}
		#content ul.try_it li h4 {
			font-size:14px;
			color:#3475b5;
			font-weight:bold;
			background:#e8f0f7 url("../images/bg_h4.gif") 0 0 repeat-x;
			padding: 8px 17px 6px 0;
			margin: 0 0 12px;
			border-left:1px solid #fff;
			border-right:1px solid #fff;
			margin:0 1px 11px 0;
			position:relative;
		}
		#content ul.try_it li h4 a,
		#content ul.try_it li h4 span {
			margin-left:120px;
		}
			#content ul.try_it li h4 a {
				color:#3475b5;
			}
			#content ul.try_it li h4 a:hover {
				color:#99bc3c;
			}
		#content ul.try_it li h4 strong {
			position:absolute;
			top:0;
			left:12px;
			width:66px;
			height:66px;
		}
		#content ul.try_it li.first h4 strong {
			background-image:url("../images/li_1.png");
		}
		#content ul.try_it li.second h4 strong {
			background-image:url("../images/li_2.png");
		}
		#content ul.try_it li.third h4 strong {
			background-image:url("../images/li_3.png");
		}
		#content ul.try_it li.fourth h4 strong {
			background-image:url("../images/li_4.png");
		}
		#content ul.try_it li.fifth h4 strong {
			background-image:url("../images/li_5.png");
		}
		#content ul.try_it li.sixth h4 strong {
			background-image:url("../images/li_6.png");
		}
			#content ul.try_it li h4 strong span {
				display:none;
			}
	#content ul.try_it li img {
		display:block;
		margin:0 0 12px 120px;
	}
	#content ul.try_it li .download-box {
		background:transparent url("../images/bg_download_box_bottom.gif") 0 100% no-repeat;
		margin: 0 0 12px 118px;
		text-align:center;
		padding:0 0 9px;
	}
		#content ul.try_it li .download-box form {
			background:transparent url("../images/bg_download_box_top.gif") 0 0 no-repeat;
			padding:10px 9px 7px;
		}
		#content ul.try_it li .download-box p {
			font:10px Arial, Verdana , sans-serif;
			color:#6a8199;
			margin:0 9px;
			padding:0;
		}

/****************************************************************
	MODULES
****************************************************************/
/* ----- basic ----- */
	#modules ul {
		margin: 0 0 10px;
	}
		#modules ul li {
			list-style:none;
			background:url("../images/dot.gif") 0 2px no-repeat;
			padding: 0 0 0 22px;
			margin: 0 0 12px;
		}
	#modules ul.type-1 {
		font-size:11px;
	}
		#modules ul.type-1 li {
			line-height:1.3em;
		}
	#modules p {
		color:#ab790b;
		font-size:11px;
		margin: 0 0 15px 3px;
	}
	#modules p.download {
		font-weight:bold;
		font-size:12px;
	}
	/* ul.gfx */
	#modules ul.gfx {
		margin: 0 0 15px;
	}
		#modules ul.gfx li {
			list-style:none;
			font-weight:bold;
			padding: 0 0 0 20px;
			background:url("../images/dot2.gif") 6px 7px no-repeat;
			margin: 0 0 3px;
		}
	#modules dl {
		margin: 0 0 15px;
		font-size:11px;
	}
		#modules dl dt {
			margin: 0 0 11px;
			font-weight:bold;
		}
		#modules dl dd {

		}
		
		
/* buy */
#content ul.buy {
	margin:0;
	padding:0
}
	#content ul.buy li {
		list-style:none;
	}
		#content ul.buy li h4 {
			font-size:14px;
			color:#3475b5;
			font-weight:bold;
			background:#e8f0f7 url("../images/bg_h4.gif") 0 0 repeat-x;
			padding: 8px 17px 6px 0;
			margin: 0 0 12px;
			border-left:1px solid #fff;
			border-right:1px solid #fff;
			margin:0 1px 11px 0;
			position:relative;
		}
		#content ul.buy li h4 a,
		#content ul.buy li h4 span {
			margin-left:120px;
		}
			#content ul.buy li h4 a {
				color:#3475b5;
			}
			#content ul.buy li h4 a:hover {
				color:#99bc3c;
			}
		#content ul.buy li h4 strong {
			position:absolute;
			top:0;
			left:12px;
			width:66px;
			height:66px;
		}
		#content ul.buy li.full h4 strong {
			background-image:url("../images/seal_full_price.png");
		}
		#content ul.buy li.upgrade h4 strong {
			background-image:url("../images/seal_upgrade_price.png");
		}
		#content ul.buy li.student h4 strong {
			background-image:url("../images/seal_student_price.png");
		}
			#content ul.buy li h4 strong span {
				display:none;
			}

		#content ul.buy li img {
			display:block;
			margin:0 0 12px 120px;
		}
		#content ul.buy li .download-box {
			background:transparent url("../images/bg_download_box_bottom.gif") 0 100% no-repeat;
			margin: 0 0 12px 118px;
			text-align:center;
			padding:0 0 9px;
		}
			#content ul.buy li .download-box form {
				background:transparent url("../images/bg_download_box_top.gif") 0 0 no-repeat;
				padding:10px 9px 7px;
			}
			#content ul.buy li .download-box p {
				font:10px Arial, Verdana , sans-serif;
				color:#6a8199;
				margin:0 9px;
				padding:0;
			}