@charset "UTF-8";
/* CSS Document */

body {
	background-color:#006699;
	font-family:Helvetica, Arial, Sans-Serif;
	margin: 0;
}

#head {
    background-color: #009966;
    padding: 20px 30px;
}

#head h1 {
    color: #ffffff;
    font-size: 36px;
    margin: 0;
    margin-bottom: 5px;
}

#head h2 {
    color: #ffffff;
    margin: 0;
    font-size: 28px;
}

#panes { 

	margin-bottom: 20px;
	padding-bottom: 20px;
	background-color: #ffffff;
} 

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none !important;
}

:focus {
    -moz-outline-style:none;
}


#wrapper {
	width: 900px;
	margin:0 auto;
	padding:0;
}

#tabs {
	width:900px;
	height:30px;
}

ul {
		list-style-position:inside !important;
		margin:0;
	padding:0;

}
<!-- TABS-->
/* root element for tabs  */
ul.tabs {
	margin:0;
	padding:0;
    list-style:none;
    height:30px;
		width:900px;
		border:none;
   		background-color:#c0a75c;
}

/* single tab */
ul.tabs li {
		margin:0;
	padding:0;
  list-style:none;
		width:180px;
    float:left;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    background-image: url(tabs.png);
		background-repeat: repeat-x;
    font-size:12px;
    display:block;
		width:180px;
    line-height:30px;
    text-align:center;
    text-decoration:none;
    color:#ffffff;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: 0px -31px;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: 0px -62px;
    cursor:default !important;
    color:#372058 !important;
}
<!--TABS-->

<!--Tabs PANES-->
/* tab pane styling */
.panes {
    display:block;
		height:auto;
		width: 900px;
    background-color:#ffffff;
}

.panes div {
    display:block;
		height:auto;
    padding:20px 40px;
    font-size:14px;
		line-height:22px;
    background-color:#ffffff;
}
.panes div div {
    padding:0px;
}
<!--Tabsa PANES-->

.paneImg {
	float:right;
	margin:0px; 
	padding:0px; 
	width:200px !important; 
}

.paneText {
	width:595px;
	float:right;
	margin-left:20px;
	margin-top:-5px;
	margin-bottom:-15px;
	clear:left;
}
.paneText2 {
	width:595px;
	float:left;
	margin-right:20px;
	clear:right;
}