﻿html{
    
}

body {
    margin:0;    
    padding:0;
    font:12px sans-serif;
    min-width:800px;
    max-width:1280px;
    
    /*background-image:url('img/camera_tile.png');*/
    background:#e4e7e9;
    }
    
 /*--------------div div div----------------*/   
div{
    border:1px solid rgb(255,255,255);
    background:white;
}
div#topbar{
    
    background:rgb(199,224,251);
    height:5px;
    width:1280px;
    position:fixed;
    top:0;
    left:0;
    z-index:2;
   
}
div#bottombar{
    border:rgb(255,255,255);
    background:rgb(199,224,251);
    height:20px;
    width:1280px;
    position:fixed;
    bottom:0;
    left:0;
    z-index:2;
    
}

div#main{
    border:0;
    overflow:hidden;
    /*background:lightblue;*/
    width:800px;
    position:relative;
    top:10px;
    left:230px;
}
div.stripe{
    border:0;
    height:4px;
    background:rgb(199,224,251);
 
}
div#shortstripe{
    
    width:500px;
}
div.welcome{
    border:none;
}
div#mainpane{
    border:0;
    min-height:770px;
    width:800px;
    position:relative;
    
    
}
div.centerpane{
    
    border:0;
    /*border-left:2px solid rgb(227,88,88);
    /*border-left:1px solid rgb(199,224,251);*/
    margin:10px 20px 10px 0px;
    width:580px;
}
div.whitespace{
    border:0;
    height:170px;
}
div.sidepane{
    border:none;
    /*border-left:1px solid rgb(199,224,251);
    border-bottom:1px solid rgb(199,224,251);
    border-top:0;
    border-right:0;*/
    position:absolute;
    width:198px;
    top:120px;
    right:1px;
    margin-top:5px;
    margin-right:5px
}

div#derrotate{
    border:0;
    height:240px;
    background-color:rgb(255, 255, 255);
    margin-bottom:80px;
}

div#bottomlinks{
    border-top:1px solid rgb(255, 255, 255);  
    border-bottom:1px solid rgb(255, 255, 255);
    border-right:0;
    border-left:0;    
    height:25px;
    width:800px;
    position:fixed;
    bottom:20px;
    left:230px;
    z-index:2;
}

div.hiddenpane
{
    border:1px dashed rgb(124,124,124);
    position:absolute;
    top:140px;
    left:56px;
    height:710px;
    width:530px;
    z-index:1;
    background-color:#e9f3fc;
}
div.hiddenpane2
{
    border:1px dashed rgb(124,124,124);
    position:absolute;
    top:140px;
    left:56px;
    height:500px;
    width:530px;
    z-index:1;
    background-color:#e9f3fc;
}
    
/*div.hiddenpane#der430_detail{
    z-index:1;
}*/

div.sidepane div{
    border:0;
}

div.centerpane_sub{
    width:500px;
    margin-left:55px;
    border:0;
    border-top:2px solid rgb(199,224,251);
}
div.centerpane_sub_noborder{
    width:560px;
    margin-left:35px;
    border:0;
    clear:left;
}
div#dermodel
{
    text-align:center;
    }

/*-------------div div div---------------------*/ 
/*-------------p p p---------------------*/ 
p{
    margin:0px;
}
p#logo{
    padding-top:0px;
    z-index:1;
    height:70px;
    background:rgb(199,224,251);
    margin-bottom:5px;
    background-image:url('img/snowblue.png');
    
        
}
p#slogan{
    margin-top:-50px;    
    position:absolute;
    right:10px;
    font-family:Georgia;
    font-style:italic;
    font-variant:small-caps;
    font-weight:bold;
    font-size:2.0em;
    color:rgb(255, 255, 255);
    z-index:2;
    height:20px;    
}


div.centerpane p{
    font-size:1.25em;
    color:rgb(105,105,58);
    margin-left:3em;
    margin-top:.5em;
    text-align:justify;
    
    
}
div#mainpane p.treenodes{

}
div.welcome p#welcome{
    font-weight:bold;
    font-size:2.0em;
    color:rgb(227, 88, 88);
    margin-top:0.5em;
    margin-left:2.0em;
    font-variant:small-caps;
    
}
div.welcome p#welcomemore{
    text-align:justify;
    padding-left:170px;
    color:rgb(105,105,58);
    
}
div.sectionsummary p.sumtitle{
    font-weight:bold;
    font-size:2.0em;
    color:rgb(227, 88, 88);
    margin-top:0.5em;
    margin-left:2.0em;
    font-variant:small-caps;
    
}
div.sectionsummary p.summore{
    text-align:justify;
    padding-left:50px;
    padding-right:50px;
    color:rgb(105,105,58);
    font-size:14px;
    
}
div.sectionsummary p.hltitle
{
    font-weight:normal;
    font-family:Georgia;
    color:rgb(70, 130, 180);
    font-size:14px;
    
    }
div.sectionsummary p.hltxt
{
     
    text-align:left;
    color:rgb(105,105,58);
    font-size:14px;
    }

div.centerpane p.centerpanetitle
{
    font-weight:bold;
    font-size:1.15em;
    color:rgb(105,105,58);
    margin-top:1.5em;
    margin-left:4.0em;
    font-variant:small-caps;
    }
div.centerpane_sub_noborder p.subtitle{
    font-weight:normal;
    font-family:Georgia;
    color:rgb(70, 130, 180);
    font-size:15px;
    
}
div.centerpane_sub_noborder p.subtitle_cam{
    font-family:Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color:White;
    background:rgb(70, 130, 180);
    margin-left:15px;
}
div.centerpane p.more{
    text-align:justify;
    padding-left:0px;
    padding-right:50px;
    color:rgb(105,105,58);
    font-size:14px;
    
}

div.sidepane p.titlebar{
    
    padding:1px;
    background:rgb(199,224,251); /*image:url('img/tabbg1.gif');*/
    font-size:1em;
    font-weight:lighter;
    font-family:Arial Black;
    height:1.5em;
    text-align:center;
    vertical-align:bottom;
    color:White;
    
    

}
div.sidepane p{
    color:rgb(105,105,58);
    padding:5px;
    
}
div.sidepane p.derlist
{

    }
p.highlightscontent{
    font-weight:bold;
    
}
p#rotating{
    margin-top:40px;
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    color: #284992
}
.ContentSubHead
{
    
    color: #5D5D02;/*#999966;*/
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    vertical-align:bottom 
    
}
.HomeHead
{
    color: #5D5D02;/*#999966;*/
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 35px
}
.ContentSubsubHead
{
    
    color: #5D5D02;/*#999966;*/
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    height: 8px;
    vertical-align:bottom 
    
}

/*-------------p p p---------------------*/ 
/*-------------span span span------------*/
div.centerpane span.subtitlemore
{
    color:rgb(105,105,58);
    font-size: medium;
    margin-left:20px;
    font-size:14px;
    font-family:Arial;
    }
/*-------------span span span------------*/
/*-------------ul ul ul------------*/
div.centerpane ul{
    color:rgb(105,105,58);
    font-size: medium;
    margin-left:80px;
    font-size:14px;
    
}
div.centerpane ol{
    color:rgb(105,105,58);
    font-size: medium;
    margin-left:80px;
    font-size:14px;
    
}
div.sectionsummary ol#listinsummore
{
    color:rgb(105,105,58);
    font-size: medium;
    margin-left:80px;
    font-size:14px;
    }
div.sectionsummary ul
{
    color:rgb(105,105,58);
    font-size: medium;
    margin-left:80px;
    font-size:14px;
    }
div.centerpane ul.advantages{
   
}  
ul#clientlist{
    margin-left:90px;
    color:rgb(105,105,58);
    font-weight:normal;
    font-family:Georgia;
    font-size:15px;
}
/*-------------ul ul ul---------------------*/ 
/*-------------a a a---------------*/
a.sidetitlebar:link, a.sidetitlebar:visited{
    text-decoration:none;
    color: White;
}
a.sidetitlebar:hover{
    text-decoration: none;
    color: #DEFAC9;
}
a.quicklink:link, a.quicklink:visited
{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    color: rgb(70, 130, 180);
    font-weight:bold;
    font-size: 13px;
    
}  
a.quicklink:hover
{
    
    text-decoration: none;
    color: #40A5FB;
    
}
a.quicklink2:link, a.quicklink2:visited
{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    color: rgb(39, 181, 20);
    font-weight:bold;
    font-size: 13px;
    
}  
a.quicklink2:hover
{
    
    text-decoration: underline;
    color: #40A5FB;
    
}
/*-------------a a a---------------------*/ 
/*--------------img img img----------------*/
img{
    border:0;
}
img#mainscreen{
   
    margin:20px 5px 5px 80px;
}
img#rotatingimg{
    margin-top:20px;
}
img#posdemo{
    vertical-align:bottom;
}
img#posinaction
{
    float:right;
    margin:5px 50px 0 30px;
    border:1px solid rgb(200,200,200);
    padding:7px;
    }
img.upperright
{
    float:right;
    margin:5px 50px 30px 30px;
    border:1px solid rgb(200,200,200);
    padding:7px;
    }
img.cam{
    
    margin:10px 0 10px 20px;
    padding:7px;
    border:none;
}    
img.upperleft{
    
    margin:5px 50px 30px 80px;
    border:1px solid rgb(200,200,200);
    padding:7px;
}    
div.hiddenpane img.centered{
    margin-left:100px;
}
/*-------------img img img---------------------*/ 
/*--------------table table table----------------*/
table.nav{
    border:1px solid rgb(199,224,251);
    table-layout:fixed;
    width:100%;
    border-collapse:collapse;
    margin:0;
    
}
table.nav tr th {
    border-right:1px solid rgb(199,224,251);
    color:rgb(70, 130, 180);/*(240, 128, 128);*/
    height:25px;
    font-variant:small-caps;    
    font-size:12px;
    

    /*/background:rgb(199,224,251);*/

}
table.nav tr th.onth{
    background:rgb(199,224,251);
    color:rgb(255, 255, 255);
}
table.nav tr th.offth{
    background:rgb(255, 255, 255);
    color:rgb(70, 130, 180);
}
table.nav tr th.nowth{
    background:rgb(199,224,251);
    color:rgb(255,255,255);
}
table.nav tr th a.on{

   
    font-size:14px;
    color:rgb(255, 255, 255);
    text-decoration:none;
}
table.nav tr th a.off{
    color:rgb(70, 130, 180);
    text-decoration:none;
}
table.nav tr th a.now{
    color:rgb(70, 130, 180);
    text-decoration:none;
}
table.nav col#home{
    width:10%;    
}
table.nav col#products{
    width:10%;    
}
table.nav col#support{
    width:10%;    
}
table.nav col#about{
    width:15%;    
}
table.nav col#login{
    width:15%;    
}
table.quicklinks{
    
    table-layout:fixed;
    width:800px;
    border-collapse:collapse;
    background:rgb(227,88,88);/*255,94,94*/
}
table.quicklinks tr th {
    border-right:1px solid rgb(255, 255, 255);
    height:23px;

    font-size:1.15em;


}
table.quicklinks tr th a:link, table.quicklinks tr th a:visited{
    color:rgb(255,255,255);
    font-variant:small-caps;
    font-weight:bold;
    font-size:1.0em;
    text-decoration:none;
}
table.quicklinks tr th a:hover{
    text-decoration:underline;
}

table.camimage{
    width:550px;

}
table.camimage col.colcamspec{
    width:390px;
}

table#companyoverview{
    margin-left:50px;
    width:700px;
}
table#contactinfo{   
    color:rgb(105,105,58);
    font-weight:bold;
    font-size:15px;
    margin-left:80px;
    }
table#hltable
{
    margin:0 80px;
    
    }
table.hw
{
    margin-left:50px;
    color:rgb(105,105,58);
    
}
div.hiddenpane table.derspec{
    margin-left:50px;
    caption-side:top;
    width:460px;
    
}
div.hiddenpane table td.speccontent{
    width:70%;
    text-align:right ;
}

/*-------------table table table---------------------*/ 
/*--------------obj obj obj----------------*/
object#objpos{
    width:450px;
    height:200px;
}

/*-------------obj obj obj---------------------*/ 