Heading and content text not showing up in all browsers

HTML & CSS
1

hi all,

have no idea why the headings and text(content) have disappeared in the colored bars, even though I am using jquery accordian, this question relates to the html and css. I viewed the site in ie, firefox, opera, safari and chrome.
this is the link
I also viewed the webpage in firebug and the heading and text(content) is greyed out
When you view the page source, all the text and heading are there

css


.va-slice{cursor:pointer; margin:0 auto; width:725px; overflow:hidden;}
.va-heading{font-family: 'Lato', sans-serif; text-transform:uppercase; font-size:2.0em; margin-left:40px; color:#ffffff;}
.va-content{margin-left:40px; height:auto;}
.va-slice p{	font-size:1.2em; font-style: normal; color:#ffffff; font-family:'Lato', sans-serif; line-height:140%;}
h3 {color: #ffffff; font-family: "Futura Lt BT"; font-size:1.4em; font-weight: normal; left: 60px; position: relative;top: 128px;}

html


<div class="va-slice va-slice-1">
  <h3 class="va-heading">Welcome</h3>
  <div class="va-content">
  <p>Duis tempor aliquet ante quis pretium. Aliquam et.</p>

Any explanation will be greatly appreciated

2

Try removing position:relative from this code (line 66):

h3 {
     color: #ffffff;/*#E7E5E3;*/
     font-family: "Futura Lt BT";
     font-size:1.4em;
     font-weight: normal;
     left: 60px;
     position: relative;
     top: 128px;
}
3

silly me, thanks,