#masthead{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 2%;
	width:750px;
	background-image: url(../../images/golfbits/swinger1.jpg);

}


#TabSystem1 {
	background: transparent;
	position: absolute;
	top: 350px;
	left: 0;
	width:550px;
	margin: 0 0 0 25px;
	padding: 0;
}


	/*--------------------LEGEND -----------------------+
	|                                                   |
	| .content   -- the content div, also the className |
	|               for tabSystem divs                  |
	| .tabs      -- the div that holds all tabs         |
	| .tab       -- an inactive tab                     |
	| .tabActive -- an active tab                       |
	| .tabHover  -- an inactive tab onMouseOver         |
	|___________________________________________________*/

.tabContent {
	position: absolute;
	margin-left: 150px;
	top: 30px;
	width: 500px;
	height: 300px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 8px 12px 12px 12px;
	z-index: 500;
	background-color: #f3f6f9;
 }

.scontent1 {
	position: absolute;

	/* use margin-left instead of margin.
	* mac IE fuks up the child nodes with
	* position relative. Position gets set to absolute via javascript
	* in Mac IE, but if javascript is off, the page will
	* look like the demo in the link below.
	*
	* For details on this bug,
	* please see: http://climbtothestars.org/coding/ie5macbug/
	*
	*/
	overflow: auto;
	margin-left: 2px;
	top: 30px;
	width: 530px;
	height: 650px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 8px 12px 12px 12px;
	border: 4px solid #666;
	border-top: 1px solid #999;
	border-left: 1px solid #666;
	z-index: 500;
	background-color: #f3f6f9;
	color: #000000;
 }


div.tabs {

 	position: relative;

	top: 10px;
	left: 10px;

	line-height: 24px;
	height: 28px;
        color: #ffffff;
	width: 550px;
	white-space: nowrap;
	font-family: "Arial", "Charcoal", "Optima", "Verdana", sans-serif;
	cursor: default !important;
	z-index: 10000;
	/* -Moz-User-Select: none;*/
}

.tab {
	font-size: 12px;
	line-height: 17px;
	border: 1px solid #347;
	padding: 1px 8px 1px 8px;
	/* background-color: #465960; */
 	background-color: #CCCCCC;
	color: #000000;
	z-index: 100;
	border-bottom-width: 0;
	text-decoration: none;
  }
.tabHover {
	border: 1px solid #347;
	background-color: #FFFFFF;
	padding: 1px 8px 1px 8px;
	color:#CCCCCC;
	z-index: 1200;
	border-bottom-width: 0;
  }

.tabActive {
	padding: 2px 9px 2px 9px;
	color: #000000; /*060610;*/
	background-color: #f3f6f9;
	z-index: 10000;
}

div.tabs div.bottomrow {
	position: absolute;
	top: 0;
	z-index: 2;
	padding-left: 5px;
}


div.tabs div.bottomrow .tab {
	padding: 1px 8px 1px 9px;
}
div.tabs div.bottomrow .tabActive {
	padding: 2px 9px 2px 9px;
}

div.tabs div.toprow {
	padding-left: 5px;
	position: absolute;
	top: -19px;
	z-index: 1;
}