/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// body
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body
{ margin:0 auto; padding:0; }

	/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	// wrapper
	////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	div#wrapper
	{ margin:0 auto; background:url(../_images/background.gif) repeat-x top; }
	
		/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		// top
		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		div#top
		{ width:990px; height:100px; margin:0 auto; }
		
		/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		// header
		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		div#header
		{ width:990px; height:200px; margin:0 auto; padding:0; overflow:hidden; background:url(../_images/header.jpg) no-repeat; display:block; clear:both; }
		
		/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		// content
		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		div#content
		{ margin:0 auto; padding:0; display:block; clear:both; background:#fff url(../_images/middle-top.gif) repeat-x top; overflow:hidden; }
			div#content div.outer
			{ margin:0 auto; padding:0; display:block; clear:both; background:url(../_images/middle-bottom.gif) repeat-x bottom; overflow:hidden; }
				div#content div.inner
				{ width:970px; margin:0 auto; padding:1em 0 3em 0; display:block; clear:both; overflow:hidden; }
		
		/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		// footer
		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		div#footer
		{ width:970px; margin:0 auto; display:block; clear:both; position:relative; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// sections
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.section-390-left
{ width:370px; margin:0 0 10px 0; padding:0 20px 1em 0; background:url(../_images/section-370-background.gif) no-repeat 0% 100%; }
div.section-390-right
{ width:370px; margin:0 0 10px 0; padding:0 0 1em 20px; background:url(../_images/section-370-background.gif) no-repeat 100% 100%; }
div.section-190
{ width:190px; }
div.section-580-right
{ width:580px; margin:0 0 10px 0; padding:0 0 1em 0; background:url(../_images/section-600-background.gif) no-repeat 100% 100%; }
div.section-970
{ width:970px; margin:0 0 10px 0; background:url(../_images/section-970-background.gif) no-repeat 100% 100%; display:block; clear:both; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// columns
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.column-left-390
{ width:390px; display:inline; float:left; overflow:hidden; clear:left; }
div.column-middle-190
{ width:190px; display:inline; float:left; overflow:hidden; }
div.column-right-390
{ width:390px; display:inline; float:right; overflow:hidden; clear:right; }
div.column-right-580
{  width:580px; display:inline; float:right; overflow:hidden; clear:right; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// helpers
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.clearfix:after
{ content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clear
{ display:block; clear:both; height:1%; }