@import url('/css/reset.css');
@import url('/css/typography.css');

html { height: 100%; margin-bottom: 1px;}

body {
	height: 100%;
	background: url('/images/bg.gif') top center repeat-y #FFF;
}

/* --------------------------
 @Random classes
------------------------------*/
.hide { display: none !important;}
.block { display: block; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { text-align: center;}

hr { display: none; }

img.left { margin: 8px 16px 12px 0; }
img.right { margin: 0 0 16px 16px; }



/* --------------------------
 @Structure 
----------------------------- */

#wrapper {
	position: relative;
	width: 753px;
	padding: 0 19px 0px 19px;
	margin: 0 auto;
}


#content {
	padding-bottom: 30px;
}

#footer {
	padding: 4px 0 10px 0;	
}

#footer p {
	font-size: 0.846em;
	margin-bottom: 4px;
}
#testimonial {
	padding-top:5px;
	background: #FFF;
	width: 180px;
}

	.left {
		padding-right: 20px;
		float: left;
	}

	.right {
		padding-left: 20px;
		float: right;
	}

#





/* --------------------------
 @Objects
----------------------------- */

.section {
	padding-bottom: 6px;
	background: url('../images/contentdivider.gif') repeat-x bottom left;
	margin-bottom: 15px;
	overflow: hidden;
	zoom: 1
}

ul.pencils {
	list-style-type: none;
	margin-bottom: 15px;
}

ul.pencils li {
	background: url('../images/pencilbullet.gif') no-repeat top left;
	font-size: 0.8em;
	line-height: 2em;
	padding-left: 45px;
	margin: 0 0 10px 0;
	zoom: 1
}



#mainimage {
	margin-bottom: 4px
}

#topbox {
	margin: 20px 0 4px 0;
}


.title {
	zoom: 1; /* ARGGGHHHH! */
	background: url('../images/contentdivider.gif') repeat-x bottom left;
	margin: 0 0 20px 0;
}




.free-sample { width: 159px; background: #B75650; padding: 8px; margin-bottom: 12px; text-align: center; }

.free-sample h3 { margin: 0; color:#fff; line-height: 1.4em; font-size: 1em; font-weight: normal;}