head, body, form, a, p, ul, li, h1, h2, h3, h4, h5 td, textarea, input, select, radio, checkbox {

    /*font-family:"helvetica","arial",sans-serif; */

    /*font-family: 'Istok Web', sans-serif; */

    

    font-family: 'Cutive Mono', sans-serif; 

    font-family: 'Roboto', serif;

    /* font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; */



    /*font-weight:normal;*/

    color:black; text-decoration:none;}



body {padding:1em; background-color:#F8F8F8;}

    .browse {width:50%}

    .view {width:90%; padding-top:1em;}

    .screen {width:90%}

    



h1,h2 {display:block; font-size:1.4em; font-family: 'Rokkitt', serif; line-height:1.4em; text-decoration: none; color:#777772; padding-top:1em;}

h1.nolead {line-height:0em; padding-top:1.4em;}

h2.myhead {font-size:1em; color:red; padding-top:4em; padding-bottom:1.5em;}

h2.nolead {font-size:.9em;line-height:0em; padding-top:1.4em}

p {display:block; font-size:1em; line-height:1.2em; text-decoration: none; color:black;}

    .small {font-size:.7em;line-height:1.1em; color:gray}

    .smallsolid {font-size:.8em;line-height:.8em;}

    .p8 {font-size:.8em; padding:0;}

    .tiny {font-size:.6em; line-height:.8em;}

    .em8 {font-size:.8em; line-height:1.1em;}

        .em85 {font-size:.85em; line-height:1.1em;}

    .em9 {font-size:.9em; line-height:1.1em;}

    .em10 {font-size:1em; line-height:1.2em;}

    

.width50 {width:50%}

.width70 {width:70%}

.width90 {width:90%}

.width10em {width:10em}

a {color:black; border-bottom:dotted 1.5px gray;}

a:hover {background-color:#D8D8D8;}



.li_head {font-family: 'Rokkitt', serif; padding-top:1em; color:#686663;}



.highlight {color:red;}

.errmessage {font-size:.9em; color:red; padding-left:2em;}



/*menu july13*/

#menu {font-size:.8em; width:14em; width:14em; background-color:transparent; color:black; }

#menu li {margin-bottom:2px}

a.sendfiles {background-color:#E0EAE0; opacity:.8}

a.sendfiles hover{background-color:#D8D8D8;}

a.tech {background-color: #DEDED6; opacity:.8}

a.specials {color:white; background-color:#C13828; opacity:.8;}

a.specials:hover{color:black; background-color:#D8D8D8;}

a.photo {border:none; line-height:.5em;}

a.photo:hover {background-color:transparent;}



ul {list-style-type: none; padding:2px;}

.menubutton {font-size:.75em; padding-left:4px}

li.myhead {color:red; font-family: 'Rokkitt', serif;}

.service_li, .prod_li, .tech_li, .acct_li {padding-left:1.5em; width:11em}



#logo_id {padding-top:20px; padding-left:8px; padding-bottom:20px; border-bottom:none; background-color:transparent;}

#logo_id a {border:none;}

#logo_id a:hover {background-color:transparent;}



img.mylogo

{

border:none;

opacity:1.0;

filter:alpha(opacity=100); /* For IE8 and earlier */

}

img:hover

{

opacity:.8;

filter:alpha(opacity=80); /* For IE8 and earlier */

}



img.home:hover

{

opacity:.9;

filter:alpha(opacity=.9); /* For IE8 and earlier */

}



#container {position:absolute;

top:1em;

left:13em;

padding-left:1.5em;

background-color:transparent;

width:900px; margin-right:2em;

}



#bottomholder {position:absolute; top:700px;}

#pageheader, #pagefooter {font-size:.8em; height:1.3em; padding-bottom:2em; clear:both}

#pageheader a, #pagefooter a {border-bottom:dotted 1.5px gray; }

#pageheader a:hover, #pagefooter a:hover {background-color: #D8D8d8; border-bottom:dotted 1.5px gray;}

#pagefooter {padding-top: 1em; padding-bottom:5em;}



#messageholder {position:absolute;

top:1em;

left:23em;

padding-left:1.5em;

background-color:yellow;

width:15em; margin-right:2em;

}



/* table */

table { border-collapse: collapse;

	border-spacing: 0;

}

/* td {vertical-align:top; text-align: left;}*/

td.word {font-weight:bold}

td.fiftypercent {width:50%;}

td.tdcol1 {width:10em}



table.column1 label {width:9em;}

table.column2 label {width:6em;}



/* whatwedo.php */

.whatwedo_slides a {font-size:.8em;}

table.whatwedo tr {}

table.whatwedo td {font-size:.9em; width:10em; padding-right:1em; padding-top:1.5em; vertical-align:top; text-align: left; }

table.whatwedo h1 {font-size:.8em; line-height:.8em; padding:0; }

table.whatwedo a {font-size:.8em; line-height:.8em; line-height:3em; }



table a:hover {background-color:#D8D8d8; color:black}





.tablebutton {font-size:1em; padding:2px; line-height:1.5em;}

.table1 {margin-top:3em;}

.table1 td {font-size:.8em; line-height:1.2em;}



/* colorchart search line */

td.color_search {background-color:white}

td.color_search a {border:none}



/* data table */

.data td, .data th {font-size:.8em; border-spacing:10px; font-weight:normal; color:black; text-align:left; padding-right:1em; padding-left:.5em;}

.data td a {border:none;}



/* specs pages text FR data FL */

.specs th {font-size:.8em; font-weight:bold; margin-top:0em;}

.specs_subhead {font-size:.8em; font-weight:bold; margin-top:0em;}

.specs_blurb {color:black; font-size:.9em; line-height:1.3em; padding-right:40%;}

.specs_text {color:black; font-size:.9em; line-height:1.1em;}

.specs_footnote {margin-top:.3em; margin-bottom:2em; font-size:.7em; color:gray;}



.specs {border-spacing:10px}

.specs td, .specs th {width: auto; font-size:.8em; border-spacing:10px; font-weight:normal; text-align:right; padding-right:1em;}

.specs th, .data th {font-size:.7em; vertical-align:bottom; padding-bottom:0em; }

th.fl, td.fl {text-align:left}

th.fr, td.fr {text-align:right}

th.c, td.c {text-align:center}

.specs tr, .data tr{border-bottom:1px solid #D8D8D8}



.specs tr, .data tr  {background-color:#E8E9D5} 

.specs tr:hover, .data tr:hover {background-color:white} 



/* specs pages */



.col3 {width:20em; padding-right:1em; vertical-align:top}



/* log screen */

.log_screen {width:18em;}



/* log screen */



textarea {font-size:.8em; height:15px; width:200px}

    





button {font-size:.8em; line-height:1em; background-color:#A0A0A0;

  color:black; margin-top:10px;}

  button:hover {background-color:cyan; color:yellow;}



/*

a {color:black}

a:hover {color:white;background-color:yellow}

*/

.myview {font-size:.3em; height:10px; background-color:gray; width:30px;}

.textbutton {font-size:1em; color:black; background-color:transparent;}

.textlink {font-size:1em; color:black; background-color:transparent;}

.edit_add:hover {border: solid 2px yellow;}

._myblock {display: block;}



.height1em {line-height:1em}

.height2em {line-height:2em}



#container_1 {padding-bottom:5em;}

#header_1, #footer_1 {float:left; background-color:#ffff99; width:100%; height:4.5em; padding:5px;}

#header_1 {top:140px;}

#footer_1 {top:6em;}



/*quote layout */

#quote_col1, #quote_col2 {float:left; padding-top:3em;

margin:0em; font-size:.8em; font-weight:normal; color:black; height:1.2em;}

#quote_col1 {width:19em;}

#quote_col2 {padding-top:5.5em; width:18em;}

#quote_col2 label {width:7em}

#quote_col2 select {width:10em}

#select_quote_id {padding: 0; width:12em ;}

#quote_request_id {font-size:1.2em; font-weight:normal;}

/*quote layout */



.ccardhead {padding-top:100px}

  

/*1 column layout */

#column_1of1 {width:90%; padding:5px; background-color:transparent;}

/*1 column layout */

#narrow {width:50%; padding:5px; background-color:transparent;}





/*2 column layout */

#twocolumns{}

#column_1of2,#column_2of2 {width:45%; float:left; background-color:transparent; }

#column_2of2 {margin-left:1em;  }







/* makes same size in different browsers */

input, select, textarea, label {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  font-size:.8em;

  height:1.6em;

  border-width:medium;

  border-color:transparent;

  border-style:solid;

  border-radius:4px;

  display:block;

  float:left;

}

*/





/*---buttons----------------------------------------------------------------------------------------*/ 

#button_div_bot, #button_div_top, #button_div_left, #button_div_right

    {float:left; padding-top:1em; width:100%; background-color:white; border-color:gray}

    

#button_div_bot, #button_div_top {height:4em}

#button_div_left, #button_div_right {height:6em}



.mybutton {width: 5em; height:2.2em; font-size:.8em; color:white; background-color:grey;

   margin-right:.5em; border:none; text-align:center;  }

.mybutton:hover {background-color:cyan; color:black}



.button_screen {

height: 30px;

width:50px;

padding:6px;

margin-left:4px; margin-bottom:4px;

border: 0;

}



#submit_id {background-color:green;}

#submit_id:hover {background-color:yellow;}



/*---table-------table-layout: fixed;---------------------------------------------------------------------------------*/



.filterinput {font-size:1em;}



/*---slideshow-----------*/



#slideshow {position:absolute; left:1.5em;}

#nav {width:8em; background-color:transparent; border:none;  white-space:normal; padding: 3px; line-height:.5em; }

#nav li { width: 50px; float: left; margin: 8px; list-style: none }

#nav a { width: 50px; padding: 3px; display: block; border: none;  }

#nav a.activeSlide { background: #F0F0F0; }

#nav a:focus { outline: none; }

#nav img { border: none; display: block }



#nav a.pointLeft, #nav a.pointRight  {

    height:20px; margin:5px 5px 5px 5px ;

    width:20px;

    background-repeat:no-repeat;

    background-position:center;

    background-color:	#D8D8D8;

    text-decoration:none;

    z-index:999;

    }

    #nav a.pointRight  { }

#nav a.pointLeft:hover, #nav a.pointRight:hover {background-color:yellow;}



/*--- #output reqd for slideshow captions--*/

#show1{

    position:absolute;

    top:.5em; left:9em;

    border: none;

    }



#output {

    padding: 0 .5em 0 .5em;

    background-color:transparent;

    }

#output td { 

    }

    

#output h1, h2, h3, h4 {

    font-weight: normal;

    text-align: left;

    font-size:.9em;

    line-height:1.1em;

    text-decoration:none;

    padding-top:0em; margin:0;

    }

/**output h4 for how to slides **/    

#output h4 {

    font-family: 'Cutive Mono', sans-serif;

    font-size:1.1em;

    line-height:1.1em;

    color:red

    }

    

#output p {

    color:black;

    font-size: .8em;

    line-height: 1em;

    }



#output td {vertical-align:bottom;}

.myshow {}

.myhide {display:none}



/*---end slideshow----------