html, body{ font-size: 100.1%;
            margin:0;  padding:0;
            margin-top: 5px;
            background-color: #DDDDDD;
            font: 100.1% Verdana, Arial, Helvetica, sans-serif;
          }

th { font-size: 2.3em;
     text-align: left; }


div#meta_wrapper {  width: 980px;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: 15px;
                    text-align: left;
                    position: relative;
                    min-height: 100%;
                    height: 100%;
                    voice-family: "\"}\"";
                    voice-family: inherit; }


html>body #meta_wrapper { height: auto; }

div#logo_and_search { width:100%;
                      height: 80px;
                      padding-top: 3px; }

div#cimbian_logo{ width: 350px;
                  height: 80px;
                  float: left; }

div#search_box {  height: 80px;
                  float: right; }

div#header { width: 100%;
             background: #FFCC00;
             background-color: #FFCC00;
             font-size: 100%;
             line-height: 250%;
             text-align: left;
             font-weight: bold;
             overflow: auto;
             -webkit-border-radius: 10px;
             -moz-border-radius: 10px;
              border-radius: 10px;
             margin-bottom: 15px;
           }

div#page_title { float: left;
                 margin-left: 15px; }

div#company_name { float: right;
                   margin-right: 15px;}

div#content_area { width: 980px;
                   background-color: white;
                   -webkit-border-radius: 15px;
                   -moz-border-radius: 15px;
                   border-radius: 15px;
                   margin-bottom: 15px;      }

div#breadcrumb { width: 100%; }

div#breadcrumb ul { list-style-type: none;
                    Margin: 15px;
                    padding: 0;
                    font-weight: bold;}

div#breadcrumb ul li { list-style-type: none;
                       float: left;  }

div#breadcrumb ul li a { text-decoration: none;
                         font-size: 0.7em;
                         color: navy; }

div#left_column { width: 230px;
                  height: 100%;
                  text-align: left;
                  float: left; }

/* Left-navigation styles section*/

div#nav_v { width: 100%;
            min-height: 100%;
            margin-top: 15px;
            font-size: 0.8em;
            padding-top: 10px;}

div#nav_v ul { list-style-type: none;
               margin: 5px;
               margin-bottom: 75px;
               padding: 0;
               font-weight: bold;}

div#nav_v li { border-bottom: 2px dotted #FFCC00;
               margin-top: 5px;    /* vertical spacing */
               margin-bottom: 8px; /* vertical spacing */ }

div#nav_v li:first-child { border-top: 0;}

div#nav_v ul li a { text-decoration: none;
                    color: navy;}

div#nav_v a:hover { color: #808080;}

/* a hack for IE Win only \*    

* html div#nav_v ul { border-top:2px dotted #FFCC00;}

/*end of hack */

div#contact_area { width: 100%;
                   bottom: 0;
                   margin: 5px; 
                   font-size: 0.8em;
                   color:#808080;
                   list-style-type: none; }

H1
{
    font-family: Verdana, Arial, Sans Serif;
    font-size: 1.2em;
    font-weight: strong;
    font-style: normal;
    color: #444444;
}

H2
{
    font-family: Verdana, Arial, Sans Serif;
    font-size: 1.0em;
    font-weight: strong;
    font-style: normal;
    color: #444444;
}


h1
{
    font-family: Verdana, Arial, Sans Serif;
    font-size: 1.2em;
    font-weight: strong;
    font-style: normal;
    color: #444444;
}

h2
{
    font-family: Verdana, Arial, Sans Serif;
    font-size: 1.0em;
    font-weight: strong;
    font-style: normal;
    color: #444444;
}


/* Full width text area */
div#main_text_no_banner {
  width: 620px;
  margin-left: 0;
  background-color: #FFF;
  font-size: 0.8em;
  color: #444444;
  text-align: justify;
  float: left;
  padding: 7px 15px 0px 15px; }

div#main_text_no_banner a {
  text-decoration: none;
  color: blue; }

div#main_text_no_banner a:hover {
  text-decoration: none;
  color: #808080;}

/* Centre column text area with right column in place - gradually becoming redundant */
div#main_text { width: 550px;
                margin-left: 0;
                background-color: #FFF;
                font-size: 0.8em;
                color: #444444;
                text-align: justify;
                float: left;
                padding: 7px 15px 0px 15px; }

div#main_text a { text-decoration: none;
                  color: blue; }

div#main_text a:hover { text-decoration: none;
                        color:  #808080;}

div#product_list { width: 500px;
                   margin: 0;
                   padding: 0;
                   background-color: #fff;
                   font-size: 1.0em;}

div#product_list ul { list-style-type: none; }

div#product_list ul ul{ font-size:0.9em;
                        margin-top: 0px;
                        margin-left: 25px;
                        padding-top: 0px;
                        padding-left: 25px;
                        list-style-image: url('Graphic_Resources/level_2.gif');
                        background: none;}

div#product_list li { font-size:1.0em;
                      font-weight: bold; }

div#product_list li li{ font-size:1.0em;
                        list-style-image: url('Graphic_Resources/level_2.gif');
                        font-weight: normal;}

div#product_list a { text-decoration: none;
                     margin-left: 5px;}

div#product_list a:hover{ text-decoration: underline;}


div#cimbiot_links { width: 600px;
                    margin-left: 0;
                    padding-left: 10px; }

div#cimbiot_links a { text-decoration: none;
                      color: blue; }
 
div#cimbiot_links a:hover { text-decoration: none;
                            color: #808080;}

div#cimbian_links { width: 600px;
                    margin-left: 0;
                    padding-left: 20px; }
                    
div#cimbian_links a { text-decoration: none;
                      color: blue; }

div#cimbian_links a:hover { text-decoration: none;
                            color: #808080;} 

/* Customer list - two column */
.customer_list ul {
  list-style-type: none;
/*  float: left;*/
  width: 50%; }
.customer_list li { float: left; width: 50%; }
.customer_list li.first_col { clear: left; }


/* Right column section */
div#right_column { width: 150px;
                   min-height: 500px;
                   margin-top: 10px;
                   margin-left: 0;
                   font-size: 0.8em;
                   text-align: left;
                   float: right;
                   padding-top: 7px;
                   list-style-type:none;}


/*social_networks_links sits below main_text and main_text_no_banner for FB, Twitter, Linkedin icons etc. */
div#social_network_links {
  width: 100%;
  font-size: 0.8em;
  float: right;
}

/* Footer styles section */

div#footer { width: 100%;
             padding: 8px 0;
             font-size: 0.7em;
             text-align: center;

             /*margin-top: 1.5em;*/
             } /* orange border */

div#footer ul { margin:2px 0;} /* vertical spacing between the lists */

div#footer li { display: inline;
                border-left: 1px solid;
                color: #808080; /* sets the color of the vertical lines  - links colored below */
                padding: 0 5px 0 9px; /* horiz space between links and vert lines - needed different left & right values to centre */}

div#footer li:first-child { border-left: 0;} /* removes the left border of the first list item - IDWIMIE */

div#footer ul li a { text-decoration: none; /* removes the underlining off the links */
                     color: #808080; /* the color of the links */ }

div#footer ul li a:hover { text-decoration:underline; color: #808080} /* underlines the links when hovered */

div#footer ul.font-family li { color: #808080;} /* color for copyright and vert dividers on last row */

div#footer ul.fineprint li a { color: #808080;} /* had to explicitly color these or they inherit white from div#footer li */

div#footer ul.fineprint li a: hover { color: #808080;}


.cimbiot_table {
	width: 100%;
	float:left;
	margin-top:10px;
}

.cimbiot_table_logo{
	width:25%;
	float:left;
}
.cimbiot_table_text{
	width:70%;
	float:right;
	margin-top:0;
}



/* Text sizes */
div#content h1{ font-size: 1em;}
div#content p{ font-size: 0.8em;}
div#content li{ font-size: 0.5em;}


.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden; }

.clearfix {display: inline-table; }


/*Remove blue border around images used as links in IE */
a img {border: none; } 
a:hover img{border: none;}