@charset "utf-8";

body { background: url(../img/bg.jpg) repeat-x #d9f4fd; font-family: Arial, Helvetica, sans-serif; }

/*------------------------------------------------------------------
[1. Common ]
*/

	.wrapper { margin: 0px auto; width: 944px; }	

	/*------------------------------------------------------------------
	[1.1 Header ]
	*/	
	
	.header { float: left; height: 150px; width: 100%; }
		.logo { float: right; padding: 25px 15px 0px 0px; }
		.title { float: left; width: 600px;  padding: 40px 0px 0px 20px; }
			.title h1 { float: left; } 
		
	/*------------------------------------------------------------------
	[1.2 Footer ]
	*/	
	
	.footer { float: left; height: 42px; background: #f6fdff; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 944px; border-bottom: 1px solid #8db7c8; }		
		.footer-left { float: left; width: 600px; }
			.footer-left ul { padding: 8px 0px 0px 35px; }
				.footer-left li { list-style: none; float: left; padding: 0px 20px 0px 0px; margin: 0px; }
					.footer-left li a { color: #489900; }
		.footer-right { float: right; width: 344px; text-align: right; }
			.footer-right p { font-size: 12px; padding: 8px 35px 0px 0px; color: #8c8c8c; }
				.footer-right p a { color: #489900; }
	
	.copyright { float: left; padding-top: 15px; }
		.copyright p { font-size: 11px; color: #629eb3; padding-left: 20px; }
	
	/*------------------------------------------------------------------
	[1.3 Content ]
	*/	

	.best-value { top: 147px; position: absolute; }
	
	.feature { background: #fff; float: left; margin-left: 3px; padding: 35px; width: 871px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
		.feature img { float: left; }
		.feature-text { float: left; padding-left: 30px; width: 470px; }
			.feature-text span { font-size: 20px; line-height: 46px; } 
				.feature-text span b { font-size: 22px; }
			.button { float: right; padding-top: 20px; }
	
	.content { background: #fff; float: left; margin-left: 3px; padding: 35px; width: 871px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }			
	
	.more { float: left; margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px; text-align: center; width: 100%; background: #f3e2e6; border: 1px solid #d7476c; }	
		.more p { padding-bottom: 0px; }	
		.more a { color: #d7476c; }	
	
/*------------------------------------------------------------------
[2. Typography ]
*/	

h1 { font-size: 36px; line-height: 42px; color: #005378;  padding-bottom: 15px; font-weight: bold; }
h2, h2 a { font-size: 24px; line-height: 28px; color: #282828; padding-bottom: 15px; font-weight: bold; text-decoration: none; }
h3 { font-size: 18px; line-height: 26px; color: #005378; padding-bottom: 15px; font-weight: bold; }
h4 a { font-size: 14px; line-height: 24px; color: #282828; font-weight: bold; text-decoration: none;  }
p { font-size: 14px; line-height: 24px; color: #282828;  padding-bottom: 15px; }
span { color: #d7476c; }
.white { color: #fff; }

ul { padding-left: 10px; }
li { font-size: 14px; line-height: 24px; padding-bottom: 5px; list-style: disc; color: #4c4d4d; margin-left: 20px; } 

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