.top_color{
	background-color:#ff8500;
	width:958px;
	height:5px;
	float:left;
}
.navigation{
padding-top:122px;
float:left;
}
<!-- ///////////// NAVIGATION //////////// -->

.animatedtabs{
overflow: hidden;
width: 100%;
font-size: 11px; /*font of menu text*/

}
.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
padding: 0;
}
.animatedtabs li{
float: left;
margin: 0;
padding: 0;
width:191px;
height: 35px;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */

/* /////////////// BLUE //////////////// */
.blue a{
cursor:pointer;
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../../images/navigation/tab1_a.gif) no-repeat top;
width:192px;
height: 30px;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 0px;
text-decoration: none;
font-weight: bold;
}
.blue a span{
float: left;
position: relative;
display: block;
background: url(../../images/navigation/tab1_a.gif) no-repeat top;
width:192px;
height: 30px;
color:#FFF;
text-align:center;
line-height: 27px;
/*padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
}
.selected_blue{
background-position: 0% -125px;
background: url(../../images/navigation/tab1_a.gif) no-repeat top;
width:192px;
height: 30px;
color:#FFF;
padding-bottom: 8px;
line-height: 27px;
text-decoration: bold;
text-align:center;
font-weight: bold;
top: 0px;
}

.animatedtabs .selected_blue a{
background-position: 0 -125px;
text-decoration: none;
top: 0;
}

.animatedtabs .selected_blue a span{
background-position: 0% -125px;
width:192px;
height:30px;
color:#FFF;
text-align:center;
line-height: 27px;
padding-bottom: 8px;
text-decoration:none;
top: 0;
}
.animatedtabs .blue a:hover{
background-position: 0% -125px;
background: url(../../images/navigation/tab1_a.gif) no-repeat left top;
width:192px;
height:27px;
color:#FFF;
text-align:center;
line-height: 27px;
padding-bottom: 8px;
top: 0;
}

.animatedtabs .blue a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
color:#FFF;
text-align:center;
line-height: 27px;
font-weight:bold;
top: 0;
}

/* /////////////// DARKBLUE //////////////// */
.darkblue a{
cursor:pointer;
font-weight: bold;
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../../images/navigation/tab2_a.gif) no-repeat top;
width:192px;
height: 30px;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 0px;
text-decoration: none;

}

.darkblue a span{
float: left;
position: relative;
display: block;
background: url(../../images/navigation/tab2_a.gif) no-repeat top;
width:192px;
height: 30px;
color:#FFF;
text-align:center;
line-height: 27px;

/*padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
}

.selected_darkblue{
background-position: 0% -125px;
background: url(../../images/navigation/tab2_a.gif) no-repeat top;
width:192px;
height: 30px;
color:#FFF;
padding-bottom: 8px;
line-height: 27px;
text-decoration: bold;
text-align:center;
font-weight: bold;
top: 0px;

}

.animatedtabs .selected_darkblue a{
background-position: 0 -125px;
text-decoration: none;
top: 0;
}

.animatedtabs .selected_darkblue a span{
background-position: 0% -125px;
text-decoration:none;
width:192px;
height:30px;
color:#FFF;
text-align:center;
line-height: 27px;
padding-bottom: 8px;
top: 0;
	
}
.animatedtabs .darkblue a:hover{
background-position: 0% -125px;
background: url(../../images/navigation/tab2_a.gif) no-repeat left top;
width:192px;
height:27px;
color:#FFF;
text-align:center;
line-height: 27px;
padding-bottom: 8px;
top: 0;
}

.animatedtabs .darkblue a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
color:#FFF;
text-align:center;
line-height: 27px;
font-weight:bold;
top: 0;
}

/* /////////////// GREEN //////////////// */
.green a{
cursor:pointer;
font-weight: bold;
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../../images/navigation/tab3_a.gif) no-repeat top;
width:192px;
height: 30px;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 0px;
text-decoration: none;

}

.green a span{
float: left;
position: relative;
display: block;
background: url(../../images/navigation/tab3_a.gif) no-repeat top;
width:192px;
height: 30px;
color:#FFF;
text-align:center;
line-height: 27px;
/*padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
}

.selected_green{
background-position: 0% -125px;
background: url(../../images/navigation/tab3_a.gif) no-repeat top;
width:192px;
height: 30px;
color:#FFF;
padding-bottom: 8px;
line-height: 27px;
text-decoration: bold;
text-align:center;
font-weight: bold;
top: 0px;
}

.animatedtabs .selected_green a{
background-position: 0 -125px;
text-decoration: none;
top: 0;
}

.animatedtabs .selected_green a span{
background-position: 0% -125px;
text-decoration:none;
width:192px;
height:30px;
color:#FFF;
text-align:center;
line-height: 27px;
padding-bottom: 8px;
top: 0;
	
}
.animatedtabs .green a:hover{
background-position: 0% -125px;
background: url(../../images/navigation/tab3_a.gif) no-repeat left top;
width:192px;
height:27px;
color:#FFF;
text-align:center;
line-height: 27px;
padding-bottom: 8px;
top: 0;
}

.animatedtabs .green a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
color:#FFF;
text-align:center;
line-height: 27px;
font-weight:bold;
top: 0;
}

/* /////////////// ORANGE //////////////// */
.orange a{
cursor:pointer;
font-weight: bold;
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../../images/navigation/tab4_a.gif) no-repeat top;
width:192px;
height: 30px;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 0px;
text-decoration: none;

}

.orange a span{
float: left;
position: relative;
display: block;
background: url(../../images/navigation/tab4_a.gif) no-repeat top;
width:192px;
height: 30px;
color:#FFF;
text-align:center;
line-height: 27px;
/*padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
}

.selected_orange{
background-position: 0% -125px;
background: url(../../images/navigation/tab4_a.gif) no-repeat top;
width:192px;
height: 30px;
color:#FFF;
padding-bottom: 8px;
line-height: 27px;
text-decoration: bold;
text-align:center;
font-weight: bold;
top: 0px;
}

.animatedtabs .selected_orange a{
background-position: 0 -125px;
text-decoration: none;
top: 0;
}

.animatedtabs .selected_orange a span{
background-position: 0% -125px;
text-decoration:none;
width:192px;
height:30px;
color:#FFF;
text-align:center;
line-height: 27px;
padding-bottom: 8px;
top: 0;
	
}
.animatedtabs .orange a:hover{
background-position: 0% -125px;
background: url(../../images/navigation/tab4_a.gif) no-repeat left top;
width:192px;
height:27px;
color:#FFF;
text-align:center;
line-height: 27px;
padding-bottom: 8px;
top: 0;
}

.animatedtabs .orange a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
color:#FFF;
text-align:center;
line-height: 27px;
font-weight:bold;
top: 0;
}

/* /////////////// PINK //////////////// */
.pink a{
font-weight: bold;
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../../images/navigation/tab5_a.gif) no-repeat top;
width:194px;
height: 30px;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 0px;
text-decoration: none;
cursor:pointer;

}

.pink a span{
float: left;
position: relative;
display: block;
background: url(../../images/navigation/tab5_a.gif) no-repeat top;
width:194px;
height: 30px;
color:#FFF;
text-align:center;
line-height: 27px;
/*padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
}

.selected_pink{
background-position: 0% -125px;
background: url(../../images/navigation/tab5_a.gif) no-repeat top;
width:194px;
height: 30px;
color:#FFF;
padding-bottom: 8px;
line-height: 27px;
text-decoration: bold;
text-align:center;
font-weight: bold;
top: 0px;
}

.animatedtabs .selected_pink a{
background-position: 0% -125px;
text-decoration: none;
top: 0;
}

.animatedtabs .selected_pink a span{
background-position: 0% -125px;
text-decoration:none;
width:194px;
height:30px;
color:#FFF;
text-align:center;
line-height: 27px;
top: 0;
}

.animatedtabs .pink a:hover{
background-position: 0% -125px;
background: url(../../images/navigation/tab5_a.gif) no-repeat left top;
width:194px;
height:27px;
color:#FFF;
text-align:center;
line-height: 27px;
padding-bottom: 8px;
top: 0;
}

.animatedtabs .pink a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
color:#FFF;
text-align:center;
line-height: 27px;
font-weight:bold;
top: 0;
}