/* Content Buttons */


.buttonWrapper{
overflow: hidden;
width: 100%;
}
 
/* Content Buttons 1 */
a.button1{
background: transparent url('../images/nav/1_left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px; 
line-height: 16px; 
height: 29px; 
padding-left: 12px; 
text-decoration: none;
margin-top:4px;
}

a:link.button1, a:visited.button1, a:active.button1{
color: #fff;
font-weight:bold;
}

a.button1 span{
background: transparent url('../images/nav/1_right.gif') no-repeat top right;
display: block;
padding: 5px 14px 8px 0;
}

a.button1:hover{ 
background-position: bottom left;
}

a.button1:hover span{ 
background-position: bottom right;
color: #fff;
}


/* Content Buttons 2 */
a.button2{
background: transparent url('../images/nav/2_left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px; 
line-height: 16px; 
height: 29px; 
padding-left: 12px; 
text-decoration: none;
margin-top:3px;
}

a:link.button2, a:visited.button2, a:active.button2{
color: #fff;
font-weight:bold;
}

a.button2 span{
background: transparent url('../images/nav/2_right.gif') no-repeat top right;
display: block;
padding: 5px 14px 8px 0;
}

a.button2:hover{ 
background-position: bottom left;
}

a.button2:hover span{ 
background-position: bottom right;
color: #fff;
}


/* Content Buttons 3 */
a.button3{
background: transparent url('../images/nav/3_left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px; 
line-height: 16px; 
height: 29px; 
padding-left: 12px; 
text-decoration: none;
margin-top:3px;
}

a:link.button3, a:visited.button3, a:active.button3{
color: #fff;
font-weight:bold;
}

a.button3 span{
background: transparent url('../images/nav/3_right.gif') no-repeat top right;
display: block;
padding: 5px 14px 8px 0;
}

a.button3:hover{ 
background-position: bottom left;
}

a.button3:hover span{ 
background-position: bottom right;
color: #fff;
}