/************************************************************
**
** TAI Groupe, LLC Style Sheet
** website: www.taigroupe.com
**
**    date: 20 July 2006
**  author: Orlando P. Metcalf III
** company: TAI Groupe, LLC
**   email: webmaster@taigroupe.com
**
** revision history
**
** version: 1.0
**   initial release.
**
************************************************************/

/************************************************************
** Type selector definitions
*/

body
  { margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: white;
    color: black;
    font-family: arial, verdana, helvetica, sans-serif;
  }

/* Sets the minimum width for the table cell contnet area. */
#doorstop
  { border: solid white 1px;
    width: 60em; 
    height: 0px;
  }
/* =====] Masthead Styles [===== */
#masthead
  { /* 
    ** Do not specify a "height" parameter. 
    ** The contained "float" elements will determine the actual 
    ** height value at run time. 
    */
    margin: 0px 0px 0px 0px; 
    position: relative; 
    width: 100%; 
    background: #365472 url("images/BannerBGSpacer.jpg") repeat-y; 
    font-weight: bolder;
    border: solid white 1px;
  }
#main-img
  { float:left;
  }
#masthead-text
  { margin: 0px 10px 0px 0px; 
    float: left;
  }
#companyName
  { margin: .5em 0em 0em 10px; 
    font-size: 2em;
  }
#mastheadSeparator
  { position: absolute; left: 145px; 
    width: 16em; height: 3px; 
    margin: 0px; 
    color: black;
    background-color: black;
  }
#mission
  { margin: .25em 0em 0em 10px; 
    font-size: 1em;
  }
#philosophy
  { margin: 0px 0px 0px 0px;
    position: absolute; right: 0.5em; bottom: 0.2em;
    font-style: italic;
    font-size: 1.5em;
    color: white;
  }
#masthead-clear
  {/*
   ** The clear must appear after both of the floated divs.
   ** This trick allows the longer to set the parent div height. 
   */
    clear: both;
  }
/* =====] Navigation Styles [=====*/

#mainnav
  { position: absolute;
    top: 1em;
    left: 0em;
  }

#navlist
  { margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    font-size: 83%;
    font-weight: bold;
    color: #000000;
    border-top: solid black 1px;
    border-bottom: solid black 1px;
  }

/* Delete the comments to create an inline menu */
/*
#navlist li
  { display: inline;
  }
*/

#navlist li
  { margin: .2em 1em .2em 1em;
  }

#navlist li a
  { margin: 0em 0em .2em 0em;
/*    padding: .2em 1em .2em 1em;*/
    color: #ffffff;
    background-color: #003366;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 9em;
  }
#navlist li a:hover
  { color: #ffffff;
    background-color: #4477aa;
    width: 9em;
  }

#home #navlist .home a,
#about #navlist .about a,
#contact #navlist .contact a
  { background-color: #226688;
  }

/* =====] Footer Styles [===== */
#footer
  { margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 98%;
    clear: both;
  }
#copyright
  { text-align: center;
    font-size: 75%;
  }
#footNav
  { margin: 2em 0em 0em 0em;
    text-align: center;
    font-size: 75%;
  }
#footNav ul
  { margin: 0px;
    padding: 0px;
    list-style-type: none;
  }
#footNav ul li
  { display: inline;
  }
#footNav ul li a
  { color: #000000;
  }
#footNav ul li a:hover
  { color: #ff0000;
  }

/* =====] Container Styles [===== */

#container
  { /* positioning the 'container' as relative allows
    ** the container to move up and down relative to the 
    ** dynamic height of the masthead based on the resizing
    ** of the masthead font.
    */
    position: relative;
    margin: 0em 0.5em 0em 0.5em;
  }

/* =====] Wrapper Styles [===== */

#wrapper
  { position: relative;
    margin: 0em 0em 0em 0em;
    /*
    ** The following border statement corrects a positioning
    ** problem in IE 6.0.2900.  The color attribute must
    ** match the underlying 'background color' of the wrapper
    ** area.
    */
    border: solid white 1px;
  }

/* =====] Content Styles [===== */

#home #container #content,
#about #container #content,
#contact #container #content
  { margin: 0em 0em 0em 0em;
    padding-left: 10em;
    overflow: clip;
  }

/*#contact*/ #container #content p
  { font-size: 83%;
  }

#contact #container #content .hqAddress
  { margin: 0px 0px 0px 20px;
    font-size: smaller;
  }

.email
  {
  }

.email img
  { margin: 10px;
  }

#contact #container #content .email-text
  { margin-left: 100px;
    font-size: small;
    display: block;
  }

.telephone
  { 
  }

.telephone img
  { margin: 10px;
  }

#contact #container #content .telephone-text
  { margin-left: 100px;
    font-size: smaller;
    display: block;
  }

#content ol
  { font-size: 83%;
  }