/* CSS Document because css is our friend*/
#page{margin:0px 0px 0px 0px; padding:0px; height:100%; background-color:#ffffff; background-image:url(enter/images/BgRep.jpg); background-position:top center; background-repeat:repeat;
font-family:Arial; font-size:12px; margin:0px; padding:0px;}
#mainBG{position:relative;width:900px; margin:0px auto; padding:0px 0px 0px 0px; text-align:left;}
#header{position:relative; width:900px; height:118px; background-image:url(enter/images/headW.jpg); background-position:top; background-repeat:no-repeat}
#overlay{position:absolute; width:202px; height:72px;top:20px; left:20px;}
#content_placer {clear:both; margin: 0px 0px 0px 10px; /*width:700px;*/}
#content {float:right; width: 713px;/* was 558*/ border: 0px solid #c00; padding:0px 0px 5px 0px; background-image:url(images/headerCurve.jpg); background-position:top; background-repeat:no-repeat;}
.fillUp{background-color:#FFFFFF;}
.dlds{background-image:url(enter/images/downloadFolder.gif); background-position:bottom right; background-repeat:no-repeat}
.key{background-image:url(enter/images/key_login.gif); background-position:right; background-repeat:no-repeat}
.screenies{background-image:url(enter/images/screeniesBG.gif); background-position:right; background-repeat:no-repeat}
.demoCD{background-image:url(enter/images/formBG.gif); background-position:center; background-repeat:no-repeat}
.lightTable{filter:alpha(opacity=90); opacity:0.90;}
.aboutUs{background-image:url(enter/images/aboutLowTrans.jpg); background-position:right; background-repeat:no-repeat}
.test{background-image:url(enter/images/aboutLowTrans.jpg); background-position:top right; background-repeat:no-repeat}
.info{background-image:url(enter/images/infoBG.gif); background-position:right; background-repeat:no-repeat}
#content a{color:#000000; text-decoration:underline;z-index:0;}
#content a:hover{background-color:#669BD1; text-decoration:none; color:#FFFFFF}
#blurb{background-image:url(images/collage12soon.jpg);background-position:top;background-repeat:no-repeat; width:700px; height:298px;margin:0px;padding:0px; z-index:0}
#blurb-left {width:500px;height:298px; float:left;}
#blurb-right {width:200px;height:298px; float:left;}
.bText{background-color:white; filter: alpha(opacity=80); opacity:0.80;width:680px; margin:270px auto; padding:10px 5px 0px 5px; z-index:1}
#navigation {float: left; width: 160px;/*was 190*/ padding-top:0px; margin: 0; border: 0px solid #00c; background-color:#ffffff; background-image:url(enter/images/NavW.jpg); background-position:top; background-repeat:no-repeat;}
#footer {clear: both; height: 32px; line-height: 30px; background-image:url(enter/images/bottomW.gif); background-position:bottom; background-repeat:no-repeat}
#scroller{padding-top:5px; margin-top:30px; width:670px; overflow-x:scroll; overflow-y:scroll; overflow:scroll; height:500px; white-space:normal; z-index:0; font-size:10px!important;}
#Login{position:absolute;left: 332px;top: 36px;width: 234px;}
#Login a{color:#000000; text-decoration:underline; display:block; width:auto; float:left; padding:0px 5px 0px 5px;}
#Login a:hover{background-color:#669BD1; text-decoration:none; color:#FFFFFF}
h1{display:inline; color:#394577; font-size:16px; font-weight:bold; padding:5px 25px 5px 0px;margin:0}
h2{text-align:center; color:#F6C042; font-size:16px; font-weight:bold; padding:5px 0px 5px 0px; margin:0px 0px 10px 0px}
h3{text-align:left; color:#394577; font-size:16px; font-weight:bold; padding:5px 5px 25px 5px; margin:0px;}
h4{text-align:left; color:Red; font-size:16px; font-weight:bold; padding:5px 5px 5px 0px; margin:0px;}
.pressRelease{position:absolute; top:140px;left:740px; color:#394577; font-size:16px; font-weight:bold; width:145px; z-index:0}
.pressRelease a{text-decoration:none; color:#394577!important}
.pressRelease a:hover{text-decoration:hover}
.center{text-align:center}
hr{display:inline;/*fixes margin adjustment for firefox 1.0*/ visibility:hidden; height:0px; line-height:0}
.clear{clear:both; line-height:0px; height:0; display:block; visibility:hidden}
.clearLeft{clear:left}
.floatLeft{float:left}
.floatRight{float:right; padding-right:10px; display:block;}
/*.clear{display: inline-block;}/*address the all bugged macIE*/
.tiptop{text-align:left;}
.tiptop a:hover{background-color:transparent !important; text-decoration:none}
.icons{display:block; background-image:url(images/icos/bg.gif); background-repeat:repeat-x; background-position:top;}
.icons a:hover{background-color:transparent !important}
.red{color:#FF0000; font-weight:bold;}
/*---------------------------------support------------------------------------------*/
.navTitle{background-image:url(enter/images/NavW.jpg); background-position:top; background-repeat:no-repeat; text-align:center}
.downloads ul{list-style:none; padding:0px; margin:-7px 0px 0px 0px;}
.downloads li{/*list-style:none; padding:0px 0px 0px 10px; margin:0px;*/list-style-type:none;background:#eCeCeC;color:#999;border: 1px solid;border-color: #FFF #AAA #AAA #FFF;}
.downloads li a{color:#000000; display:block; width:100%; text-decoration:none; line-height:1.5em}
.downloads a:hover{background-color:#669BD1; text-decoration:none; color:#FFFFFF}
/*--------------------------------demoCDNav-----------------------------*/
.now ul{list-style:none; padding:0px; margin:-7px 0px 0px 0px;}
.now li{list-style-type:none;width:147px;}
.now li a{background-color:#eCeCeC; color:#666; display:block; width:100%; text-decoration:none; line-height:1.5em;padding:.2em 0 .2em .8em;
border: 1px solid;
border-color: #FFF #AAA #AAA #FFF;}
.now a:hover{background-color:#669BD1; text-decoration:none; color:#FFFFFF;
}

/*--------------------------------slide show-----------------------------*/
.thumbnail img{
border: 1px solid white;
margin: 0 10px 10px 20px;
}
.thumbnail:hover{
background-color: transparent!important;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbTitle{display:block; width:auto; border-bottom:1px dotted #cccccc; font-size:14px; font-weight:bold; color:#0A2A73;}
/*---------------------------------end slide show------------------------*/
/*--------------------------------tradeshows----------------------------*/
.show{display:block; height:auto; padding:10px; margin-top:10px; clear:left;}
.show img{float:left; margin:0px 20px 0px 0px; padding:0}
/*--------------------------------end trade shows----------------------*/
/*--------------------------------hardware----------------------------*/
.box{width:100%;position:relative}
.left{float:left;width:200px; padding:10px 0 0 0;margin-top:10px;}
.left img{margin:0;}
.right{margin:0 0 0 220px;padding-top:40px;}
.separate{clear:both;height:25px; background-color:#cccccc;}
/*--------------------------------end hardware----------------------*/
/*--------------------------------testimonials-------------------------*/
.testimonial{padding:5px 15px 5px 10px;font-style:italic; display:block; border-bottom:1px dotted #cccccc; width:90%; margin-left:15px;}
.source{font-weight:bold;}
/*--------------------------------end-------------------------------*/
/*---------------------------------info---------------------------*/
.infoBox{float:left; display:block; width:200px; height:150px; text-align:center; padding:0px; margin:3px 0px 0px 0px }
.infoBox a:hover{background-color:transparent !important}
/*--------------------------------end--------------------------------*/
/*-------------------------------movies-----------------------------*/
.movieBox{float:left; display:block; width:220px; height:170px; text-align:center; padding:0px; margin:0px 10px 0px 0px; background-image:url(images/fla-bg.gif); }
.movieBox a:hover{background-color:transparent !important; text-decoration:underline;}
.movieBox a{text-decoration:none;}
/*--------------------------------end---------------------------*/
/*------------------------------screenies----------------------*/
.gallerycontainer{
position:relative;
width:650px;/*100px;*/
z-index:40;
margin-top:50px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer .thumbnail img{
border: 1px solid white;
margin: 0 10px 5px 0;
}

.gallerycontainer .thumbnail:hover{
background-color: transparent;
}

.gallerycontainer .thumbnail:hover img{
border: 1px solid blue;
}

.gallerycontainer .thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.gallerycontainer .thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
z-index:500;
}

.gallerycontainer .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -475px;
left: -175px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*---------------admin stuff------------------------------------*/
.section {background-color:Fuchsia}
.edit{background-color:Lime}