/**
 * Fiber-Tech Electric
 *
 * Style sheet for Internet Explorer - Firefox - Safari.
 *
 * @version       1.0 (05-06-2008)
 * @author        Steven J Tucker <s.tucker@thehouseoftucker.com>
 * @license       <http://creativecommons.org/licenses/by-nc-sa/3.0/us/>
                  Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.
 * @copyright     Copyright (c) 2008-2012, Steven J Tucker
 * @link          http://www.thehouseoftucker.com
 *
 * -------------------------------------------------------------------------------------
 *
 * #0000FF  -  BLUE    (000-000-255)
 * #808A8B  -  GRAY    (128-138-139)
 * #330000  -  MAROON  (051-000-000)
 * #000000  -  BLACK   (000-000-000)
 *
 * -------------------------------------------------------------------------------------
 */

/* DOCTYPE VIEW ----------------------------------------------------------------------*/

/* HEADER VIEW -----------------------------------------------------------------------*/
html {
  margin: 0 auto;
  height: 100%;
  }
  
body {
  font-family: 'Arial', 'Times New Roman', sans-serif;
  background: url('/FTE_resources/image/diamond-plate.jpg') repeat;
  background-color: #808A8B;
  width: 900px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  }

a {
  font-weight: bold;
  color: #330000;
  text-decoration: none;
  }

a:hover {
  color: #0000FF;
  text-decoration: none;
  }

.main-wrapper {
  background-color: #808A8B;
  float: left;
  margin: 0 auto;
  text-align: left;
  width: 900px;
  height: 100%;
  }

/* MENU VIEW -------------------------------------------------------------------------*/
.menu-wrapper {
  background-color: #808A8B;
  margin: 0 auto;
  float: left;
  text-align: left;
  width: 900px;
  }

.menu-left {
  margin: 10px 10px 0 10px;
  float: left;
  padding: 1px;
  border: 2px solid #330000;
  }

.menu-right {
  width: 628px;
  margin: 9px 9px 0 9px;
  float: left;
  }

.menu-right-top {
  font-family: 'Georgia', 'Times New Roman', sans-serif;
  font-weight: normal;
  font-variant: small-caps;
  color: #330000;
  font-size: 60px;
  text-align: center;
  padding-top: 28px;
  padding-bottom: 27px;
  }

.menu-right-bottom {
  border-top: 2px solid #330000;
  border-bottom: 2px solid #330000;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  }

.menu-text {
  font-family: 'Georgia', 'Times New Roman', sans-serif;
  font-variant: small-caps;
  color: #330000;
  font-size: 16px;
  margin-left: 25px;
  margin-right: 25px;
  }

.menu-text {
  font-weight: normal;
  }

.menu-text-seperator {
  font-weight: bold;
  }

.menu-inactive {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  }

img.menu-picture {
  background-repeat: no-repeat;
  width: 225px;
  height: 150px;
  vertical-align: bottom;
  }

img.menu-seperator {
  position: relative;
  width: 4px;
  height: 4px;
  padding: 4px;
  border: none;
  }

/* COYPRIGHT VIEW --------------------------------------------------------------------*/
.copyright-wrapper {
  background-color: #808A8B;
  margin: 0 auto;
  float: left;
  text-align: left;
  width: 900px;
  padding-top: 30px;
  padding-bottom: 10px;
  }

.copyright-left {
  background-color: #808A8B;
  float: left;
  width: 240px;
  clear: both;
  text-align: left;
  min-height: 50px;
  margin-left: 20px;
  }

.copyright-right {
  background: url('/FTE_resources/image/ibew.gif') no-repeat;
  background-color: #808A8B;
  float: right;
  width:575px;
  min-height: 50px;
  margin-right: 40px;
  }

.copyright-text-left,
.copyright-text-right {
  font-family: 'Georgia', 'Times New Roman', sans-serif;
  font-weight: normal;
  font-variant: small-caps;
  color: #330000;
  font-weight: bold;
  font-size: 12px;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
  }

.copyright-text-left {
  float: left;
  text-align: left;
  }

.copyright-text-right {
  float: right;
  text-align: right;
  }

/* FOOTER VIEW -----------------------------------------------------------------------*/

/* CONTACT VIEW ----------------------------------------------------------------------*/
.contact-wrapper {
  background-color: #808A8B;
  margin: 0 auto;
  float: left;
  text-align: left;
  width: 240px;
  }

.contact-left {
  margin: 20px 0 0 20px;
  font-size: 12px;
  float: left;
  text-align: left;
  }

.contact-left-top-title {
  font-size: 16px;
  font-weight: bold;
  }

.contact-left-top,
.contact-left-middle,
.contact-left-bottom {
  text-align: left;
  width: 219px;
  }

.contact-left-middle-left {
  width: 60px;
  float: left;
  }

/* CLIENTS VIEW ----------------------------------------------------------------------*/
.clients-wrapper {
  background-color: #808A8B;
  margin: 20px 20px 0 0px;
  padding-left: 20px;
  border-left: 2px solid #330000;;
  min-height: 250px;
  height: auto;
  width: 600px;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  float: left;
  }

.clients-title {
  font-weight: bold;
  font-size: 13px;
  color: #330000;
  padding-bottom: 5px;
  text-decoration: underline;
  }

.clients-text {
  margin-left: 10px;
  padding-bottom: 5px;
  }


/* PROJECTS VIEW ---------------------------------------------------------------------*/
.projects-wrapper {
  background-color: #808A8B;
  margin: 20px 20px 0 0px;
  padding-left: 20px;
  border-left: 2px solid #330000;
  min-height: 250px;
  height: auto;
  width: 600px;
  font-weight: normal;
  font-size: 13px;
  text-align: left;
  float: left;
  }

.projects-information {
  float: left;
  width: 300px;
  }

.projects-title {
  font-weight: bold;
  font-size: 13px;
  color: #330000;
  padding-bottom: 5px;
  text-decoration: underline;
  }

.projects-name {
  font-weight: bold;
  font-size: 13px;
  }

.projects-text-left,
.projects-text-right {
  font-size: 12px;
  float: left;
  text-align: left;
  }

.projects-text-left {
  width: 75px;
  }

.projects-text-right {
  width: 200px;
  }

/* ABOUT VIEW ---------------------------------------------------------------------*/
.about-wrapper {
  background-color: #808A8B;
  margin: 20px 20px 0 0px;
  padding-left: 20px;
  border-left: 2px solid #330000;
  min-height: 250px;
  height: auto;
  width: 600px;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  float: left;
  }