.tab_container {  margin: 0px;}
.tab_content {height: 340px; padding: 0px; margin: 0px; background-image: url(bg2.png); background-repeat: repeat; background-position: left top; }
#tabsection {background-image: url(tabsection.png); background-repeat: no-repeat; background-position: 26px -44px; width: 100%; height: 100%; position: absolute; top: 66px; }


ul.tabs { margin: 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight: lighter; font-style:italic; font-size: 18px; padding: 0; float: left;
height: 48px; /*--tab height--*/
width: 100%; margin-bottom: 18px; list-style: none;}
	
ul.tabs li { float: left; margin-right: 18px; padding: 0; height: 47px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 47px; /*--Vertically aligns the text within the tab--*/
border: 4px #fff solid; text-align:center; color: #000;  background-image: url(bg1.png); background-repeat: repeat; background-position: left top;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden; position: relative;}
	
ul.tabs li a { text-decoration: none; color: #000; display: block; font-weight: lighter; padding: 0 48px; outline: none;  text-shadow: 0px 1px 0px #fff; }

ul.tabs li a:hover {color: #000; background-color:#bfb8b7; border: none; text-decoration: none; text-shadow: 0px 1px 0px #fff;}

/*--dont chuck it away!*/
html ul.tabs li.active { text-shadow: 0px 1px 0px #fff; background-image: url('tabactive.png'); background-repeat: no-repeat; background-position: center 0px;background-color:#bfb8b7; color: #000; }
html ul.tabs li.active a:hover {background-color:#bfb8b7; border: none;}