/*
	------------------------------------------------------
	YAHOO RESET CSS - Thanks Yahoo
		Equalize browser defaults...
		http://developer.yahoo.com/yui/reset/
	----------------------------------------------------*/
	
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;  padding:0;} 
	table {border-collapse:collapse; border-spacing:0;} 
	fieldset,img {border:0;} 
	address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
	ol,ul {list-style:none;} 
	caption,th {text-align:left;} 
	h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
	q:before,q:after {content:'';} 
	abbr,acronym {border:0;}
	
	
		/*  
		------------------------------------------------------
		STRUCTURE 
		----------------------------------------------------*/
		body {
			margin:0 auto; 
			padding:60px 0 0 0; 
			color:#555;
			font:normal 75%/135% Verdana, Arial, Helvetica, sans-serif;
			background-color:#ecece0;
			}
		#container {
			width:740px;
			padding:0 142px;
			text-align:center;
			margin:0 auto;
			position:relative;
			}
		#c2 {
			width:740px;
			background: url(../img/bg_landingpage.jpg) 0 0 no-repeat;
			padding-top:220px;
			text-align:left;
			overflow:hidden;
			position:relative;
			}
			.pg-features #c2,
			.pg-aup	#c2 {background-image:url(../img/bg_featurespage.jpg);}
		
		#c3 {
			xheight:15px;
			background:#ecece0 url(../img/bg_landingpage_bottom.jpg) 0 0 no-repeat;
			overflow:hidden;
			}
			.pg-features #c3,
			.pg-aup #c3 {background-image:url(../img/bg_featurespage_bottom.jpg);}
			
		.maincol {
			width:520px;
			}
			.pg-features .maincol,
			.pg-aup .maincol {width:740px;}
			
		.mc2 {
			padding:0 10px 17px 64px;
			overflow:hidden;
			}
			.pg-aup .mc2 {padding-right:35px;}
		.subcol {
			position:absolute;
			left:533px;
			top:32px;
			}
		.sc2 {
			overflow:hidden;
			}
		
		
	
		/*  
		------------------------------------------------------
		CONTENT 
		----------------------------------------------------*/
		
		h2 {
			margin-bottom:1em;
			font-size:14px;
			line-height:17px;
			font-weight:bold;
			color:#ee2f24;
			}
		h3 {font-weight:bold;}
		.sc2 h3 {
			background-position:4px 0;
			background-repeat:no-repeat;
			height:54px;
			text-indent:-9999px;
			width:206px; /* For IE so it displays the bg */
			}
			.sc2 h3.title-features {background-image:url(../img/title_features.jpg);}
			.sc2 h3.title-tutorials {background-image:url(../img/title_tutorials.jpg);}
			.sc2 h3.title-purchase {background-image:url(../img/title_purchase.jpg);}

			.sc2 h3.title-features-fr {background-image:url(../img/title_features_fr.jpg);}
			.sc2 h3.title-tutorials-fr {background-image:url(../img/title_tutorials_fr.jpg);}
			.sc2 h3.title-purchase-fr {background-image:url(../img/title_purchase_fr.jpg);}
			
		.login, .login-fr {
			margin-top:50px;
			background: url(../img/bg_login.jpg) 0 bottom no-repeat;
			height:129px;
			padding-top:6px;
			}
			.login-fr {
				background-image:url(../img/bg_login_fr.jpg);
				margin-top:30px;
				}
				
		a {color:#3959e5;}
		a:hover {text-decoration:none;}
		p {
			margin-bottom:1em;
			}
		.mc2 p {
			padding-right:20px;
			}
		
		.sc2 p {
			padding:0 16px;
			font-size:11px;
			margin-bottom:1.75em;
			}
		
		.sc2 p.purchase {
			padding-top:6px;
			}
		.sc2 .login p, .sc2 .login-fr p {
			padding-top:10px;
			}
		
		p.contact {
			font-size:11px;
			width:300px;
			}
		.fleft {float:left;}
		.fright {float:right;}
		
		
		ol {margin:1em 0;}
		ol li {
			list-style-type: decimal;
				margin:.325em 0 .425em 20px;
				padding:0;
				background-image:none;
			}
			ol li ul li {
				list-style-type:circle;
				margin-left:4px;
				padding:0;
				background-image:none;
				}
		ul {
			margin-bottom:1.25em;
			padding:0 20px 0 12px;
			}
		li {
			/* list-style-type:disc; */
			list-style-type:none;
			background-image:url(../img/bullet_red.gif);
			background-position:0 .5em;
			background-repeat:no-repeat;
			padding-left:15px;
			}
		
		hr {display:none;}
		strong {font-weight:bold;}
		em {font-style:italic;}
		
		
		
		
		span.language {
			position:absolute;
			text-align:right;
			right:8px;
			top:4px;
			font-size:11px;
			}
			span.language a {color:#555;}
		
		p.copyright {
			color:#7a7a7a;
			padding:16px 28px;
			font-size:11px;
			}
			p.copyright a {color:#555;}
				

		/*------------------  BUTTON  -----------------*/
			
		.btn-bar {
			clear:both;
			padding-top:10px;
			padding-right:10px;
			}	
		span.btn { /* Sliding right image */
			background:url(../img/btn_bg_right.gif) right top no-repeat; 
			display:block;
			float:right;
			height:19px;
			margin-left:6px;
			padding-right:6px;
			color:#444;
			font-size:11px;
			}
	
		span.btn span { /* Background left image */ 
			background:url(../img/btn_bg_left.gif) left top no-repeat; 
			display:block;
			line-height:19px;
			padding-left:6px;
			height:19px;
			}
		span.btn:hover {
			background-position:right -24px;
			cursor:pointer;
			}
		span.btn:hover span {
			background-position:left -24px;
			cursor:pointer;
			}
		span.btn a {
			text-decoration:none;
			color:#555;
			}	
			
		
		/*------------------  CLEARFIX  -----------------*/
		
		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}	
			.clearfix {display: inline-block;}	
			* html .clearfix {height: 1px;}
			.clearfix {display: block;}