hmtl,body { font-family: Segoe UI, Tahoma, Arial, Sans-Serif, Georgia; font-size: 10pt; width: 100%; height: 100%; margin: 0; padding: 0 }
p,span,a,img,h1,h2,h3,h4,h5,h6,div,ul,li,br { font-family: Segoe UI, Tahoma, Arial, Sans-Serif, Georgia; font-size: 10pt; margin: 0; padding: 0 }

input, select, textarea { font-family: Segoe UI, Tahoma, Arial, Sans-Serif, Georgia; font-size: 10pt;  }

.inp { font-size: 9pt; padding: 2px; border: 1px solid #999 }
.btn { width: 70px; font-size: 9pt; height: 24px }
.btn2 { width: 100px; font-size: 9pt; height: 24px }
.lnk { text-decoration: none; color: #39f }
.lnk:hover { color: #963 }
.hdr { font-size: 14pt; color: #369 }
img { border: 0 }

body { background: #fff url("../Images/white_background.png") center center repeat-y }

div.orangeBack { position: fixed; width: 50%; left: 0; height: 44px; top: 35px; background: #fff url("../Images/orange_background.png") repeat-x; z-index: -1 }
div.blackBack { position: fixed; width: 50%; right: 0; height: 44px; top: 35px; background: #fff url("../Images/black_background.png") repeat-x; z-index: -1 }

div.container { position: relative; width: 935px; margin: auto; padding: 0; left: 0; }

    div.header { position: fixed; width: 925px; height: 100px; background: #fff; z-index: 1 }
        ul.user { position: absolute; right: 0px; top: 10px; list-style: none; background: #fff }
            ul.user li { float: left; padding: 0 }
            ul.user li.user { color: #39f; font-size: 9pt; padding: 0 15px; font-weight: bold }
            ul.user li a { display: block; text-decoration: none; font-size: 9pt; color: #888; padding: 0 15px }
            ul.user li a:hover { color: #000 }        
        
        .appLogo { margin: 35px 0px 0 -2px }
        ul.menu { position: absolute; height: 44px; left: 245px; width: 665px; top: 35px; list-style: none; background: url("../Images/black_background.png") repeat-x; padding-left: 25px }
            ul.menu li { float: left; padding: 0 1px 0 0 }
            ul.menu li a { display: block; text-decoration: none; font-size: 13pt; color: #fff; padding: 10px 18px 0 18px; height: 35px }
            ul.menu li a:hover, ul.menu li a.current { background: url("../Images/gray_background.png") repeat-x; color: #000; height: 35px }
                
    div.content { position: relative; top: 100px; left: 0; background: #fff; width: 925px; height: 600px; margin: 0; padding: 0; z-index: 0 }
        .websites { position: relative; left: -1px; top: 100px; background: url("../Images/web_solutions.gif") no-repeat; width: 925px; height: 210px; padding: 5px 50px; margin-bottom: 10px }
        .websites a img{ border: 1px dotted #ccc; padding: 6px }
    
        .leftIcon { position: absolute; left: 15px; top: 0; float: left; margin: 0 }
        .rightIcon { position: absolute; right: 25px; top: 0; float: left; margin: 0 }
        .tagLine { position: absolute; font-size: 12pt; color: #999; padding: 0; margin: 0; left: 270px; line-height: 1.75em; width: 650px }
        .tagLine .spl { font-size: 12pt; color: #666 }
        .tagLine .spl1 { font-size: 12pt; color: #39f; font-weight: bold }
        .bigad { position: relative; left: -1px; top: 100px; height: 300px }
        .news { position: relative; left: -1px; width: 935px; top: 95px; background: #000 url("../Images/black_background.png") repeat-x; color: #fff; height: 20px; font-size: 9pt; text-align: center; padding: 5px 0 0 0 }
        .news a { text-decoration: none; color: #fff; font-size: 9pt; margin: 0 0 0 10px }
        .news a:hover { color: #963 }
        
        p.contactLeft { position: absolute; left: 100px; top: 100px; text-align: center; line-height: 1.5em }
        p.contactLeft img { margin: 0 0 15px 0 }
        p.contactLeft a { text-decoration: none; color: #39f }
        p.contactLeft a:hover { color: #963 }

        p.contactCenter { position: absolute; right: 375px; top: 100px; text-align: center; line-height: 1.5em }
        p.contactCenter img { margin: 0 0 15px 0 }
        p.contactCenter a { text-decoration: none; color: #39f }
        p.contactCenter a:hover { color: #963 }
        
        p.contactRight { position: absolute; right: 100px; top: 100px; text-align: center; line-height: 1.5em }
        p.contactRight img { margin: 0 0 15px 0 }
        p.contactRight a { text-decoration: none; color: #39f }
        p.contactRight a:hover { color: #963 }
        
        div.products { position: relative; top: 50px; margin: 0 25px }
        div.products ul.prd { list-style: none }
        div.products ul.prdno { list-style: none }
        div.products ul.prd li.prd { float: left; width: 365px; padding: 10px 50px 10px 10px; border-bottom: 1px dotted #666; height: 650px; margin: 0 5px  }
        div.products ul.prd li.prds { float: left; width: 365px; padding: 10px 50px 10px 10px; border-bottom: 1px dotted #666; height: 550px; margin: 0 5px  }
        div.products ul.prd li.prds2 { float: left; width: 365px; padding: 10px 50px 10px 10px; border-bottom: 1px dotted #def; height: 250px; margin: 0 5px  }
        div.products ul.prd li { float: left; width: 375px; padding: 10px 50px 10px 10px; border-bottom: 1px dotted #ccc  }
        div.products ul.prd li img { float: none }
        div.products ul.prd li img.idownload { float: right; margin: 10px; padding: 0; width: 100px; border: 0; text-align: right }
        div.products ul.prd li p { color: #444; padding: 10px; line-height: 1.5em }
                
        div.products ul.points { list-style-position: inside; list-style: none; margin: 0 }
        div.products ul.points li { color: #666; text-align: left; padding: 5px 10px; margin: 0; font-size: 9pt }

        div.products p.abt { color: #888; font-size: 11pt; line-height: 1.5em; margin-bottom: 20px }
        div.products p.faqhead { color: #333; font-size: 13pt; line-height: 1.5em; margin-bottom: 20px }
        div.products p.faqs { color: #888; font-size: 10pt; line-height: 1.5em; margin-bottom: 20px }
        div.products p.faqs b { color: #f93; font-weight: normal; font-size: 11pt }
        
        div.admin { position: relative; top: 0; margin: 0 25px }
        div.admin p.adm { color: #666; text-align: center; font-size: 16pt; margin-bottom: 10px }
        div.admin ul { list-style: none; margin: 50px }
        div.admin ul li { padding: 10px }
        div.admin ul li a { font-size: 12pt; color: #39f; text-decoration: none  }
        div.admin ul li a:hover { color: #963  }
        
        div.products p.info { color: #888; text-align: center; font-size: 12pt }
        div.products p.info a { color: #39f; text-decoration: none; font-size: 12pt }
        div.products p.info a:hover { color: #000 }
        
        div#la { color: #666; font-size: 9pt; margin: 0; overflow: auto }
        div#la span { color: #333; font-size: 12pt }
        div#la p { color: #666; font-size: 9pt; overflow: auto; padding: 25px; height: 250px; border: 1px solid #ccc }
        
        div#dw { color: #666; font-size: 12pt; margin: 0; display: none; text-align: center }
        div#dw a { color: #39f; text-decoration: none; font-size: 12pt }
        div#dw a:hover { color: #000 }
        

        div.tblImg { margin: 20px 0 30px 0; padding: 0; text-align: left; font-size: 12pt; color: #963; border-top: 1px dotted #ddd }
        div.tblImg td { text-align: center; width: 33%; padding-bottom: 20px }
        div.tblImg a { text-decoration: none; font-size: 9pt; text-align: center; color: #999 }
        div.tblImg a img { text-align: center; margin-bottom: 5px; border: 1px solid #000 }
        div.tblImg a:hover { color: #f00 }

        
    /*
    div.footer { position: fixed; border: 0; bottom: 0; width: 925px; background: #fff; text-align: center; margin: 0; height: 35px }
    div.footer p.footer { width: 925px; background: #333; color: #fff; font-size: 9pt; text-align: center; padding: 5px; margin: 10px 0 0 0; }
   */ 
   
    p.footer { position: absolute; left: -1px; background: #333; color: #fff; font-size: 9pt; text-align: center; padding: 5px; width: 100% }
    
    .grid { border: 1px solid #ccc; margin: auto }
    .grid .hd { background: #666 }
    .grid .ar { background: #f9f9f9 }
    .grid a { text-decoration: none; color: #ccc; font-weight: normal }
    .grid a:hover { color: #fff }