/* General structural style declarations  */

body {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#page {
    width: 899px;
    margin: 40px auto;
    display: block;
    padding: 0px;
}

/* The Following two declarations are to create more predictable behaviour cross browser */

#page * {
    margin: 0px;
    padding: 0px;
    overflow: visible;
    text-align: left;
}

#page * div {
    float: left;
}

/* Nav Structure */

#page #pageHeader {
    width: 899px;
    height: 48px;
    overflow: hidden;
}

#page #pageHeader ul {
    float: left;
}

#page #pageHeader ul li {
    float: left;
    width: 149px;
    height: 48px;
    margin-right: 1px;
}

#page #pageHeader ul li div{
    float: left;
    width: 149px;
    height: 48px;
}

#page #pageHeader ul li div {
    text-align: center;
}

#page #pageHeader ul li.rightEdge {
    margin-right: 0px;
}

#page #pageHeader ul li.rightEdge div a {
    position: relative;
    top: 6px;
}

/* Footer Structure */

/* Page Content Styles - Home */

#pageContent.home {
    width: 899px;
    height: 530px;
    margin-bottom: 10px;
}

#page #homePageTop {
    height: 210px;
    width: 496px;
    padding: 34px 0px 0px 37px ;
}

#page #homePageMiddle {
    height: 124px;
    width: 396px;
    padding: 34px 0px 0px 37px ;
    clear: both;
}

#page #homePageBottom {
    width: 396px;
    padding: 31px 0px 0px 37px ;
    clear: both;
}

/* Page Content Styles - General */

#page .contentHeader {
    width: 899px;    
}

#page .contentHeaderRight {
    float: right;
}

#page .headerTitle,
#page .headerContent {
    padding-top: 32px;
    padding-left: 35px;
}

#page .headerTitle {
    height: 71px;
}

#page .headerContent {
    height: 141px;
}
#page .about .headerContent {
    overflow:visible;
    position: relative; 
    z-index: 1000; 
    width: 453px;
}

#page .about .headerContent h2{
    width:530px; 
    position: relative;
    z-index: 100;
}

#page .about .contentHeaderRight {
    position: relative; 
    z-index: 0;
}

/* Page Content Styles - Services */

#page .services .contentHeader, #page .about .contentHeader {
    height: 276px;
    overflow: hidden;
}

#page .services .contentHeaderLeft, #page .about .contentHeaderLeft {
    width: 446px;
}

#page .services .contentHeaderRight, #page .about .contentHeaderRight {
    width: 453px;
    height: 276px;
}

#page .contentMain {
    width: 832px;
    padding: 30px 30px 25px 37px;
}

#page .contentMainLeft, #page .contentMainRight {
    width: 395px;
}

#page .contentMainRight {
    float: right; 
}

#page .contentMain ul {
    margin: 3px 0px 17px 0px;
}

#page .contentMain ul li {
    line-height: 24px;
}

#page #contentBodyShadow {
    background-image: url(../images/common/body-shadow.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom: 11px;
    width: 899px;
    height: 5px;
}

/* Case Studies */

#page .studies .contentHeaderRight {
    width: 300px;
    height: 103px;
}

#page .studies .contentMain {
    padding: 0px;
    width: 899px;
}

#page .studies .contentMainLeft {
    width: 525px;
    padding: 30px 0px 20px 37px;    
} 

#page .studies .contentMainRight {
    width: 300px;
}

#page .contentImageWrapper {
    padding-bottom: 17px;
}

#page .pdfList {
    width: 300px;
}

#page .pdfList li {
    width: 300px;
}

#page .pdfList li a {
    padding: 1px 0px 1px 31px;
}

#page .contentMainRight .caseStudies  {
    width: 300px;
}

#page .contentMainRight .caseStudies hr {
    float: left;
    width: 300px;
    height: 2px;
    overflow: hidden;
    margin: 0px;
}

#page .contentMainRight .caseStudy {
    padding: 18px 0px 0px 18px;
    width: 268px;
}

#page .contentMainRight .caseStudyBottom {
    width: 300px;
    overflow: hidden;
    height: 4px;
}

#page .links .contentMainLeft {
    height: 380px;
}

/* Links */

#page .linksList {
    position: relative;
    bottom: 5px;
}

#page .linksList li {
    padding: 7px 0px 4px 0px;
}

#page .contact .contentMainRight {
    position: relative;
    right: 10px;
}