/**********************************************************
CSS for main pages

Div layout:

content:
    logoarea
    topnav
    imgarea
    leftbar:
        leftproducts
    rightbar:
        righttrial
        rightquotes
        rightcust
    textarea
    bottomicons
    footer

Main has a left and right column in addition to the center textarea

Main looks like:

-------logo--------
------topnav-------
-----img-area------
-------------------
-pro-textarea--try-
-pro-textarea------
-pro-textarea--quo-
-pro-textarea------
-----textarea--cus-
-------------------
----bottomicons----
------footer-------


DEBUG ??? INFO:
  Some borders are in place due to unfinished elements.
  Edit out the following visual aids:
  border: 1px solid gray;

**********************************************************/

/* We overwrite some header text with images. Header text stays for search engines */

.hideme {display:none;}


/***************** Top Area *****************/

#imgarea {
  height: 328px;
  background: transparent url(images-css/imgarea.png) no-repeat;
}

/***************** Left Bar *****************/

#leftbar {
  margin: 0px 0px 0px 12px;
  float: left;
  width: 250px;
  height: 400px;
}

#leftgodiagram h3 { background: transparent url(images-css/godiagram-logo.png) no-repeat center top;  margin: 5px 0px 0px 0px;}
#leftgoxam h3 { background: transparent url(images-css/goxam-logo.png) no-repeat center top;  margin: 5px 0px 0px 0px;}
#leftjgo h3 { background: transparent url(images-css/jgo-logo.png) no-repeat center top;  margin: 8px 0px 0px 0px;}

#leftgodiagram h3 a, #leftgoxam h3 a, #leftjgo h3 a {
  display: block;
  width: 250px;
  height: 65px;
}

#leftbar p { margin: 1px 25px 10px 5px; }

/***************** Right Bar *****************/

#rightbar {
  margin: 0px 20px 0px 20px;
  float: right;
  width: 150px;
}


#rightcust {  
  text-align: center;
}



#rightcust p { margin-left: 4px; margin-right: 4px; text-align: center;}

#twitter {   text-align:center; }

/***************** Center Area *****************/

#textarea {
  float: left;
  width: 440px;
  margin-top: 8px;
   text-align: left;
}

#textarea h4 {display:run-in; margin-right: .75em;}

/*****************  Customer logo slideshow **************/

.slideshow { margin: 20px auto 2px;; padding: 0;  border: 1px solid #ccc;}
.slide { margin: 0px; padding: 0px; }
.slideshow, .slide { height: 80px; width: 131px; }
.slide img {  background-color: #fff; margin: auto; display: block; width:121px; height:78px;}