/*Colors
 Light Blue Background #5EB5FF
 Dark Blue #3E78AA
 Light Brown Content Background #FFE6C9
 Dark Brown highlights/Nav #FFCD93*/

/* Clear all margins*/ 
* 
    {
    margin: 0px;
    padding: 0px;
    }

body
    { 
    margin: 0px; 
    background-color: #009000;
    padding: 0px;
    font-family:Arial,Times New Roman, Georgia;
    }

div#header
    {
    position:absolute;
    text-align:center;
    top:10px;
    left:50%;
    margin-left:-350px;
    width:700px;
    height:150px;
    border:0px solid #B9C6C8;
    z-index:3;
    } 

div#title
    {
    position:relative;
    top:10px;
    height:auto;
    left:50px;
    width:800px;
    border:0px solid purple;
    }    
    div#logoleft
    	{
    	position: relative;
        top:0px;
        left:0px;
        width:140px;
        height: 75px;
        background-image:url(images/logoleft.jpg);
        background-color: #009000;
        border:2px solid #002C07;
        overflow:hidden;
    	}
    div#cc
    	{
    	position: absolute;
        top:0px;
        left:150px;
        width:500px;
        height: 75px;
        font-size:3em;
        background-image:url(images/cheapcontrols.jpg);
        background-color: #009000;
        border:2px solid #002C07;
        overflow:hidden;
    	}
    div#logoright
       	{
       	position: absolute;
        top:0px;
        left:660px;
        width:140px;
        height: 75px;
        background-image:url(images/logoright.jpg);
        background-color: #009000;
        border:2px solid #002C07;
        overflow:hidden;
       	}
div#bc
	{
	position: relative;
        top:20px;
        left:10px;
        width:500px;
        height: 20px;
        color: #000000;
        text-align:left;
        border:0px solid #002C07;
        overflow:hidden;
        }

div#nav
    {
    position: absolute;
    top:125px;
    left:10px;
    width:200px;
    border:0px solid yellow;
    color:#3E78AA;
    z-index:3;
    }
    div#nav ul
        {
        margin: 2px 2px 2px 0px;
        padding: 0px 0px;
        list-style-type: none;
        }
    div#nav ul#sub
        {
        margin: 2px 2px 2px 0px;
        padding: 0px 0px 0px 20px;
        list-style-type: none;
        }        
    div#nav ul#subsub
        {
        margin: 2px 2px 2px 0px;
        padding: 0px 0px 0px 40px;
        list-style-type: none;
        }        
        div#nav  li 
            {
            margin: 10px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 1em;
            color:black;
            background-color:#CCCCCC;
            height:25px;
            width:150px;
            text-align:center;
            border:2px solid black;
            }
        body#electronic li#electronicnav,
        body#product li#productnav,
        body#mzrs232 li#mzrs232nav,
        body#mz5vttl li#mz5vttlnav,
        body#ttlcmb1 li#ttlcmb1nav,
        body#mztimer li#mztimernav,
        body#service li#servicenav,
        body#software li#softwarenav,
        body#hardware li#hardwarenav,
        body#cnc li#cncnav,
        body#consulting li#consultingnav,
        body#web li#webnav,
        body#design li#designnav,
        body#php li#phpnav,
        body#java li#javanav,
        body#ajax li#ajaxnav,
        body#download li#downloadnav,
        body#contact li#contactnav
            {
            margin: 10px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 1em;
            background-color:#009000;
            color:#000000;
            height:25px;
            width:150px;
            right:50px;
            text-align:center;
            }
        div#nav a
            {
            display:block;
            height:25px;
            width:150px;
            text-decoration: none;
            color:#000000;
            font-weight:bold;
            line-height:25px;
            }
        div#nav a:hover
            {
            /*background-color:#CCCCCC;*/
            color:#009000;
            }
        body#electronic li#electronicnav a:hover,
        body#product li#productnav a:hover,
        body#mzrs232 li#mzrs232nav a:hover,
        body#mz5vttl li#mz5vttlnav a:hover,
        body#ttlcmb1 li#ttlcmb1nav a:hover,
        body#mztimer li#mztimernav a:hover,
        body#service li#servicenav a:hover,
        body#software li#softwarenav a:hover,
        body#hardware li#hardwarenav a:hover,
        body#cnc li#cncnav a:hover,
        body#consulting li#consultingnav a:hover,
        body#web li#webnav a:hover,
        body#design li#designnav a:hover,
        body#php li#phpnav a:hover,
        body#java li#javanav a:hover,
        body#ajax li#ajaxnav a:hover,
        body#download li#downloadnav a:hover,
        body#contact li#contactnav a:hover
            {
            color:#000000;
            }

div#data
    {
    position: absolute;
    top:125px;
    left:250px;
    width:650px;
    background-color:#CCCCCC;
    border:0px solid #cccccc;
    padding: 10px 10px 0px 20px;
    border:2px solid black;
    }
    div#data h1
        {
        font-size:1.8em;
        color:#009000;
        }
    div#data h2
        {
        font-size:1.2em;
        color:#009000;
        }
    div#data img
        {
        border:2px solid #3E78AA;
        }
    div#data hr
        {
        color:black;
        background-color:black;
        border:0;
        height:2px;
        clear:both;
        }
    div.dataleft
        {        
        position: relative;
        float:left;
        top:10px;
        left:5px;
        width:265px;
        border:0px solid red;
        padding: 0px 0px 0px 20px;
        overflow:hidden;
        }
    div.dataright
        {        
        position: relative;
        float:right;
        top:10px;
        left:0px;
        width:265px;
        border:0px solid #B9C6C8;
        padding: 0px 0px 0px 20px;
        overflow:hidden;
        }
    div.datafull
        {        
        position: relative;
        float:left;
        top:0px;
        left:5px;
        width:550px;
        border:0px solid #B9C6C8;
        padding: 0px 0px 0px 20px;
        overflow:hidden;
        }

body#contact fieldset
    {
    border:1px solid #3e4a49;
    }
body#contact label
    {
    display: block;
    float: left;
    clear: left;
    text-align:right;
    width:20%;
    margin: 5px 5px 5px 0;
    }
body#contact input, select
    {
    margin: 5px 5px 5px 0;
    width:50%;
    border: 1px solid #FEF7D6;
    padding: 2px;
    }
body#contact textarea
    {
    margin: 5px 5px 5px 5px;
    width:80%;
    border: 1px solid #FEF7D6;
    padding: 2px;
    }
body#contact input.submit
    {
    width: 100px;
    margin-left:250px;
    border: 2px solid black;
    }
 


div#footer
    {
    position:relative;
    top:40px;
    left:50%;
    margin-left:-200px;
    width:500px;
    height:20px;
    display:block;
    font-size:.8em;
    border:0px solid #B9C6C8;
    overflow:hidden;
    clear:both;
    }
p.clear
    {
    position:relative;
    height:0px;
    clear:both;
    }