#home-tabs { 
	width: 790px;
	height: 310px;
	margin: 0 auto;
	background: #fff url(../../images/homepage-hero-images/rotate.php) right bottom no-repeat;
	position: relative;
	top: 0;
	left: 0;
	}
#home-tabs h2 { position: absolute; top: 0 left: 0; }	
#home-tabs ul {
	list-style: none;
	margin: 0; padding: 0;
	}
#home-tabs h4 { font-size: 1.75em; margin-top: 10px; margin-bottom: 20px; color: #fff; }


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	position: absolute;
	top: 53px;
	left: 0;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0; padding: 0;
}

ul.tabbernav li
{
 list-style: none;
 display: inline;
}

ul.tabbernav li a { float: left; display: inline; width: 120px; height: 32px; margin-left: 10px; text-decoration: none; text-indent: -9999px; background-image: url(../../images/global/nav-home-tabs.gif);}
ul.tabbernav li a:link {  }
ul.tabbernav li a:visited {  }
ul.tabbernav li a:hover { }
ul.tabbernav li.tabberactive a { }
ul.tabbernav li.tabberactive a:hover { }

a#nav-tab-1 { background-position: 0 -32px; }
a#nav-tab-1:hover { background-position: 0 -64px; }
li.tabberactive a#nav-tab-1 { background-position: 0 0; }

a#nav-tab-2 { background-position: -120px -32px; }
a#nav-tab-2:hover { background-position: -120px -64px; }
li.tabberactive a#nav-tab-2 { background-position: -120px 0; }

a#nav-tab-3 { background-position: -240px -32px; }
a#nav-tab-3:hover { background-position: -240px -64px; }
li.tabberactive a#nav-tab-3 { background-position: -240px 0; }



/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	clear: both;
	height: 225px;
	width: 535px;
	overflow: hidden;
	background: url(../../images/global/bk-home-tabs.gif) top left repeat-x;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h3 { display: none; }

.tabbertab li {
	float: left;
	display: inline;
	width: 200px;
	margin-left: 10px;
	font-size: 1.2em;
	line-height: 1em;
	padding-bottom: .75em;
	}
#home-tabs a { color: #fd5; }
#home-tabs a:hover { color #fff; }