body { font-size: 8px; font-family: Verdana, sans-serif; background-color: #fafcfd; color: #310}

#content { width: 960px; margin: auto; background-color: #feffff; border: 1px solid #FFF; overflow: hidden }
/* **********************
	columns and floats  *
********************** */
/* clearing */
.clearboth { clear: both }
.clearleft { clear: left }
.clearright { clear: right }
/* position */
.left {float: left; margin-left: 10px; margin-right: 10px;}
.right {float: right}
.right.inset { } /* img floated right within text */
.left.inset { } /* img floated left within text */
.center { margin-left: auto; margin-right: auto }
/* size */
.one, .one img {width: 40px; font-size: 1.125em; /* 9px */ line-height: 2.8889em; /* 26px */ margin-top: 2.8889em; margin-bottom: 0em; }
.two, .two img {width: 100px; margin-left: 10px; margin-right: 10px; font-size: 1.125em; /* 9px */ line-height: 2.8889em; /* 26px */ margin-top: 2.8889em; margin-bottom: 0em; }
.three, .three img {width: 160px; margin-left: 10px; margin-right: 10px; font-size: 1.25em; /* 10px */ line-height: 2.6em; /* 26px */ margin-top: 2.6em; margin-bottom: 0em; }
.four, .four img {width: 220px; margin-left: 10px; margin-right: 10px; font-size: 1.25em; /* 10px */ line-height: 2.6em; /* 26px */ margin-top: 2.6em; margin-bottom: 0em; }
.five, .five img {width: 280px; margin-left: 10px; margin-right: 10px; font-size: 1.375em; /* 11px */ line-height: 2.3636em; /* 26px */ margin-top: 2.3636em; margin-bottom: 0em; }
.six, .six img {width: 340px; margin-left: 10px; margin-right: 10px; font-size: 1.375em; /* 11px */ line-height: 2.3636em; /* 26px */ margin-top: 2.3636em; margin-bottom: 0em; }
.seven, .seven img {width: 400px; margin-left: 10px; margin-right: 10px; font-size: 1.5em; /* 12px */ line-height: 2.1667em; /* 26px */ margin-top: 2.1667em; margin-bottom: 0em; }
.eight, .eight img {width: 460px; margin-left: 10px; margin-right: 10px; font-size: 1.5em; /* 12px */ line-height: 2.1667em; /* 26px */ margin-top: 2.1667em; margin-bottom: 0em; }
.nine, .nine img {width: 520px; margin-left: 10px; margin-right: 10px; font-size: 1.625em; /* 13px */ line-height: 2em; /* 26px */ margin-top: 2em; margin-bottom: 0em; }
.ten, .ten img {width: 580px; margin-left: 10px; margin-right: 10px; font-size: 1.625em; /* 13px */ line-height: 2em; /* 26px */ margin-top: 2em; margin-bottom: 0em; }
.eleven, .eleven img {width: 640px; margin-left: 10px; margin-right: 10px; font-size: 1.75em; /* 14px */ line-height: 1.8571em; /* 26px */ margin-top: 1.8571em; margin-bottom: 0em; }
.twelve, .twelve img {width: 700px; margin-left: 10px; margin-right: 10px; font-size: 1.75em; /* 14px */ line-height: 1.8571em; /* 26px */ margin-top: 1.8571em; margin-bottom: 0em; }
.thirteen, .thirteen img {width: 760px; margin-left: 10px; margin-right: 10px; font-size: 1.875em; /* 15px */ line-height: 1.7333em; /* 26px */ margin-top: 1.7333em; margin-bottom: 0em; }
.fourteen, .fourteen img {width: 820px; margin-left: 10px; margin-right: 10px; font-size: 1.875em; /* 15px */ line-height: 1.7333em; /* 26px */ margin-top: 1.7333em; margin-bottom: 0em; }
.fifteen, .fifteen img {width: 880px; margin-left: 10px; margin-right: 10px; font-size: 2em; /* 16px */ line-height: 1.625em; /* 26px */ margin-top: 1.625em; margin-bottom: 0em; }
.sixteen, .sixteen img {width: 940px; margin-left: 10px; margin-right: 10px; font-size: 2em; /* 16px */ line-height: 1.625em; /* 26px */ margin-top: 1.625em; margin-bottom: 0em; }


div { outline: 1px solid red }

span { background-color: blue }