body{
    background-color: rgb(255,255,255);
    font-family: Arial, Sans-serif;
    font-size: 14px;
    margin: 10px 10px 15px 10px;
}

h1{
    color: rgb(0,102,102);
    font-size: 24px;
    height: 147px;
    width:auto;
    background: url('images/head_background_left.gif') no-repeat top left;
    margin: 0; padding: 85px 0px 0px 15px;
    position:absolute;
    left:0; top:0;
    font-family: Tahoma, Arial, Sans-serif;
}
sup{
    font-size:70%;
}

#head p{
    color: rgb(255,255,255);
    position: absolute;
    right: 20px; top: 20px;
    width: 320px;
    padding:0px; margin: 0px;
    height: auto;
    font-size:15px;
}

#head p img{
    vertical-align: middle;
    border-width: 0px;
}

#head p strong{
    font-size: 16px;
    font-weight :bold;
}

#head .list{
    color: rgb(247,207,0);
    font-size:14px;
}

#head{
    position: relative; left: 0px; top: 0px;
    width: 100%;
    height: 147px;
    margin: 0px; padding: 0px;
    background: url('images/head_background_right.gif') no-repeat top right;
}

#main{
    position:relative;
    top:0px; left:0px;
    margin: 0px; padding: 0px;
    height:auto;
    background: url('images/main_background_left.gif') no-repeat bottom left;
}
#main #container{
    margin: 0px; padding: 20px 0px 10px 0px;
    background: url('images/main_background_right.gif') no-repeat bottom right;
}

#main p{
    color: rgb(0,102,102);
    margin: 0px 10% 15px 30px; 
}


#payrollSteps, #ddsteps {
    position: relative;
    left: 0px; top: 0px;
    height: 350px;
    background: url('images/line.gif') repeat-x;
}
#payrollSteps div, #ddsteps div{
    background: url('images/arrowandlines.gif') no-repeat top right;
    margin: 0px; padding: 0px 30px 0px 0px;
    height: 350px;
}
#runpayroll {
    position: absolute;
    top: 0px; left: 0px;
}
#senddata {
    position: absolute;
    top: 0px; left: 33%;
}
#getconfirmation {
    position: absolute;
    top: 0px; left: 66%;
}
#runpayroll, #senddata, #getconfirmation{
    width: 33%;
    margin: 0px; padding: 10px;
}
#subscribe, #taxrates, #employee, #paychecks, #paytaxes{
    width: 20%;
    margin: 0px; padding: 10px;
}
#runpayroll p, #senddata p, #getconfirmation p, #subscribe p, #taxrates p, #employee p, #paychecks p, #paytaxes p
{
    font-size: 11px;
    color:rgb(100,100,100);
    margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
#runpayroll strong, #senddata strong, #getconfirmation strong, #subscribe strong, #taxrates strong, #employee strong, #paychecks strong, #paytaxes strong{
    font-size: 11px;
    font-weight: bold;
    color: rgb(0,0,0);
}
#footing p{
    color:rgb(100,100,100);
    margin:5px 0px 0px 0px; padding 0px;
    font-size:10px;
}



#payrollSteps div, #ddsteps div{
    display: inline;
    text-align: center;
}
#payrollSteps div div, #ddsteps div div{
    background:none;
}
#payrollSteps div p, #ddsteps div p{
    text-align: left;
}
#payrollSteps #subscribe, #ddsteps #runpayroll{
    margin: 0px; padding: 0px 30px 0px 15px;
}
#payrollSteps #paytaxes, #ddsteps #getconfirmation{
    background: none;
}
#payrollSteps div p{
    margin-top: 55px;
}

#ddsteps div p{
    margin-top: 45px;
}



#payrollSteps #subscribe {
    position: absolute;
    top: 0px; left: 0px;
}
#payrollSteps #taxrates {
    position: absolute;
    top: 0px; left: 20%;
}
#payrollSteps #employee {
    position: absolute;
    top: 0px; left: 40%;
}
#payrollSteps #paychecks {
    position: absolute;
    top: 0px; left: 60%;
}
#payrollSteps #paytaxes {
    position: absolute;
    top: 0px; left: 80%;
}