html {height: 100%;}

body {
    position: relative;
    font: 1.8ex 'Trebuchet MS', Verdana, sans-serif;
    line-height: 2.5ex;
    height: 100%;
    margin: 0;
    text-align: center;
    background: #fff url(http://www.termchoice.ca/pics/background.jpg) repeat-x fixed bottom;
}

h1 {font-size: 3em; line-height: 1em; text-align: left;}

a {text-decoration: none;}

img {border: none;}

#wrapper {
    position: relative;
    text-align: left;
    width: 750px;
    margin: 0 auto;
    overflow: visible;
    background: #fff;
}

.logo {
    position: absolute;
    left: 0;
    top: 5px;
    width: 282px;
    height: 70px;
    z-index: 999;
}

#topmenu {
    position: absolute;
    right: 0; top: 0;
    height: 35px;
    text-align: right;
    padding-top: 5px;
    padding-right: 20px;
    z-index: 1000;
}

#topmenu a, #topmenu span {
    margin-left: 2ex;
}


#topmenu a, #topmenu a:visited, #topmenu span, #footer a, #footer a:visited, #footer span {
    color: #398fb6;
    text-decoration: none;
    font: bold 100% helvetica, arial, san-serif;
}


#topmenu span, #footer span {
    color: #999;
   
}

#topmenu a:hover, #footer a:hover, .formtables a:hover span {
    text-decoration: underline;
}

 	
#banner {
    position: relative;
    height: 240px;
    background: transparent url(http://www.termchoice.ca/pics/banner-home.jpg) no-repeat bottom;
}

#banner ul{
    position: absolute;
    bottom: 151px; right: 0;
    height: 30px;
    width: 750px;
    list-style: none;
    margin: 0;
    margin-right: 1px;
}

#banner ul li{
    float: right;
    margin: 0; padding: 0;
    height: 30px;
}
#banner ul li a {
    display: block;
    height: 30px;

}
#banner ul li span {
    display: block;
    height: 30px;
    visibility: hidden;
}

li.who a {
    width: 89px;
    background: transparent url(http://www.termchoice.ca/pics/tab-who1.png) no-repeat left top;
}
li.whoselect{
    width: 89px;
    background: transparent url(http://www.termchoice.ca/pics/tab-who2.png) no-repeat left top;
}
li.how a {
    width: 88px;
    background: transparent url(http://www.termchoice.ca/pics/tab-how1.png) no-repeat left top;
}
li.howselect {
    width: 88px;
    background: transparent url(http://www.termchoice.ca/pics/tab-how2.png) no-repeat left top;
}
li.why a { 
    width: 88px;
    background: transparent url(http://www.termchoice.ca/pics/tab-why1.png) no-repeat left top;
}
li.whyselect { 
    width: 88px;
    background: transparent url(http://www.termchoice.ca/pics/tab-why2.png) no-repeat left top;
}
li.what a {
    width: 89px;
    background: transparent url(http://www.termchoice.ca/pics/tab-what1.png) no-repeat left top;
}
li.whatselect {
    width: 89px;
    background: transparent url(http://www.termchoice.ca/pics/tab-what2.png) no-repeat left top;
}

#banner ul li a:hover {
    background-position: top right;
}


#main {
    position: relative;
    width: 748px;
    border-left: 1px solid #fff;
    border-right: 1px solid #898989;
    background: #fff url(http://www.termchoice.ca/pics/background-mainshadow.gif) no-repeat top left;
}

#subwrap {
    width: 728px;
    position: relative;
    border: 10px solid #e1dfe3;

}

#quote {
    position: relative;
    float: right;
    width: 400px;
    padding: 0 0 20px 20px;
}

#content {
    position: relative;
    width: 270px;
    padding: 20px;
    padding-top: 30px;
    padding-right: 15px;
    margin-right: 400px;
    text-align: justify;
    line-height: 1.35em;
}

html>body #content {width: auto;}

.clear {clear: both; height: 1px;}

#footer {
    position: static;
    white-space: nowrap;
    text-align: right;
    padding: 1ex 10px;	
}

#footer a, #footer span {margin-right: 15px;}

.FMP {margin-top: 30px;}

.help {vertical-align: text-top;}

.copyright {font-size: 11px; clear: both; display: block; text-align: right; padding-right: 25px;}