@charset "UTF-8";
/* CSS Document */


body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: justify;
    color: #858585;
    margin: 0px;
    padding: 0px;
    height: 100%; /* this is the key! */ 
}

a:link, a:visited {
    color: #d40505;
    text-decoration: underline;
}

a:hover {
    color: #970505;
    text-decoration: none;
}

img {
    border: none;
}

h1, h2, h3 {
    display: inline;
    font-weight: normal;
    color: #666666;
}

h4 {
    font-size: 13px;
    font-weight: normal;
    display: inline;
}

.contactStyle {
    color: #bdbdbd;
}

.contactStyle a:link, .contactStyle a:visited {
    color: #bdbdbd;
    text-decoration: underline;
}

.contactStyle a:hover {
    color: #CCCCCC;
    text-decoration: none;
}

#leftColumn {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 853px;
    height: 100%; /* works only if parent container is assigned a height value */
    border-right: 1px solid #dadada;

}

#rightColumn {
    position: absolute;
    left: 860px;
    top: 0;
    padding: 0;
    width: 150px;
    height: 100%;
}

#rightColumnContent {
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
}

#moreBackHolder {
    width: 100%;
    height: 22px;
    padding-top: 40px;
    float: left;
    display: inline;
}

#sectorHoldermore {
    width: 100%;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    float: left;
    display: inline;
}

#multiSectionHolder {
    position: absolute;
    left: 0;
    top: 0px;
    padding: 0;
    height: 360px;
    border-bottom: 1px solid #dadada;
    width: 100%;
}

#multiSectionPictures {
    position: absolute;
    left: 0;
    top: 72px;
    padding: 0;
    height: 290px;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#multiSectionTitles {
    position: absolute;
    left: 0;
    top: 362px;
    padding: 0;
    height: 21px;
    width: 100%;
}

#multiSectionNav {
    padding: 0;
    width: 100%;
    float: left;
    display: inline;
    border-bottom: 1px solid #dadada;
}

#thumbnailNav {
    padding: 0;
    width: 50px;
    height:20px;
    position:absolute;
    top:0px;
    right:20px;
    display: block;
    z-index:30;
}

#portfolioThumbs {
    border-bottom: 1px solid #dadada;
    height:142px;
    padding:0px;
}

.multiSectionPictures {
    padding: 0;
    height: 290px;
    width: 100%;
    float: left;
    display: inline;
    border-bottom: 1px solid #dadada;
}

.multiSectionTitles {
    padding: 0;
    height: 21px;
    width: 100%;
    float: left;
    display: inline;
}

#galleryHolder {
    width: 100%;
    float: left;
    display: inline;
}

.galleryJS {
    float: left;
    display: inline;
}

.galleryJS ul {
    list-style:none;
    margin:0;
    padding:0;
    padding-right:5px;
    }
    
.galleryJS li {
    float:right;
    list-style:none;
    margin:0;
    padding:0;
}

#sectorHolder {
    position: absolute;
    left: 0;
    top: 72px;
    padding: 0;
    height: 290px;
    width: 100%;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

#sectorFlashHolder {
    position: absolute;
    left: 6px;
    top: 7px;
    padding: 0;
    height: 275px;
    width: 841px;
}

#sectorImageHolder {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    height: 275px;
    width: 100%;
}

#sectorTitleHolder {
    position: absolute;
    left: 0;
    top: 362px;
    padding: 0;
    height: 30px;
    width: 100%;
}

#sectionContentHolder {
    position: absolute;
    text-align: justify;
    left: 230px;
    top: 405px;
    text-align: right;
    line-height: 20px;
    padding: 0;
    width: 610px;
}

#contactHolder {
    position: absolute;
    left: 230px;
    top: 640px;
    text-align: right;
    line-height: 22px;
    padding: 0;
    width: 610px;
}

.sector {
    width: 115px;
    padding: 7px 0 7px 6px;
    float: left;
    display: inline;
}

.sector a:link, .sector a:visited {
    color: #858585;
    text-decoration: none;
}

.sector a:hover {
    color: #858585;
    text-decoration: underline;
}

.categorytitle {
    display:block;
    margin-top:10px;
    vertical-align:bottom;
    height:40px;
}

#projectThumbnails {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    height: 135px;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

.thumb {
    width: 115px;
    padding: 9px 0 7px 6px;
    float: left;
    display: inline;
}

#projectTitle {
    position: absolute;
    left: 7px;
    top: 82px;
    padding: 0;
    height: 25px;
    width: 100%;
}

#projectDetailTitle {
    position: absolute;
    left: 7px;
    top: 148px;
    padding: 0;
    height: 25px;
    background-image:url(images/transwhite.png);
    background-repeat:repeat;
    z-index:20;
    overflow:hidden;
    width: 839px;
}

#projectDetailTitle p {
    padding:15px;
    width: 97%;
}

#projectDetailTitle h3 {
    padding-right:5px;
}
#companyBanner {
    position: absolute;
    left: 0;
    top: 72px;
    padding: 0;
    height: 156px;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#principalsBanner,
#generalBanner {
    position: absolute;
    left: 0;
    top: 72px;
    padding: 0;
    height: 156px;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

#companyContent {
    position: absolute;
    left: 0;
    top: 235px;
    padding: 0;
    width: 100%;
}

#principalsContent {
    position: absolute;
    left: 0;
    top: 235px;
    padding: 0;
    width: 100%;
}

#companyContent a:link, #companyContent a:visited {
    color:#666666;
}

#mainImageHolder {
    position: absolute;
    left: 7px;
    top: 180px;
    padding: 0;
    height: 600px;
    width: 100%;
}

#copyrightInformation {

    position: absolute;
    left: 230px;
    bottom: 7px;
    text-align: right;
    line-height: 22px;
    font-size: 10px;
    color: #CCCCCC;
    padding: 0;
    width: 610px;
}

#projectsContainer {
    padding:0px 0px 30px 30px;
}

#galleryJS ul {
    list-style:none;
    float:right;
}
#galleryholder li {
    list-style:none;
    display:block;
    float:left;
}
#visionHolder {
    position: absolute;
    left: -1px;
    top: 7px;
    padding: 0;
    height: 580px;
    width: 854px;
    border-right: 1px solid #dadada;
    }

#content-dummy {display:none;}      
#slider {width:98%}
#slider2 {width:98%}
.header {width:90%; background-color: #fff; padding:8px; margin-top:5px; cursor:pointer;}
#slider2 .header {text-indent:-10px;}
.content {overflow:hidden}
.text {width:92%; border-top:none; background-color:#eaeaea; padding:15px; text-align: justify}

/*** Forms ****/
th, td { vertical-align: top; padding-right: 20px;}
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;}
input[type="text"],select {width: 150px; margin:3px 0;}
select {padding:2px;}
input[disabled] { background-color: #eee; }
label.error { padding-left: 15px; color: #d00; }