/* wrapper
----------------------------------------------------------------------------------------------------*/
#wrapper { width:960px; margin:0 auto; background:url("../images/header.png") no-repeat top center; overflow:hidden; }

/* heder
----------------------------------------------------------------------------------------------------*/
#header { width:960px; height:150px; position:relative; }

/* aside
----------------------------------------------------------------------------------------------------*/
#aside { width:150px; margin:0 10px 0 0; float:left; display:inline; }

/* content
----------------------------------------------------------------------------------------------------*/
#content { width:800px; display:inline; float:left; background:url("../images/content_body.png") repeat-y; overflow:hidden; }
#content div.inner { width:770px; padding:0 15px 50px 15px; background:url("../images/content_footer.png") no-repeat center bottom; overflow:hidden; }
#content div.inner div.col { width:370px; margin:0 7px 10px 7px; display:inline; float:left; }

/* footer
----------------------------------------------------------------------------------------------------*/
#footer { display:block; clear:both; margin:0 auto; padding:10px; border-top:solid 1px #c0c0a8; }
#footer p { margin:0; padding:0; font-size:11px; }

/* clear fixes
----------------------------------------------------------------------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; 	visibility: hidden;	width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }