/* WRAPPER */
#wrapper {
	width:280px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* CONTENT */
#content { }
#content p { margin:0px; }

/* MENU */
#menu { float:left; }
#menu ul { list-style:none; }
#menu ul li { display:inline; float:left; margin-bottom:20px; }

/* :first-child pseudo selector with rounded top left corner */


/* :last-child pseudo selector with rounded top right corner */


/* background color set to RGBA, with opacity on 0.3 and also using text-shadow */
#menu ul li a { padding:10px; background: rgba(255,138,30,0.3); text-decoration: none; font: bold 14px Helvetica, Sans-Serif; 
	}
	
/* hover state shows a linear gradient and opacity it brought down to 0.9 and also shows a very slight grey gradient on top */
#menu ul li a:hover { 	 }

/* another RGBA background, now with an opacity of 0.8 */
#menu ul li a.active { background: rgba(255,138,30,0.8) !important; }

/* main contents with RGBA background (same colour as active tab) and three rounded corners */
#main { clear:both; background: rgba(255,138,30,0.8); width:280px; 
	}
	
/* header with a text-shadow */
#main h3 { text-transform:uppercase; padding:0px 0 0 20px; color:#eee; text-shadow: #000 0px 0px 2px; }
#main p { padding-bottom:20px; color:#ddd; }