* {
    padding:0;
    margin:0;
}

body {
    font-family:Arial,Verdana,San Serif;
    font-size:small;
}

img {
    border:0;
}

#container {
    margin:auto;
    width:764px;
    border:2px solid #000;
    min-height: 650px;
    width /**/:769px; /* for pre 6.0 IE Win */
}

#masthead {
    height: 54px;
}

#logo h1 {
    float:left;
    width:350px;
    background: transparent url(images/et.png) top left no-repeat;
    padding-top: 54px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:54px; /* for pre 6.0 IE Win */
}

#tagproduct h2 {
    float:left;
    width:188px;
    background: transparent url(images/tagline.png) top left no-repeat;
    padding-top: 102px;
    margin-right:-2px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:102px; /* for pre 6.0 IE Win */
}

#taget {
    padding:0 16px 0 16px;
}

#taget h2 {
    float:left;
    font-size:medium;
}

#taget h2 {
    width:356px;
    background: transparent url(images/et-desc.png) top left no-repeat;
    padding-top: 28px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:28px; /* for pre 6.0 IE Win */
}


#taget h3 {
    float:right;
    padding-top: 28px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:28px; /* for pre 6.0 IE Win */
}

#home #taget h3 { width:83px; background: transparent url(images/home.png) top left no-repeat; }
#products #taget h3 { width:143px; background: transparent url(images/products.png) top left no-repeat; }
#about #taget h3 { width:140px; background: transparent url(images/about.png) top left no-repeat; }
#customers #taget h3 { width:166px; background: transparent url(images/customers.png) top left no-repeat; }
#contact #taget h3 { width:177px; background: transparent url(images/contact.png) top left no-repeat; }

#leftcol {
    float:left;
    width:151px;
    margin:0 16px 0 0;
}

#centercol {
    float:left;
    width:430px;
    margin-bottom:16px;
}

#centercol ul, #centercol ol {
    margin:0 0 1em 50px;
}

#rightcol {
    float:right;
    margin:0 16px 0 0;
}

#footer {
    clear:both;
}

p {
    margin:0 0 10px 0;
}


#quote h3 {
    background: transparent url(images/said.png) top left no-repeat;
    padding-top: 28px;
    overflow: hidden;
    height: 0px !important; /* for most browsers */
    height /**/:28px; /* for pre 6.0 IE Win */       
}

.promo {
    width:130px;
    background:#fbf1a8;
    margin:0 0 11px 0;
}


.promo p {
    padding:11px 16px 11px 16px;
    font-size:x-small;
    line-height:small;
}

#recentnews h3 {
    background: transparent url(images/recent.png) top left no-repeat;
    padding-top: 28px;
    overflow:hidden;
    height: 0px !important; /* for most browsers */
    height /**/:28px; /* for pre 6.0 IE Win */      
}

#logo {
    float:left;
    width:300px;
}

/* Primary Navigation */
div#nav {
    float:right;
    height: 19px;
    width: 395px;
    margin: 0px auto;
    padding:24px 16px 0 0;
}
div#nav ul#nav-menu{
    height: 19px;
    width: 395px;
    background: transparent url(images/primary-nav.png) top left no-repeat;
    position: relative;
}
div#nav ul#nav-menu li {
    list-style: none;
    position: absolute;
    top: 0;
}
ul#nav-menu li, ul#nav-menu a {
    height: 19px;
    display: block;
}
div#nav ul#nav-menu li a {
    text-indent: -9999px;
    text-decoration: none;
}

/* Navigation Links */
li#nav-products {left:0px; width: 69px; }
li#nav-demo { left:69px; width:62px; }
li#nav-about {left:131px; width: 84px; }
li#nav-customers { left: 215px; width: 96px; }
li#nav-contact { left: 311px; width: 83px; }

/* Navigation Links (Hover State & Selected State) */
li#nav-products a:hover, body#products li#nav-products { background: transparent url(images/primary-nav.png) 0 -29px no-repeat; }
li#nav-demo a:hover, body#demo li#nav-demo { background: transparent url(images/primary-nav.png) -69px -29px no-repeat; }
li#nav-about a:hover, body#about li#nav-about { background: transparent url(images/primary-nav.png) -131px -29px no-repeat; }
li#nav-customers a:hover, body#customers li#nav-customers { background: transparent url(images/primary-nav.png) -215px -29px no-repeat; }
li#nav-contact a:hover, body#contact li#nav-contact { background: transparent url(images/primary-nav.png) -311px -29px no-repeat; }


/* secondary nav */
div#secnav {
    height: 28px;
    width: 764px;
    margin: 0px auto;
    padding:0 0 16px 0;
    clear:both;
}
div#secnav ul#secnav-menu{
    height: 28px;
    width: 764px;
    background: transparent url(images/secondary-nav.png) top left no-repeat;
    position: relative;
}
div#secnav ul#secnav-menu li {
    list-style: none;
    position: absolute;
    top: 0;
}
ul#secnav-menu li, ul#secnav-menu a {
    height: 28px;
    display: block;
}
div#secnav ul#secnav-menu li a {
    text-indent: -9999px;
    text-decoration: none;
}

/* secondary nav links */
li#secnav-home {left:642px; width: 60px; }
li#secnav-links { left:702px; width:56px; }

/* secondary nav links (Hover State & Selected State) */
li#secnav-home a:hover, body#home li#secnav-home { background: transparent url(images/secondary-nav.png) -642px -33px no-repeat; }
li#secnav-links a:hover, body#links li#secnav-links { background: transparent url(images/secondary-nav.png) -702px -33px no-repeat; }


/* footer nav */
div#footer {
    height: 39px;
    width: 764px;
    margin: 0px auto;
    padding:0 0 16px 0;
    clear:both;
}
div#footer ul#footer-menu{
    height: 39px;
    width: 764px;
    background: transparent url(images/footer.png) top left no-repeat;
    position: relative;
}
div#footer ul#footer-menu li {
    list-style: none;
    position: absolute;
    top: 0;
}

ul#footer-menu li, ul#footer-menu a {
    height: 39px;
    display: block;
}
div#footer ul#footer-menu li a { text-indent: -9999px; text-decoration: none; }

/* secondary nav links */
li#footer-info {left:110px; width:155px; }
li#footer-legal { left:510px; width:100px; }

/* secondary nav links (Hover State & Selected State) */
li#footer-info a:hover { background: transparent url(images/footer.png) -110px -39px no-repeat; }
li#footer-legal a:hover, body#legal li#footer-legal { background: transparent url(images/footer.png) -510px -39px no-repeat; }

#course-logon { 
    background: transparent url(images/course-logon.png) top left no-repeat;
    clear:both;
}

#course-logon a {
    display:block;
    width:151px;
    height:104px;
    text-indent:-9999px;
    margin:0 0 11px 0;
    text-decoration:none;
}
#course-logon a:hover { background: transparent url(images/course-logon.png) 0 -104px no-repeat; }

a { color:#cf0014; }

#faqs-link { margin:0 0 16px 16px; }
#faqs-link a { text-transform: uppercase; }

#admin-logon { visibility:hidden; }

#customers #admin-logon, #links #admin-logon, #faqs #admin-logon { visibility:visible; }

#admin-logon {
    background: transparent url(images/admin-logon.png) no-repeat;
    clear:both;
}

#admin-logon a {
    display:block;
    width:151px;
    height:58px;
    text-indent:-9999px;
    margin:0 0 11px 0;
    text-decoration:none;
}
#admin-logon a:hover { background: transparent url(images/admin-logon.png) 0 -58px no-repeat; }

#home-demo { float:right; border:0; margin-bottom:50px; }

#laws {
    margin:25px;
    font-size:medium;
}

#laws blockquote {
    margin:1em 50px 0 50px;
}
#laws ol {
    margin:1em 50px 0 70px;
}