body
{
    margin: 0;
    padding: 30px 0 0 0;
    background: #d3d3d3 url(img/layout/bg-body.gif) repeat-x top;
    font-family: Arial,Tahoma;
    font-size: 8pt;
}

.main-shade
{
    margin: auto;
    width: 830px;
    background: url(img/layout/bg-main-shade.gif) no-repeat 815px 0;
    overflow: hidden;
}

/* SPLASH */

.spl-main
{
    margin: auto;
    width: 750px;
    padding: 25px;
    padding-bottom: 50px;
    background: #fff;
    overflow: hidden;
}

.spl-logo
{
    margin: auto;
    margin-top: 25px;
    margin-bottom: 35px;
    display: block;
    width: 339px;
    height: 132px;
    background: url(img/layout/splash-logo.gif) no-repeat center;
}

.spl-logo span
{
    display: none;
}

.spl-main p
{
    margin: 15px 210px;
    font-size: 8pt;
}

.spl-enter
{
    margin: 25px auto;
    display: block;
    width: 339px;
    height: 12px;
    background: url(img/layout/splash-enter.gif) no-repeat center;
}

.spl-enter span
{
    display: none;
}


/* PAGES */

.main
{
    margin: auto;
    width: 750px;
    padding: 25px;
    padding-bottom: 50px;
    background: #fff url(img/layout/bg-main.gif) no-repeat 25px 125px;
    overflow: hidden;
}

.logo
{
    display: block;
    width: 504px;
    height: 81px;
    background: url(img/layout/logo.gif) no-repeat center;
}

.logo span
{
    display: none;
}

/* MENU */

.menu
{
    margin-top: 20px;
    margin-bottom: 15px; *margin-bottom:25px;
text-align:center;
font-family:Arial;
font-size:9pt;
padding-top:10px;
height:25px;
*height:auto;
}

.menu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li
{
    display: inline;
    margin: 0;
    border-left: solid 1px #d2d2d2;
    padding: 5px 4px 5px 7px; *padding:04px07px;
}

.menu li.first
{
    border-left: none;
}

.menu a
{
    padding: 5px 22px;
    color: #000;
    text-decoration: none;
}

.menu a:hover, .menu a.mmactive
{
    padding: 5px 22px;
    color: #fff;
    background: #01005d;
}

/* LEFT COLUMN */

.leftcol
{
    float: left;
    display: inline;
    margin-left: 15px;
    width: 235px;
    font-size: 8pt;
}

.downleftcol
{
    margin-left: 15px;
    width: 235px;
    font-size: 8pt;
}

.leftcol h2.cs
{
    margin: 0;
    margin-top: 10px;
    width: 235px;
    height: 25px;
    background: url(img/layout/lft-cs-top.gif) no-repeat top;
}

.leftcol h2.cs span
{
    display: none;
}

.leftcol ul.cs-list
{
    margin: 0;
    padding: 0;
    padding-bottom: 12px;
    padding-top: 3px;
    list-style: none;
    margin-bottom: 10px;
    background: url(img/layout/lft-cs-bg.gif) no-repeat bottom;
}

.leftcol ul.cs-list li
{
    margin: 0;
    padding: 0;
}

.leftcol ul.cs-list a
{
    display: block;
    width: 190px;
    height: 21px;
    padding: 7px 0 0 30px;
    background: url(img/layout/lft-cs-list.gif) no-repeat 0 -28px;
    color: #000;
    text-decoration: none;
}

.leftcol ul.cs-list a:hover
{
    color: #fff;
    background-position: 0 0;
}

.leftcol p
{
    margin-right: 5px;
    background: url(img/layout/hdots.gif) repeat-x bottom;
    padding-bottom: 10px;
}

.leftcol p span
{
    color: #b9b9b9;
    font-style: italic;
}

/* RIGHT COLUMN */

.rightcol
{
    float: left;
    display: inline;
    margin-left: 10px;
    padding-left: 15px;
    width: 460px;
    background: url(img/layout/vdots.gif) repeat-y top left;
    font-size: 8pt;
}

.rightcol h1
{
    font-size: 12pt;
    color: #01005d;
    margin-right: 100px;
}

.rightcol h2
{
    font-size: 9pt;
    color: #01005d;
    margin-right: 100px;
    text-transform: uppercase;
}

.rightcol p
{
    margin-right: 100px;
}

.rightcol a
{
    color: #01005d;
    text-decoration: underline;
}

.rightcol a:hover
{
    text-decoration: none;
}
.tel
{
    width: 6.0em;
    display: block;
    float: left;
}

/* PROJECTS */

a.prj-prev
{
    float: left;
    display: block;
    width: 150px;
    height: 15px;
    padding-left: 18px;
    background: url(img/projects/arrow-prev.gif) no-repeat center left;
    text-decoration: none;
    color: #939598;
    margin-bottom: 10px;
}

a.prj-next
{
    float: right;
    display: block;
    width: 150px;
    height: 15px;
    background: url(img/projects/arrow-next.gif) no-repeat center right;
    text-align: right;
    padding-right: 18px;
    text-decoration: none;
    color: #939598;
    margin-bottom: 10px;
}

.prj-thmb, .prj-thmb-middle
{
    float: left;
    margin: 5px 0;
    display: block;
    width: 143px;
    height: 120px;
    text-align: center;
}

.prj-thmb-middle
{
    margin: 5px 15px;
}

.prj-thmb a img, .prj-thmb-middle a img
{
    border: solid 4px #fff;
    text-decoration: none;
}

.prj-thmb a:hover img, .prj-thmb-middle a:hover img
{
    border: solid 4px #cd2027;
}

.prj-thmb a, .prj-thmb-middle a
{
    text-decoration: none;
    color: #939598;
}

/* popup box*/
#RB_overlay
{
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    background-color: #eee;
}

#RB_loading
{
    z-index: 101;
    width: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    padding-bottom: 30px;
    text-align: center;
}

#RB_window
{
    z-index: 102;
    background: transparent;
    display: block;
    text-align: left;
    overflow: hidden;
    margin: 20px auto 0 auto;
    position: fixed;
    position: absolute;
}

.popup
{
    width: 588px;
    height: 588px;
    background: url(img/popup/pop-bg.gif);
    font-size: 8pt;
    padding-left: 10px;
    background-color: white;
    border: 2px #01005d solid;
    overflow: auto;
}

.popup img
{
    border: 0;
    margin-right: 10px;
}

.popupinlistimga
{
    padding: 2px;
}

/* .popupinlistimga:hover {  border: solid 2px #cd2027; padding:0px; } */

.popupintitle
{
    float: left;
    width: 290px;
    height: 20px;
    padding-top: 15px;
    padding-left: 9px;
    color: Navy;
    font-weight: bold;
    text-transform: uppercase;
}

.popupinspec
{
    float: left;
    width: 290px;
    height: 80px;
    padding-left: 9px;
}

.popupinclose
{
    float: right;
    padding-top: 9px;
    margin-right: 10px;
}

.popupinbigimg
{
    float: left;
    width: 315px;
    top: 200px;
    padding-left: 9px;
}

.popupinlistimg
{
    float: right;
    width: 151px;
    padding-right: 4px;
    height: 340px;
    top: 200px;
    text-align: center;
}

.popupindesc
{
    overflow: auto;
    float: left;
    padding-left: 9px;
    margin-top: 10px;
    height: 270px;
    width: 405px;
    text-align: justify;
}

/* OTHER */
.quoteauthor
{
    color: #01005d;
}
.DetailsViewProject tbody tr td
{
    padding-bottom: 10px;
}