body 
{
    background-color: black;
    color: black;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1em;

    padding: 0px;
    margin: 0px;
}

table, td, th, div, input
{
    padding: 0px;
    margin: 0px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1em;
    border-collapse: collapse;
}

img 
{
    border: none;
    padding: 0px;
    margin: 0px;
}


a:visited { color: #f80; text-decoration: underline; }
a:link { color: #42369c; text-decoration: underline; }
a:active { color: #42369c; text-decoration: underline; }
a:hover { color: #333; background-color: #f80; text-decoration: underline; }

a.img:hover { color: #333; background-color: transparent; text-decoration: none; }

div 
{
    padding: 0px;
    margin: 0px;
}

div.centered
{
    margin: auto;
    width: 1100px;
}

div.centeredLeft
{
    min-width: 1100px;
    margin: 0px;
}

.lBrdr {
    border-left: 1px dotted red;
}

.rBrdr {
    border-right: 1px dotted red;
}

.tBrdr {
    border-top: 1px dotted red;
}

.bBrdr {
    border-bottom: 1px dotted red;
}


div.content
{
    color: #333;
}

div.content p,
div.content h1,
div.content h2,
div.content h3,
div.content h4
{
    margin-top: 0px;
    margin-bottom: 0px;
}

div.mmenu {
    text-align: center;
    height: 70px;
    margin: 0px; 
    left: 0px; 
    background-color: #282828;
    display: normal;
}

.mmenu a, span.phone {
    height: 70px;
    display: inline-block;
    margin: 20px 40px 20px 40px;
    vertical-align: middle;
    font-size: 1.3em;
}

span.phone {
    color: white;
    margin-left: 100px;
}

.mmenu a:visited { color: #ccc; text-decoration: none; }
.mmenu a:link { color: #ccc; text-decoration: none; }
.mmenu a:active { color: #fff; text-decoration: none; }
.mmenu a:hover { color: #fff; background-color: transparent; text-decoration: underline; }

a.maillink:visited { color: #ccc; text-decoration: none; }
a.maillink:link { color: #ccc; text-decoration: none; }
a.maillink:active { color: #fff; text-decoration: none; }
a.maillink:hover { color: #fff; background-color: transparent; text-decoration: underline; }

div.projectBG, div.textBG {
    /*margin-top: 66px;*/
    width: 100%;
    min-width: 1100px;

    height: 900px;
}

div.projectBG {
    /* Add the blur effect */

    filter: blur(10px);
    -webkit-filter: blur(15px);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

div.project
{
    /*background-color: lime;*/
    
    margin: 0px 0px 0px 0px;
    height: 800px;
    padding: 50px 0px 50px 0px;
}

.project div.prjLeft {
    float: left;
    width: 395px;
    height: 700px;
    

    /*float: left; border: dotted 1px lime;*/
}

.project div.prjRight {
    float: left;
    width: 600px;
    height: 700px;
    
    min-width: 640px;

    /*float: right;border: solid 1px yellow;*/
}

#imgText {
}

#imgPrjTitle {

    text-align: center;
}

#imgPrjInfo {
    padding-left: 20px;
    color: white;
}

#imgInfo {
    font-weight: bold;
}

#imgNo {
    font-size: 150%;
    font-weight: bold;
}

h3.project-ttl {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 5em;
    color: #eee;
}
.prjRight {
    
}

.prjLeft {
    color: white;
}

.darktext{
    color: #333;
}

.prjLeft p {
    width: 90%;
}

.prjLeft * .big {
    font-size: 4em;
    font-weight: bold;
    vertical-align: top;
    text-align: right;
}
.prjLeft * .txt {
    padding: 10px;
    vertical-align: top;
}

.imgs {
    height: 615px; 
    width: 505px; 
    position: relative; 
    left: 0px; 
    top: 0px; 
    padding: 10px 0px 10px 0px; 
}

.cont {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 630px;  
    overflow: hidden;
    /*border: 1px solid orange;*/
}

.arrows 
{
    margin-top: 30px; 
}
.gray 
{
    color: #333;
}

.trnsp {
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
}

.project .popup-info {
    /*visibility: hidden;*/
    display: none;
}

.ft { 
    width: 200px; 
    text-align: right; 
    padding: 3px;
}
.fv {
    padding: 3px;
}
.fi {
    padding: 10px;
    padding-left: 200px;

}
.fb {
    padding: 10px;
}

.fb input {
    font-weight: bold;
    font-size: 1.5em;
    background-color: #beb5e1;
    padding: 10px 30px;
}

.f {
    padding: 3px;
    width: 300px;
}

#steps {
    background-color: #f4f1ff;
    height: 10em;
}

#steps h3 {
    color: #333;
}

#steps .s {
    padding-left: 10px;
    padding-right: 20px;
}

#steps .n {
    text-align: center;
    font-weight: bold;
    width: 2em;
    height: 2em;
    font-size: 1.5em;
    background-color: #FFCC00;
}

#steps .arrw {
    width: 60px;
    background-image: url('/i/pnkR.png');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

#steps div span {
    color: #9f7be0;
    font-weight: bold;        
}

#stps td {
    vertical-align: middle;
}