/* create a frame to hold the split background */

.alt {
    display:none;
}

#winFrame {
    background:transparent;
    margin:0pt auto;
    padding:0pt;
    text-align:center;
    vertical-align:top;
    width:100%;
}

/* left background with one side of background image differing from the right side. */
#leftFrame {
    float:left;
    margin:0;
    border: 0;
    padding:0;
    width:51%;
    height: 324px;
    background: transparent url(/images/bg_tall.jpg) top left repeat-x; 
}

/* right side with other half of bg image. Split is at 51% and 49% to prevent IE 7 collapsing bug */
#rightFrame {
    margin:0;
    float:left;
    width: 49%;
    height: 324px;
    background: transparent url(/images/bg_short.jpg) top left repeat-x; 
}

/* rests over whole split frame effect and acts as a sort of 'runner' to float the center aligned site on. */ 
#centerFrame {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 324px;
    background: transparent;
    text-align:center;
    vertical-align:top;
}

/* Holds site and will float over strechy split background in centerFrame. */
/* Also hides seem of split background. */
#center {
    margin:auto;
    width: 875px;
    height: 500px;
    background:#E3E0DA;
}

/* Site footer of site placed absolutely to clear #center etc. */
#HomeFooterFrame {

    position:absolute;
    top:800px;
    border-top: 4px solid #fff;
    width: 100%;
    padding: 0;
    height: 100px;
    background: #e3e0da;
}

/* tags below are standard containers forming the rest of the home page structure */

#homeCopy {
    margin:auto;
    margin-top: -25px;
    padding: 0;
    width: 800px;
    height: 100px;
    background: transparent url(/images/tmh-award.gif) top right no-repeat; 
}


#homeCopyL {
    float:left;
    padding: 10px 0 25px 45px;
    width: 445px;
    height: 65px;
    line-height: 1.4em;
}

#homeCopyR {
    float:left;
    padding: 10px 110px 25px 75px;
    width: 125px;
    height: 65px;
    line-height: 1.4em;
}

#callShell {
    margin:auto;
    background: transparent url(/images/calloutbg.gif) top left no-repeat; 
    width: 774px;
    padding: 16px 19px 0 16px;
    height: 320px;
}

.callFrame {
    margin: 0;
    padding: 0;
    width: 774px;
    height: 145px;
    margin-bottom: 2px;
    clear:both;
    overflow:hidden;
    background: transparent;
}

.callouts {
    display: block;
    float:left;
    width: 242px;
    padding: 74px 0 0 0;
    height: 71px;
    background: transparent;
}

#callOneWrap {
    margin-right: 24px;
    background: transparent url(/images/home_call_one_over.gif) top left no-repeat; 
}

#callOne {
    margin-right: 24px;
    background: transparent url(/images/home_call_one.gif) top left no-repeat; 
}

#callOne:hover, #callOne:active {
    margin-right: 24px;
    background: transparent url(/images/home_call_one_over.gif) top left no-repeat; 
}

#callTwoWrap {
    margin-right: 24px;
    background: transparent url(/images/home_call_two_over.gif) top left no-repeat; 
}

#callTwo {
    margin-right: 24px;
    background: transparent url(/images/home_call_two.gif) top left no-repeat; 
}

#callTwo:hover, #callTwo:active {
    margin-right: 24px;
    background: transparent url(/images/home_call_two_over.gif) top left no-repeat; 
}

#callThreeWrap {
    background: transparent url(/images/home_call_three_over.gif) top left no-repeat; 
}

#callThree {
    background: transparent url(/images/home_call_three.gif) top left no-repeat; 
}

#callThree:hover, #callThree:active {
    background: transparent url(/images/home_call_three_over.gif) top left no-repeat; 
}

#callFourWrap {
    margin-right: 24px;
    background: transparent url(/images/home_call_four_over.gif) top left no-repeat; 
}

#callFour {
    margin-right: 24px;
    background: transparent url(/images/home_call_four.gif) top left no-repeat; 
}

#callFour:hover, #callFour:active {
    margin-right: 24px;
    background: transparent url(/images/home_call_four_over.gif) top left no-repeat; 
}

#callFiveWrap {
    margin-right: 24px;
    background: transparent url(/images/home_call_five_over.gif) top left no-repeat; 
}

#callFive {
    margin-right: 24px;
    background: transparent url(/images/home_call_five.gif) top left no-repeat; 
}

#callFive:hover, #callFive:active {
    margin-right: 24px;
    background: transparent url(/images/home_call_five_over.gif) top left no-repeat; 
}

#callSixWrap {
    background: transparent url(/images/home_call_six_over.gif) top left no-repeat; 
}

#callSix {
    background: transparent url(/images/home_call_six.gif) top left no-repeat; 
}

#callSix:hover, #callSix:active {
    background: transparent url(/images/home_call_six_over.gif) top left no-repeat; 
}

.callCopy {
    display: block;
    height: 67px;
    padding: 0;
    overflow:hidden;
}

