/* Setting One True Layout: three columns */
#inner { float: left; width: 56%; margin-left: 0; }

#secondaryBlock { float: left; width: 20%; margin-left: -84%; }
#secondaryBlock1 { float: left; width: 20%; margin-left: -84%; }

#addonBlock {width: 16%; position:absolute; top:195px; right:0}

.verticalalign { position: absolute; bottom: 0; }
#contentBlock .verticalalign { width: 56%; }
#secondaryBlock .verticalalign { width: 20%; }
#addonBlock .verticalalign { width: 16%; }

/* hack for Opera 7+ */
@media all and (min-width: 0px)
{
	.verticalalign { width: 100% !important; }

	/* But Opera 9 does it right, so CSS3 hax to the max */
	div[id^="wrapper"] #contentBlock .verticalalign { width: 64% !important; }
	div[id^="wrapper"] #secondaryBlock .verticalalign { width: 20% !important; }
	div[id^="wrapper"] #addonBlock .verticalalign { width: 16% !important; }
}

.verticalalign p { position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; }
#wrapper  { position: relative; width:100%}
#wrapper  {overflow: hidden; } /* This hides the excess padding in non-IE browsers */ 

/* easy clearing */
#wrapper:after { content: '...'; display: block; height: 0; clear: both; visibility: hidden; }
* html #wrapper { display: inline-block; }
/* end easy clearing */

#footer { clear: both; }
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output { position: relative; z-index: 99; }