/* Ubercontainer centered on page 
---------------------------------------------------------------------*/

body { text-align: center; font-family: Arial, Sans-Serif; }
#uberContainer { margin-left: auto; margin-right: auto; width: 55em; border: 1px solid #CCCCCC; padding: 20px 0px 30px 0px; }
	
	/* Header containing logo etc
	---------------------------------------------------------------------*/
	
	#masthead { text-align: left; padding: 0px 0px 20px 0px; }

	/* Horizontal menu bar
	---------------------------------------------------------------------*/
	
	#hMenu { padding: 5px 5px 5px 0px; background: #000066; color: #FFFFFF; text-align: right; }
	#hMenu a { color: white; text-decoration: none; }
	#hMenu a:hover { text-decoration: underline; }
	
	/* Main content container
	---------------------------------------------------------------------*/
	
	#mainContent { text-align: left; padding: 0px 10px 0px 10px; }
	#mainContent h2 { color: #555555; }
	
		/* Buy now boxout 
		---------------------------------------------------------------------*/
		
		#buyNowBoxout { width: 130px; height: 110px; border: 1px solid #555555; float: right; margin-top: 15px; margin-right: 5px; background: #FFFF99;  padding: 20px 20px 20px 20px; text-align: center; }
		#buyNowBoxout a { font-size: 2em; font-weight: bold; color: #000000; text-decoration: none; }
		#buyNowBoxout a:hover { text-decoration: underline; }
		
		/* Code example content container
		---------------------------------------------------------------------*/
		
		#codeExample { text-align: left; padding: 0px 10px 0px 10px; margin-left: 20px; margin-right: 20px; border: 1px solid #CCCCCC; background: #FFFF99; font-family: Courier, Sans-Serif; }
	
		
		#logo { float: left; margin: 10px 0 0 20px; color: #000063; }
		
		#logo span.logo_text { font-size: 2em; font-style: italic; }
		
		#banner { float: right; margin: 0 10px 0 0;}
		
		.clear { clear: both; margin: 0; padding: 0; }