@charset "utf-8";

body { background: url(../images/frontend/bg.jpg) repeat-x; font-family: Helvetica, Arial, sans-serif; }
input, select, textarea { font-family: Helvetica, Arial, sans-serif; }
a { text-decoration: none; color: #105191; text-decoration: underline; }
a:hover { text-decoration: none; }

/*------------------------------------------------------------------
[1. Common ]
*/	
	.wrapper { margin: 0px auto; background: url(../images/frontend/wrapper-bg.png) repeat-y; width: 941px; }

	/*------------------------------------------------------------------
	[1.1 Header ]
	*/	
	
	.header { height: 141px; padding: 0px 20px 0px 20px; }
		.logo { float: left; padding-top: 20px; }
		.slogan { float: right; padding: 45px 0px 0px 20px; }
		.ads { clear: both; padding-top: 15px; padding-left: 90px; }
			
	/*------------------------------------------------------------------
	[1.2 Footer ]
	*/			
	
	.footer { width: 941px; margin: 0px auto; padding-top: 20px;  background: url(../images/frontend/wrapper-bottom-bg.png) top no-repeat; }
		.footer p { color: #2f6f4e; font-size: 11px; padding: 0px 20px 30px 20px; }
		.footer a { color: #2f6f4e; font-size: 11px; text-decoration: underline; }
		.left { float: left; }
		.right { float: right; }
	/*------------------------------------------------------------------
	[1.3 Content ]
	*/	
	
	.content { clear: both; }
		.content-bottom { margin: 0px auto clear: both; width: 941px; height: 14px; }
/*------------------------------------------------------------------
[2. Typography ]
*/	
		
h1 { clear: both; line-height: 28px; color: #000; font-size: 24px; padding-bottom: 10px; }
h2 { color: #0f8749; font-size: 18px; line-height: 26px; padding: 15px 15px 10px 15px; }
h3 { color: #bebebe; font-size: 18px; line-height: 20px; padding-bottom: 10px; font-weight: bold; }
p {  color: #333; font-size: 14px; line-height: 20px; padding-bottom: 10px; }

/*------------------------------------------------------------------
[3. Home ]
*/		

	.promo { padding: 0px 0px 15px 15px; width: 910px; width: 251px; }
	
	.column1 { width: 295px; float: left; padding: 0px 15px 0px 15px; }
		.column1 p { padding: 0px 10px 10px 15px; }
		.download { clear: both; text-align: right; padding: 20px 15px 15px 0px; } 
		
		.grey-box-top { width: 295px; height: 5px; background: url(../images/frontend/grey-box-top.gif) no-repeat;}
		.grey-box-middle { background: #efefef; width: 295px; }
		.grey-box-bottom { margin-bottom: 15px; width: 295px; height: 5px; background: url(../images/frontend/grey-box-bottom.gif) no-repeat; }
		
	.column2 { float: left; width: 418px; padding: 0px 10px 0px 10px; }
		.column2 p { padding-botom: 20px; }
		.column2 ul {  }
			.column2 ul li { float: left; width: 418px; padding-botom: 20px; font-size: 14px; line-height: 20px; padding-bottom: 20px; }
				.column2 ul li img { padding-top: 2px; width: 22px; float: left; padding-right: 20px; }
				.column2 ul li span { width: 360px; float: left; }
			
	.column3 { float: left; width: 143px; padding: 0px 15px 15px 15px; }
		.column3 p { color: #6a6b6e; font-weight: bold; padding: 15px 0px 15px 0px; }
		.column3 p.price { color: #2b669c; font-weight: bold; font-size: 54px; padding-bottom: 30px; }
		.column3 p.price span { font-size: 24px; font-weight: bold; position: absolute; top: 510px; }
		.column3 ul { padding: 15px 0px 15px 0px; }
			.column3 ul li { line-height: 20px; padding-bottom: 5px; }
				.column3 ul li a { font-size: 12px; }
			
	.top { clear: both; text-align: right; } 
		.top p a { font-size: 12px; padding-right: 20px; } 

.ad2s {}