/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


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

body {
	background: #ffffff url(body-bg.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 10px;
	color: #3c3c3c;
}

.left {
	float: left;
}
.right {
	float: right;
}

#top-block-container {
	width: 100%;
	height: 393px;
	margin: 50px 0 0;
	padding: 0 0 30px;
	background: url(top-container-bg.gif) 0 bottom repeat-x;
}

	#top-block {
		width: 810px;
		height: 393px;
		margin: 0 auto;
	}

		#intro {
			margin: 40px 0;
			font-family: Helvetica Neue, Helvetica, Arial, Sans Serif;
			font-weight: lighter;
			font-size: 2.0em;
			line-height: 1.6em;
		}
		
			#intro span {
				color: #41a452;
			}
			
		#top-block .left {
			width: 392px;
			height: 138px;
		}
		
		#top-block .right {
			width: 395px;
			height: 138px;
		}
		
			#top-block .right img {
				float: left;
			}

#bottom-block-container {
	width: 100%;
	height: 556px;
	margin: 0;
	padding: 64px 0 0;
	clear: both;
	background: url(bottom-container-bg.gif) 0 0 repeat-x;
}

	#bottom-block {
		width: 810px;
		margin: 0 auto;
	}
	
		.column {
			width: 392px;
			border-top: 1px solid #9c9c9c;
		}
		
			.box {
				width: 392px;
				padding: 18px 0;
				border-bottom: 1px solid #9c9c9c;
				font-size: 1.3em;
				line-height: 1.5em;
			}
			
			.box-top { height: 122px; }
			.box-middle { height: 161px; }
			.box-bottom { height: 107px; }
			
				.box h2 {
					margin: 0 0 5px;
					font-family: Helvetica Neue, Helvetica, Arial, Sans Serif;
					font-weight: bold;
					font-size: 1.1em;
					color: #41a452;
				}
				
				.box img {
					float: right;
				}
			
#footer-container {
	width: 100%;
	height: 150px;
	padding: 20px 0 0;
	background-color: #41a452;
}

	#footer {
		width: 810px;
		margin: 0 auto;
		font-size: 1.2em;
		color: #fff;
	}