﻿/*--------------------- Last Modified --> 2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

td {margin:0;padding:0;}

tr {margin:0;padding:0;}

table {margin:0;padding:0;}

label {margin:0;padding:0;}

html {margin:0;padding:0;}

td {margin:0;padding:0;}

th {margin:0;padding:0;}

blockquote {margin:0;padding:0;}

p {margin:0;padding:0;}

input {margin:0;padding:0;}

fieldset {margin:0;padding:0;}

form {margin:0;padding:0;}

pre {margin:0;padding:0;}

h6 {margin:0;padding:0;}

h5 {margin:0;padding:0;}

h4 {margin:0;padding:0;}

h3 {margin:0;padding:0;}

h2 {margin:0;padding:0;}

h1 {margin:0;padding:0;}

li {margin:0;padding:0;}

ol {margin:0;padding:0;}

ul {margin:0;padding:0;}

dd {margin:0;padding:0;}

dt {margin:0;padding:0;}

dl {margin:0;padding:0;}

div {margin:0;padding:0;}

body {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
:visited img {border:0;}
:link img {border:0;}
a img {border:0;}
img {border:0;}
fieldset {border:0;}
var {font-style:normal;font-weight:normal;}
th {font-style:normal;font-weight:normal;}
dfn {font-style:normal;font-weight:normal;}
code {font-style:normal;font-weight:normal;}
cite {font-style:normal;font-weight:normal;}
caption {font-style:normal;font-weight:normal;}
address {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol {list-style:none;}
th {text-align:left;}
caption {text-align:left;}
h6 {font-size:100%;}
h5 {font-size:100%;}
h4 {font-size:100%;}
h3 {font-size:100%;}
h2 {font-size:100%;}
h1 {font-size:100%;}
q:after {content:'';}

q:before {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
        background:#67a3e6 url("../images/background-repeat.jpg") repeat;
        text-align:center; 
        font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
        color:#000;
        }


hr { color:#4d7aac;
width:615px;
 margin-left:0;
 background-color:#4d7aac;
 height:3px;
 }

blockquote { margin-left:10px; margin-right:10px; }

h1      { font-size:1.2em; color:#000; }
h2      { font-size:1.1em; color:#000; }
h3      { font-size:1.0em; color:#000; }

h3 span { display:none; }

h2 span { display:none; }

h1 span { display:none; }

a:visited        { color:#67a3e6; text-decoration:underline; outline:none; }

a:link        { color:#67a3e6; text-decoration:underline; outline:none; }
a:active        { color:#2c4d71; text-decoration:underline; outline:none; }

a:hover        { color:#2c4d71; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear  { 
        clear:both;
        }

div.clear       { 
        height:.01em; 
        overflow:hidden; 
        }

p.back-to-top {
        text-align:right;
        display:block;
        padding-right:15px;
        background:url("../images/bullet-back-to-top.jpg") right no-repeat;
        }

img.img-left { 
        float:left; 
        margin:2px 10px 10px 0px;
        }

img.img-right { 
        float:right; 
        margin:5px 0px 10px 10px; 
        }

/* ------------------------ form elements ------------------------ */
form {
        width:150px;
        margin:10px 0 15px 0; /* set margin left and right below */
        }

form label      { font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

select { 
        background-color:#66FFCC !important; /* to prevent highlighting by Google Toolbar */
        border:1px solid #B4790C;
        color:#000;
        width:145px; /* 5 pixles smaller than form width !important */
        height:18px;
        line-height:18px;
        vertical-align: middle;
        margin-bottom:4px; /* sets vertical spacing between fields */
        padding-top:1px; /* vertically position text in input/textarea field */
        padding-left:4px; /* horizontally position text in input/textarea field */
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
        font-size:1.0em;
        }

textarea { 
        background-color:#66FFCC !important; /* to prevent highlighting by Google Toolbar */
        border:1px solid #B4790C;
        color:#000;
        width:145px; /* 5 pixles smaller than form width !important */
        height:18px;
        line-height:18px;
        vertical-align: middle;
        margin-bottom:4px; /* sets vertical spacing between fields */
        padding-top:1px; /* vertically position text in input/textarea field */
        padding-left:4px; /* horizontally position text in input/textarea field */
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
        font-size:1.0em;
        }

input { 
        background-color:#66FFCC !important; /* to prevent highlighting by Google Toolbar */
        border:1px solid #B4790C;
        color:#000;
        width:145px; /* 5 pixles smaller than form width !important */
        height:18px;
        line-height:18px;
        vertical-align: middle;
        margin-bottom:4px; /* sets vertical spacing between fields */
        padding-top:1px; /* vertically position text in input/textarea field */
        padding-left:4px; /* horizontally position text in input/textarea field */
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
        font-size:1.0em;
        }

select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ main contac form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
        width:220px; 
        position:relative; 
        display:block; 
        text-align:right; 
        margin-bottom:10px;
        font-size:1.0em;
        }

#contact-main label select { 
        width:170px;
        position:absolute; 
        left:110%; 
        top:-2px;
        }

#contact-main label textarea { 
        width:170px;
        position:absolute; 
        left:110%; 
        top:-2px;
        }

#contact-main label input { 
        width:170px;
        position:absolute; 
        left:110%; 
        top:-2px;
        }

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

input.submit-contact-main { 
        width:60px;
        height:20px;
        cursor:pointer; 
        padding:0; 
        }

input.submit { 
        width:60px;
        height:20px;
        cursor:pointer; 
        padding:0; 
        }

input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-contact-main { /* REMOVE IF NOT USED */
        background:url("../images/btn-submit.jpg");
        width:64px;
        height:20px;
        border:none;
        cursor:pointer;
        }

input.submit-image { /* REMOVE IF NOT USED */
        background:url("../images/btn-submit.jpg");
        width:64px;
        height:20px;
        border:none;
        cursor:pointer;
        }

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
        background:url("../images/bottom-repeat.jpg") repeat-y;
        width:900px;
        margin:0 auto;
        text-align:left;
        }

/* ------------------------ masthead framework ------------------------ */
#masthead {
        position:relative;
        background:url("../images/masthead.jpg");
        height:149px;
        }
        /* index page link within #masthead */          
        #masthead a {   
                position:absolute;
                left:0px;
                width:0px;
                top:0px;
                height:0px; 
                }
        #masthead a span {
                display:none;
                }
#masthead-inside {
        position:relative;
        background:url("../images/masthead-inside.jpg");
        height:149px;
        }
        /* index page link within #masthead */          
        #masthead-inside a {    
                position:absolute;
                left:0px;
                width:0px;
                top:0px;
                height:0px; 
                }
        #masthead-inside a span {
                display:none;
                }


#middle-wrap {
        background:url("../images/body-wrap.jpg") repeat-y;
        width:900px;
    }

#middle-wrap-inside {
        background:url("../images/body-wrap-inside.jpg") repeat-y;
        width:900px;
    }
#middle-wrap-blank {
        background:url("../images/bottom-repeat.jpg") repeat-y;
        width:900px;
    }
        #middle-wrap-blank h3 {
        
        margin:20px 50px 20px 50px; /* adjusts the spacing between each li display and border-left */
        }
        #middle-wrap-blank h2 {
        
        margin:20px 50px 20px 50px; /* adjusts the spacing between each li display and border-left */
        }
        #middle-wrap-blank h1 {
        
        margin:20px 50px 20px 50px; /* adjusts the spacing between each li display and border-left */
        }
        #middle-wrap-blank p {
        
        margin:20px 50px 20px 50px; /* adjusts the spacing between each li display and border-left */
        }
/* ------------------------ column-left framework ------------------------ */
#column-left {
        width:256px;
        float: left;
        }

        #column-left dl {
                margin:0px 0px 10px 0px;
                }

        #column-left ul {
                margin:0px 0px 10px 0px;
                }

        #column-left h3 {
                margin:0px 0px 10px 0px;
                }

        #column-left h2 {
                margin:0px 0px 10px 0px;
                }

        #column-left h1 {
                margin:0px 0px 10px 0px;
                }

        #column-left p {
                margin:0px 0px 10px 0px;
                }

        #column-left form { margin-left:0px; } /* set form margin here */

        /* single column list */
        #column-left ul { padding-left:20px; }
                #column-left ul li { 
                        background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
                        padding-left:30px; /* pushes text to the right to display bg img */
                        }


/* ------------------------ column-middle framework ------------------------ */
#column-middle {
        width:260px;
        float:right;
        }

        #column-middle dl {
                margin:0px 35px 10px 10px;
                }
    
        #column-middle ul {
                margin:0px 35px 10px 10px;
                }
    
        #column-middle h3 {
                margin:0px 35px 10px 10px;
                }
    
        #column-middle h2 {
                margin:0px 35px 10px 10px;
                }
    
        #column-middle p {
                margin:0px 35px 10px 10px;
                }
    #column-middle h1 {
                margin:0px 0px 10px 60px;
                }
        

/* ------------------------ column-right framework ------------------------ */
#column-right {
        width:384px;
        float:right;
        }

        #column-right dl {
                margin:30px 30px 10px 30px;
                }

        #column-right ul {
                margin:30px 30px 10px 30px;
                }

        #column-right h3 {
                margin:30px 30px 10px 30px;
                }

        #column-right h2 {
                margin:30px 30px 10px 30px;
                }

        #column-right h1 {
                margin:30px 30px 10px 30px;
                }

        #column-right p {
                margin:30px 30px 10px 30px;
                }

        #column-right form { margin-left:0px; }

        /* single column list */
        #column-right ul { padding-left:5px; }
                #column-right ul li { 
                        background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
                        padding-left:10px;  /* pushes text to the right to display bg img */
                        }

#column-right-inside {
        width:644px;
        float:right;
        }

        #column-right dl {
                margin:10px 60px 10px 30px;
                }
    
        #column-right ul {
                margin:10px 60px 10px 30px;
                }
    
        #column-right-inside p {
                margin:10px 60px 10px 30px;
                }
    #column-right-inside h3 {
                margin:30px 0 10px 30px;
                }
        #column-right-inside h2 {
                margin:30px 0 10px 30px;
                }
        #column-right-inside h1 {
                margin:30px 0 10px 30px;
                }
        #column-right-inside form { margin-left:0px; }

        /* single column list */
        #column-right-inside ul { 
            padding-right:50px;
                padding-left:50px; 
                list-style:circle;
                }
                #column-right-inside ul li { 
                        background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
                        padding-left:10px;  /* pushes text to the right to display bg img */
                        
                        }
#column-footer-inside {
        width:644px;
        float:right;
        }

        #column-footer dl {
                margin:10px 60px 10px 30px;
                }
    
        #column-footer ul {
                margin:10px 60px 10px 30px;
                }
    
        #c p {
                margin:10px 60px 10px 30px;
                }
    #column-footer-inside h3 {
                margin:30px 0 10px 30px;
                }
        #column-footer-inside h2 {
                margin:30px 0 10px 30px;
                }
        #column-footer-inside h1 {
                margin:30px 0 10px 30px;
                }
        #column-footer-inside form { margin-left:0px; }

#column-footer-inside li span { display: none; }

#column-footer-inside ul {margin:20px;}
        #column-footer-inside li { /* if your li's float, you can adjust border height w/ line-height */
                padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
                display: inline;
                line-height:20px;
                border-left: 1px solid #999999;
                }
        #column-footer-inside li.first { border: none; }


/* ------------ must have below column-left and column-right to clear the float ------------ */
#middle-break {
        background:url("../images/bottom-repeat.jpg") repeat-y;
        width:100%; /* fix for Safar */
        clear:both; /* important - do not remove */
        }
        
#middle-break p {
        color:#000000;
        margin:0 50px 0 50px; /* adjusts the spacing between each li display and border-left */
        }
#footer a:visited { color:#009900; }
#middle-break a:link { color:#009900; }
#footer a:active { color:#000; }

#middle-break a:hover { color:#000; }

#middle-break ul {
     margin:0 50px 20px 50px;
         padding-left:20px;
         }
         #middle-break ul li {
     list-style:circle;
         }

        
        
/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
        background:url("../images/footer.jpg");
        width:100%; /* fix for Safar */
        height:56px;
        clear:both; /* important - do not remove */
        }
#bottom-wrap-inside {
        background:url("../images/footer-inside.jpg");
        width:100%; /* fix for Safar */
        height:56px;
        clear:both; /* important - do not remove */
        }
/* ------------------------footer framework ------------------------ */
#footer {
        width:800px;
        margin:0 auto;
        text-align:center;
        }

#footer p {
        color:#000000;
        margin-bottom:30px;
        }

#footer li span { display: none; }
#footer a:visited { color:#000000; }
#footer a:link { color:#000000; }
#footer a:active { color:#c72f30; }

#footer a:hover { color:#c72f30; }

#footer ul {margin:20px;}
        #footer li { /* if your li's float, you can adjust border height w/ line-height */
                padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
                display: inline;
                line-height:20px;
                border-left: 1px solid #999999;
                }
        #footer li.first { border: none; }

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */

#nav {
        width:200px;    /* Width of buttons, not entite image (or half of entire image) */
        margin:0;
        padding:0;
        }

#nav li span { display: none; }

#nav li { float:left; list-style:none; position:relative; }

#nav a { 
        height:30px;    /* Each button must have the same height, define it here */
        display:block;
        }

#nav li { 
        height:30px;    /* Each button must have the same height, define it here */
        display:block;
        }

/* margin-top to set where the nav should begin */
#nav-01 { margin-top:15px; width:200px; }

/* margin-top if there is a spacing between each nav button */
#nav-11  { margin-top:0; width:200px; }


#nav-10  { margin-top:0; width:200px; }


#nav-09  { margin-top:0; width:200px; }


#nav-08  { margin-top:0; width:200px; }


#nav-07  { margin-top:0; width:200px; }


#nav-06  { margin-top:0; width:200px; }


#nav-05  { margin-top:0; width:200px; }


#nav-04  { margin-top:0; width:200px; }


#nav-03  { margin-top:0; width:200px; }


#nav-02  { margin-top:0; width:200px; }


/* ------------------------ RESULTS PAGE ------------------------ */


body.results { 
        background:#FFFFFF;
        text-align:left; 
        font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
        color:#000;
        margin:10px 60px 10px 30px;
        }

table.results {
        border:0px solid #CCCCCC; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; font-size:12px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
        padding: 5px;
                    
}
td.results { width:80; vertical-align:top; text-align:center; width:80; 
}
td.results1 { width:80; vertical-align:top;  width:80; text-align:center; background-color: #FFF0F0;
