/* General structural style declarations  */

body, html, div, td {
    font-family: Helvetica, Arial, Tahoma, Sans-serif ;
	font-size: 11px;
	color: #54534e;
	line-height: 15px;
}

body {
    font-family: Helvetica, Arial, Tahoma, Sans-serif ;
	font-size: 11px;
	color: #54534e;
    text-align: left;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/common/main-bg.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    overflow: auto;
    background-color: #eeeeed;
    line-height: 15px;
}

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

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

/*
.pageSection * {
    overflow: visible;
} */

#page * div, #page div, #page form {
    float: left;
}

#page {
    width:950px;
    margin:auto;
}

#header {
    width:918px;
    padding:115px 16px 0px 16px;
    height:31px;
    background-image:url(../images/common/header-bg.jpg);
    overflow:visible;
    display:block;
    position:relative;
    z-index:2;
}

#footerLeft {
    width:700px;
    height:30px;
    display:block;
    background-color:#f5f5f5;
    color:#999999;
    margin-left:16px;
    text-align:right;
    font-size:10px;
    padding-right:40px;
}

#footerLeft p {
    line-height:30px;
}

#footerRight {
    width:155px;
    height:50px;
    display:block;
    background-color:#fafafa;
    color:#999999;
    font-size:10px;
    padding:8px 10px 8px 13px;
}

#footerRight p {
    line-height:12px;
}

#footerBase {
    width:950px;
    margin:auto;
    height:40px;
    display:block;
}

#content {
    width:918px;
    min-height:510px;
    height:510px;
    height:auto !important;
    margin-left:16px;
    margin-right:16px;
    background-color:white;
}

#overviewContent {
    width:648px;
    min-height:410px;
    height:410px;
    height:auto !important;
    margin-left:16px;
    margin-right:16px;
    background-color:white;
    padding:40px 250px 60px 20px;
}

#genericContent {
    width:878px;
    min-height:410px;
    height:410px;
    height:auto !important;
    margin-left:16px;
    margin-right:16px;
    background-color:white;
    padding:40px 20px 60px 20px;
}

#projectContent {
    width:918px;
    min-height:410px;
    height:410px;
    height:auto !important;
    margin-left:16px;
    margin-right:16px;
    background-color:white;
    padding:40px 0px 60px 0px;
    z-index:1;
}

#newsContent {
    width:878px;
    min-height:410px;
    height:410px;
    height:auto !important;
    margin-left:16px;
    margin-right:16px;
    background-color:white;
    padding:40px 20px 60px 20px;
}

.newsItems {
    list-style:none;
    float:left;
    padding-left:0px;
}

.newsItems li {
    width:429px;
    margin-right:10px;
    margin-bottom:20px;
    float:left;
}

.newsThumb {
    width:142px;
    float:left;
}

.newsListContent {
    width:250px;
    padding:20px 15px;
    height:90px;
    display:block;
    float:left;
    overflow:hidden;
    background-color:#f2f2f1;
}

.newsListContent h3 {
    color:white;
    font-size:15px;
    line-height:17px;
    font-weight:normal;
}

.newsListContent:hover {
   background-color:#44ed9f; 
}

.newsListContent:hover p {
   color:white; 
}

.newsListContent:hover a {
   color:white; 
}

.newsListContent:hover .readmore {
   color:white; 
}

.newsLeft {
    float:left;
    width:533px;
    padding-right:40px;
}

.newsRight {
    width:300px;
    float:right;
}

.staffItems {
    list-style:none;
    float:left;
    padding-left:0px;
}

.staffItems li {
    width:429px;
    margin-right:10px;
    margin-bottom:20px;
    float:left;
}

.staffLeft {
    float:left;
    width:533px;
    padding-right:40px;
}

.staffRight {
    width:300px;
    float:right;
}

.readmore {
    margin-left:2px;
}

.leftColumn {
    width:294px;
    float:left;
    padding-right:30px;
}

.rightColumn {
    width:324px;
    float:left;
}

#homeContent {
    width:918px;
    height:313px;
    margin-left:16px;
    margin-right:16px;
    padding-top:230px;
    overflow:hidden;
}

.homeBodyTop {
    width:918px;
    height:106px;
    display:block;
    overflow:hidden;
}

.homeBodyBottom {
    width:918px;
    height:208px;
    display:block;
    overflow:hidden;
}

.homeModule {
    width:192px;
    height:208px;
    display:block;
    overflow:hidden;
    background-image:url(../images/common/home-module-bg.png);
}

.homeModule a {
    width:157px;
    height:188px;
    display:block;
    overflow:hidden;
    color:#ffffff;
    padding:10px 15px 10px 20px;
}

.homeModule a h1 {
    color:#ffffff;
    line-height:13px;
    font-size:12px;
}

.homeModule a p {
    color:#cccccc;
    line-height:13px;
}

.homeModule a p.readMore {
    color:#44ed9f;
}

.homeModule a:hover p {
    color:#ffffff;
}

.homeModule a:hover p.readMore {
    color:#ffffff;
}


.homeBody {
    width:474px;
    height:148px;
    display:block;
    background-color:white;
    padding-left:20px;
    padding-right:40px;
    padding-top:40px;
    padding-bottom:20px;
}

.homeBody h1 {
    font-size: 18px;
    line-height: 22px;
    color: #44ed9f;
    font-weight: bold;
    display:inline;
}

.primaryWrapper {
    width:209px;
    float:left;
    position: relative;
    z-index: 1000;
    height:31px;
}

.secondaryWrapper {
    width:209px;
    float:left;
    position: relative;
    z-index: 1000;
    height:31px;
}

.greenMenuHeading {
    background-image:url(../images/common/green-menu.jpg);
    background-repeat:no-repeat;
    background-position:right;
    background-color:#45EDA0;
    width:169px;
    height:31px;
    display:block;
    font-size:12px;
    font-weight:bold;
    color:white;
    padding:0px 20px;
}

.greenMenuHeading p {
    line-height:31px;
    cursor:pointer;
}

.primaryNav {
    list-style:none;
    display:block;
    width:209px;
    z-index:999;
    padding:0px;
    background-color:#45EDA0;
    color:white;
    opacity:0.9;
    padding-top:20px;
    padding-bottom:20px;
    display:none;
    position:absolute; 
}

.primaryNav li {
    padding: 2px 20px;
}

.primaryNav li a {
    color:white;
    font-weight:bold;
}

.primaryNav li a:visited {
    color:white;
}

.greyMenuHeading {
    background-image:url(../images/common/grey-menu.jpg);
    background-repeat:no-repeat;
    background-position:right;
    background-color:#54534e;
    width:169px;
    height:31px;
    display:block;
    font-size:12px;
    font-weight:bold;
    color:white;
    padding:0px 20px;
}

.greyMenuHeading p {
    line-height:31px;
    cursor:pointer;
}

.secondaryNav {
    list-style:none;
    display:block;
    width:209px;
    z-index:999;
    padding:0px;
    background-color:#54534e;
    color:white;
    opacity:0.9;
    padding-top:20px;
    padding-bottom:20px;
    display:none;
    position:absolute;
}

.secondaryNav li {
    padding: 2px 20px;
}

.secondaryNav li a {
    color:white;
    font-weight:bold;
}

.secondaryNav li a:visited {
    color:white;
}

.greySubTitle {
    width:740px;
    height:35px;
    display:block;
    background-color:#f2f2f1;
    margin-top:10px;
}

.greySubTitle p {
    line-height:35px;
    font-weight:bold;
    color:#54534e;
    padding-left:20px;
}

.projectLeft {
    float:left;
    width:740px;
}

.projectRight {
    float:left;
    width:158px;
    padding-top:75px;
    padding-left:10px;
    padding-right:10px;
}

.projectRight p {
    font-size:10px;
}

.projectImageWrapper {
    width:740px;
    height:400px;
    overflow:hidden;
    /*z-index:1;*/
    position:relative;
}

.projectImages {
    height:400px;
    overflow:hidden;
    width:10000px;
    position:relative;
/*    z-index:1;*/
}

.projectImage {
    width:740px;
    height:400px;
    display:block;
    background-color:#dbdbdb;
    float:left;
/*    z-index:1;*/
    position:relative;
}

.projectBodyLeft {
    width:390px;
    float:left;
    padding:40px 20px;
}

.projectBodyLeft p {
    font-size:16px;
    color:#44ed9f;
    line-height:18px;
}

.projectBodyRight {
    width:270px;
    float:left;
    padding:40px 20px;
}

.caption {
    display:none;
}

.imageNav {
    position:relative;
    top:-400px;
    left:700px;
    z-index:1000;
}

.imageNavLeft {
    float:left;
    cursor:pointer;
    ove
}

.imageNavRight {
    float:left;
    cursor:pointer;
}

.imageNavBgLeft {
    width:20px;
    height:20px;
    background-color:white;
    overflow:hidden;
}

.imageNavBgRight {
    width:20px;
    height:20px;
    background-color:#44ed9f;
    overflow:hidden;
}

h1 {
    font-size: 26px;
    line-height: 28px;
    color: #54534e;
    font-weight: bold;
    display:inline;
}

h2 {
    font-size: 26px;
    line-height: 28px;
    color: #44ed9f;
    font-weight: 400;
    display:inline;
    font-weight:bold;
}

h3 {
    font-size: 26px;
    font-weight: bold;
    color: #44ed9f;
    line-height: 28px;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    line-height: 15px;
    text-transform: uppercase;
}

h5 {
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}

ul, ol {
    padding-left: 15px;
}

p, ul, ol {
    line-height: 15px;
}

a, a:visited, a:link {
    color: #44ed9f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}