html,body{
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    border:0px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    height:100%;
}
body{
    background-color:#898989;
}
form{
    margin:0px;
    padding:0px;
    border:0px;
}
img{
    border:0px;
}
#loadingIcon{
   position:absolute; 
   overflow:hidden; 
   z-index:999;
}
.text1{
    font-size:14px;
}
.text2{
    font-size:12px;
}
.text3{
    font-size:11px;
}
.text4{
    font-size:10px;
}
.bold{
    font-weight:bold;
}
.gray{
    color:#777777;
}
.red{
    color:#D10505;
}
.black{
    color:#000000;
}
a:hover{
    background:#D10505;
    color:#FFFFFF;
}
a{
    text-decoration:none;
    color:#D10505;
}
.clearBoth{
    clear:both;
}
.error{
    font-size:16px;
    font-weight:bold;
    color:#D10505;
    font-style:italic;
    padding:15px 0px 0px 0px;
}

#headerMsg{
    background-color:#000000;
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    padding:10px;
    text-align:center;
}

#mainBG{
    background:url('../images/bgGradient.jpg') repeat-x top left;
    height:auto;
    width:100%;
}
#bodyBG{
    width:870px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    background:url('../images/bodyBG.jpg') repeat-y top center;
}
#bodyTopBG{
    width:870px;
    height:100%;
    background:url('../images/bodyTopBG.jpg') no-repeat top center;
}
#mainBody{
    width:800px;
    height:100%;
    margin:0px 35px 0px 35px;
}
#bodyTable{
    padding:0px;
    margin:0px;
    border:0px;
    width:800px;
    height:100%;
}
#leftCol{
    width:146px;
    padding:0px 25px 25px 25px;
    vertical-align:top;
}
#rightCol{
    width:554px;
    padding:25px;
    vertical-align:top;
}
#mainLogo{
    height:275px;
    width:146px;
    cursor:pointer;
}
#companyBlurb{
    color:#888888;
    font-size:11px;
    line-height:16px;
    width:146px;
}
#navBox{
    color:#888888;
    font-size:16px;
    line-height:22px;
    margin:30px 0px 0px 0px;
    text-align:right;
    font-weight:bold;
}
.navItem{
    margin:0px 0px 5px 0px;
    color:#A1A1A1;
}

#headerBox{
    width:527px;
    height:200px;
    background:url('../images/headerBox.gif') no-repeat top left;
    color:#A1A1A1;
    font-size:18px;
    line-height:26px;
    padding:37px 30px 0px 0px;
    text-align:right;
}

#featuredBox{
    margin:30px 0px 0px 0px;
    padding:55px 0px 0px 0px;
    width:554px;
    background:url('../images/header_featured.gif') no-repeat top left;
}

.projectBox{
    width:544px;
    height:90px;
    border:1px solid #DEDBDB;
    padding:4px;
    margin:0px 0px 10px 0px;
}
.projectImage{
    float:left;
    height:90px;
    width:240px;
    cursor:pointer;
}
.projectBody{
    float:left;
    margin:0px 0px 0px 4px;
    padding:8px 10px 8px 10px;
    background:url('../images/projectBG.jpg') no-repeat top left;
    width:280px;
    height:74px;
    cursor:pointer;
    overflow:hidden;
}
.projectBodyOn{
    float:left;
    margin:0px 0px 0px 4px;
    padding:8px 10px 8px 10px;
    background:url('../images/projectBG_on.jpg') no-repeat top left;
    width:280px;
    height:72px;
    cursor:pointer;
}
.projectName{
    font-size:18px;
    font-weight:bold;
    color:#D10505;
}
.projectDesc{
    margin:5px 0px 5px 0px;
    font-size:11px;
    color:#545454;
    line-height:14px;
}
.projectFooter{
    color:#000000;
    font-weight:bold;
    font-size:11px;
}
.moreLink{
    width:100%;
    text-align:right;
    font-size:14px;
    font-weight:bold;
    color:#D10505;
}

#browseBox{
    margin:8px 0px 15px 0px;
    padding:63px 0px 0px 0px;
    background:url('../images/header_browse.gif') no-repeat top left;
    width:544px;
}
#browseControlBox{
    width:544px;
    border:1px solid #E8E8E8;
    padding:4px;
}
#browseControlBody{
    background-color:#F4F4F4;
    padding:8px;
}
.browseSelect{
    border:1px solid #CCCCCC;
    font-size:14px;
    width:150px;
    height:22px;
    padding:2px;
}
.browseHeader{
    margin:8px 0px 0px 0px;
    background:url('../images/projectBG_on.jpg') repeat-x bottom left;
    padding:4px;
    font-size:11px;
    color:#000000;
    font-weight:bold;
}

#portfolioBox{
    margin:0px 0px 15px 0px;
    padding:63px 0px 0px 0px;
    background:url('../images/header_portfolio.gif') no-repeat top left;
    width:544px;
}
.typeHeader{
    margin:25px 0px 10px 0px;
    background:url('../images/projectBG_on.jpg') repeat-x bottom left;
    padding:4px;
    font-size:20px;
    color:#666666;
    font-weight:bold;
    width:546px;
    border-bottom:3px solid #000000;
}
.secondTierLinkBox{
    text-align:right;
    width:546px;
    margin:0px 0px 10px 0px;
}

#skillsBox{
    margin:15px 0px 0px 0px;
    padding:63px 0px 0px 0px;
    background:url('../images/header_skills.gif') no-repeat top left;
    width:554px;
}
.skillsChart{
    margin:0px 0px 10px 0px;
}
.skillsBarOn{
    height:12px;
    background-color:#CCCCCC;
    color:#999999;
    font-size:10px;
    text-align:right;
    padding:0px;
    margin:0px;
    border:0px;
}
.skillsBar{
    height:12px;
    background-color:#E8E8E8;
    color:#999999;
    font-size:10px;
    text-align:right;
    padding:0px;
    margin:0px;
    border:0px;
}
.skillsChartName{
    font-size:10px;
    padding:0px 4px 0px 0px;
    border-right:1px solid #000000;
    color:#545454;
}

#servicesBox{
    margin:30px 0px 0px 0px;
    padding:63px 0px 0px 0px;
    background:url('../images/header_services.gif') no-repeat top left;
    width:554px;
}
.servicesCategoryLeft{
    margin:0px 15px 15px 0px;
    width:262px;
    float:left;
}
.servicesCategoryRight{
    margin:0px 0px 15px 0px;
    width:277px;
    float:left;
}
.servicesCategoryFull{
    margin:0px 0px 15px 0px;
    width:554px;
}
.servicesHeader{
    font-weight:bold;
    font-size:14px;
    margin:0px 0px 4px 0px;
}
.servicesProject{
    font-size:12px;
    color:#545454;
    padding:8px 0px 8px 8px;
    border-bottom:1px #DFDFDF dashed;
    cursor:default;
}
.servicesProjectOn{
    font-size:12px;
    color:#000000;
    padding:8px 0px 8px 8px;
    border-bottom:1px #DFDFDF dashed;
    background:url('../images/projectBG.jpg') repeat-x bottom left;
    cursor:default;
}

#clientsBox{
    margin:20px 0px 0px 0px;
    padding:63px 0px 0px 0px;
    background:url('../images/header_clients.gif') no-repeat top left;
    width:554px;
    clear:both;
}
.logo{
    float:left;
    margin:0px 14px 10px 0px;
}
#contactFooter{
    background-color:#000000;
    color:#FFFFFF;
    font-size:11px;
    padding:6px;
    text-align:center;
    clear:both;
}