/*
  Mozilla/Firefox Stylesheet
  Written by Angelo Lakra (angelo dot lakra at gmail dot com)
  For Zohnnie Construction Industries, Inc.
  Created on 3.16.07
  Last modified on 3.16.07
  */

html, body {
    background: #565252 url(/images/back.png) repeat-x;
    margin: 0;
    color: #000;
    font-family: "Times New Romans", Times, serif;
}

a {
    color: #F6F4E8; /* orange-like color */
    text-decoration: none;
}

a:hover {
    color: #E0C0B1; /* mustard-like color */
    text-decoration: none;
}

h2 {
    color: #b12c19; /* #C6731; */
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
}

p {
    margin-top: 0;
    font-size: 1em;
    font-weight: normal;
0}

address {
    font-style: normal;
    font-size: 0.8em;
    margin-top: 0px;
}

.areasoffocus{
    font-size: 1em;
    margin-left: 0px;
    
}

#container {
    background: #fff;
    margin: 50px auto;
    width: 900px; /* Place 10px on each side*/
}

#secondcontainer {
    margin: 0px 29px;
    width: 842px;
}

#header {
    position: relative;
    height: 120px;
}

#logo {
    position: absolute;
    float: left;
    background: url(../images/zci_logo.png) center center no-repeat;
    height: 90px;
    width: 226px;
    margin-top: 10px;
    z-index: 2;
}

#companyheadline {
    position: absolute;
    text-align: right;
    width: 100%;
    font-size: 2.0em;
    bottom: 40px;
    right: 10px;
}

#menu {
    position: absolute;
    background: #a12c19 url(../images/bw_border.png) repeat-x top ;
    width: 100%;
    top: 80px;
    height: 40px;
    font-weight: bold;
    z-index: 1;
}

#menu ul {
    color: #f6f4e9;
    list-style-type: none;
    margin-top: 20px;
    text-align: center;
    margin-right: 50px;
    
}

#menu ul li {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 5px;
}

#menu ul li:hover {
    background-color: black;
}

#bottommenuborder {
    background: #000;
    height: 3px;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#main-image {
    background: url(../images/gradient.jpg) repeat-y;
    width: 100%;
    height: 210px;
}

#magictext {
    background: url(../images/yahaninaah.png) 40px 5px repeat;
    width: 100%;
    height: 100%;
}

.horiz_border {
    height: 3px;
    width: 100%;
    background: #000;
    margin: 10px 0px 10px 0px;
    padding: 0 0 0 0;
}

.horiz_noborder {
    height: 3px;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

#content {
    padding-bottom: 10px;
}

#rightmain {
    float: right;
    background: url(../images/flagcarpet.png) top right no-repeat;
    height: 196px;
    width: 399px;
}

#leftmain {
    color: #a12c19;
    float: left;
    width: 400px;
    margin: 10px 0px 0px 10px;
    font-size: 1.4em;
}

.correspondence {
    margin-top: -10px;
    float: right;
    width: 230px;
    padding-left: 5px;
}

.correspondence ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    font-style: normal;
    font-size: 0.8em;
}

.correspondence h2 {
    margin-top: 10px;
}

div.qualifying-lists ul li {
    margin-bottom: 4px;
}

#descriptions {
    border-right: 3px solid black;
    width: 590px;
    padding-right: 10px;
}

#descriptions a{
    color: #b12c19;
}

img.profile {
    border: 1px solid #AAAAAA;
}

img.project-preview-img {
    border: 1px solid #AAAAAA;
    margin-bottom: 10px;
}

#bottomshadow {
    margin: -50px auto 0 auto;
    padding: 0 0 0 0;
    height: 8px;
    width: 900px;
    background: url(../images/bottom_border.png) 0px 0px repeat-x;
}

#pageediting a{
    color: #555;
}

#pageediting a:hover{
    color: #000;
}

/* Generic Styles */

.xsmall {
    font-size: 0.8em;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

table {
    font-size: 1em;
}

th, td {
    text-align: left;
    padding: 10px 10px 10px 10px;
    margin-right: 5px;
}


.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.relative { postion: relative; }

.red { color: #C22C19; }

.nobullets { list-style-type: none; }

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

.center { text-align: center; }
.full   { width: 100%; }

.mt  { margin-top: 10px; }
.mmt { margin-top: 40px; }
.mb  { margin-bottom: 10px; }
.mml { margin-left: 40px; }
.sml { margin-left: 60px; }

.zerotm { margin-top: 0px; }