body {
    margin: 0 auto;
    text-align: center; /*background-color:#b7a684;*/
    background-image: url(images/bodyPixel.png);
    background-repeat: repeat;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 10px;
}

a,
a:visited,
a:active {
    color: #aaaaaa;
    text-decoration: none;
}

.headerBand {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #ffffff;
}

.imageBar {
    width: 100%;
    height: 106px;
    position: absolute;
    left: 0px;
    top: 60px;
    /*background-color: #b7a684;*/
}

.tabBar {
    width: 100%;
    height: 22px; /*background-color:#6c7582;*/
    position: absolute;
    left: 0px;
    top: 166px;
}

.tabBarSolid {
    width: 100%;
    height: 22px; /*background-color:#6c7582;*/
    background-image: url(images/grey22x1.gif);
    background-repeat: repeat-x;
    position: absolute;
    right: 112px;
    top: 0px;
}

.tabBarCurve {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 112px;
    height: 22px;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/greyCurve.png', sizingMethod='scale');*/
    background-repeat: no-repeat;
}

.tabBarCurve {
    background-image: url(images/greyCurve.gif);
}

.contentBar {
    width: 100%;
    height: 490px;
    background-image: url(images/contentBg.jpg);
    background-repeat: repeat-x;
    position: absolute;
    left: 0px;
    top: 188px;
}

.contentContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 765px;
    height: 820px;
    text-align: left; /*border:dashed 1px #ff6601;*/
}


/**//**//**//**//**//**//**//**//**//**//**//**//**//**/

/*                  Home                              */

/**//**//**//**//**//**//**//**//**//**//**//**//**//**/


.contentContainerHome
{
    height: 540px;
}


.homeImageContainer
{
    width:702px;
    margin-left: auto;
    margin-right: auto;
}

.homeGradient,
.homeGradientRight
{
  position: relative;
  width: 5px;
  height: 348px;  
  float: left;
  }

.homeImageBg {
    position: relative;       
    width: 692px;
    height: 348px;
    float: left;    
}

/*.homeImage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 765px;
    height: 350px;
    margin: 0px;
    z-index: 2;
}*/

/*.homeImageFader {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 765px;
    height: 350px;
    margin: 0px;
    z-index: 3;
}*/

.buttonBar {
    width: 100%;
    height: 85px;
    background-image: url(images/bottomBg.png);
    background-repeat: repeat-x;
    position: absolute;
    left: 0px;
    top: 678px;
}

.homePageButtonBar {
    width: 100%;
    height: 128px;
    background-image: url(images/homeButtonBarBg.png);
    background-repeat: repeat-x;
    position: absolute;
    top: 348px;
}

.homePageButtonBarButtons {
    width: 729px;

    top: 347px;
    margin-left: auto;
    margin-right: auto;  
    padding-left: 14px;
}

.homeNav01,
.homeNav02,
.homeNav03
{
    background-repeat: no-repeat;
} 
* html .homeNavLink
{
margin-top:-3px;
}

.homeNav01 {
    width: 240px;
    height: 109px;
    position: relative;
    float: left;
    background-image: url(images/homeNav01Company.gif);
}

.homeNav02 {
    width: 240px;
    height: 109px;
    position: relative;
    float: left;
    background-image: url(images/homeNav02Projects.gif);    
}

.homeNav03 
{
    width: 249px;
    height: 109px;
    position: relative;
    float: left;
    background-image: url(images/homeNav03Team.gif);    
}

a.homeNav01:hover
{
    background-image: url(images/homeNav01Company_on.gif);        
}

a.homeNav02:hover
{
    background-image: url(images/homeNav02Projects_on.gif);        
}

a.homeNav03:hover
{
    background-image: url(images/homeNav03Team_on.gif);        
}

.topNav {
    position: absolute;
    top: 30px;
    right: 23px;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    padding: 2px 0px 2px 22px;
    width: 216px;
}

.topNavLink,
.topNavLinkOn,
.topNavLink:hover,
.topNavLink:active,
.topNavLink:visited {
    display: block;
    float: left;
    font-size: 9px;
    font-weight: bold;
}

.topNavLink:hover,
.topNavLinkOn {
    color: #f37321 ! important;
    display: block;
    float: left;
    font-weight: bold;
}

.navSpacer {
    height: 12px;
    width: 1px;
    position: relative;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.logoTop {
    width: 163px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
}

img {
    border: 0px;
}

.projTabContainer {
    width: 787px;
    height: 22px;
    position: absolute;
    left: 0px;
    top: 166px;
}

.projTab {
    position: relative;
    float: left;
    height: 22px;
}

#projTab1 {
    width: 251px;
    background-image: url(images/projTab1Off.gif);
}

#projTab1.projTabOn {
    background-image: url(images/projTab1On.gif);
}

#projTab2 {
    width: 252px;
    background-image: url(images/projTab2Off.gif);
}

#projTab2.projTabOn {
    background-image: url(images/projTab2On.gif);
}

#projTab3 {
    width: 262px;
    background-image: url(images/projTab3Off.gif);
}

#projTab3.projTabOn {
    background-image: url(images/projTab3On.gif);
}

#projTabSingle {
    width: 765px;
}

.projTabSpare {
    width: 22px;
    height: 22px;
    position: relative;
    float: left;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/greyCurve.png', sizingMethod='scale');*/
    background-position: right;
}

.projTabSpare {
    background-image: url(images/greyCurve.gif);
    background-position: right;
}

.projNavContainer {
    width: 765px;
    height: 45px;
    position: absolute;
    left: 0px;
    top: 188px;
}

.projNav,
.projNavOn {
    position: relative;
    float: left;
    height: 45px;
}

.projNav a,
.projNavOn a {
    display: block;
    width: 100%;
    height: 100%;
}

#projNav1 {
    width: 251px;
    background-image: url(images/projNav1Off.png);
}

#projNav1:hover,
#projNav1.projNavOn,
#projNav1.projNavOn:hover {
    background-image: url(images/projNav1On.png);
}

#projNav2 {
    width: 252px;
    background-image: url(images/projNav2Off.png);
}

#projNav2:hover,
#projNav2.projNavOn,
#projNav2.projNavOn:hover {
    background-image: url(images/projNav2On.png);
}

#projNav3 {
    width: 262px;
    background-image: url(images/projNav3Off.png);
}

#projNav3:hover,
#projNav3.projNavOn,
#projNav3.projNavOn:hover {
    background-image: url(images/projNav3On.png);
}

.mainContentContainer {
    width: 765px;
    height: 445px;
    position: absolute;
    top: 233px;
    left: 0px;
}
.imgRoll {
    filter: alpha(opacity=50);
    opacity: .50;
	visibility:hidden;
}
#proj1Roll {
    position: absolute;
    top: 178px;
    left: 36px;
    z-index: 1;
    visibility: hidden;
}

#proj2Roll {
    position: absolute;
    top: 22px;
    left: 128px;
    z-index: 1;
    visibility: hidden;
}
#proj3Roll {
    position: absolute;
    top: 97px;
    left: 278px;
    z-index: 1;
    visibility: hidden;
}

#proj4Roll {
    position: absolute;
    top: 237px;
    left: 544px;
    z-index: 1;
    visibility: hidden;
}
#proj5Roll {
    position: absolute;
    top: 75px;
    left: 607px;
    z-index: 1;
    visibility: hidden;
}

#img1Roll {
    background-image: url(images/whiteCircle1.gif);
    position: absolute;
    top: 175px;
    left: 30px;
    width: 140px;
    height: 140px;
    z-index: 1;
    visibility: hidden;
}

#img2Roll {
    background-image: url(images/whiteCircle2.gif);
    position: absolute;
    top: 14px;
    left: 120px;
    width: 180px;
    height: 180px;
    z-index: 1;
    visibility: hidden;
}

#img3Roll {
    background-image: url(images/whiteCircle3.gif);
    position: absolute;
    top: 94px;
    left: 275px;
    width: 250px;
    height: 250px;
    z-index: 1;
    visibility: hidden;
}

#img4Roll {
    background-image: url(images/whiteCircle1.gif);
    position: absolute;
    top: 215px;
    left: 520px;
    width: 140px;
    height: 140px;
    z-index: 1;
    visibility: hidden;
}

#img5Roll {
    background-image: url(images/whiteCircle1.gif);
    position: absolute;
    top: 65px;
    left: 595px;
    width: 140px;
    height: 140px;
    z-index: 1;
    visibility: hidden;
}

.mapper {
    border: none;
    width: 765px;
    height: 446px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}

.subButtonContainer {
    width: 765px;
    height: 58px;
    position: absolute;
    left: 0px;
    top: 685px;
}

.subButton,
.subButtonOn {
    position: relative;
    width: 234px;
    height: 53px;
    float: left;
    margin-left: 15px;
    cursor: pointer;
}

.subButton a {
    display: block;
    position: relative;
    width: 234px;
    height: 53px;
}

#subButton1 {
background-image: url(images/subButton1Off.png);
}

#subButton1:hover {
background-image:url(images/subButton1Roll.png);
}

#subButton1.subButtonOn,
#subButton1.subButtonOn:hover {
background-image: url(images/subButton1On.png);
}

#subButton2 {
background-image: url(images/subButton2Off.png);
}

#subButton2:hover {
background-image: url(images/subButton2Roll.png);
}

#subButton2.subButtonOn,
#subButton2.subButtonOn:hover {
background-image: url(images/subButton2On.png);
}

#subButton3 {
background-image: url(images/subButton3Off.png);
}

#subButton3:hover {
background-image: url(images/subButton3Roll.png);
}

#subButton3.subButtonOn,
#subButton3.subButtonOn:hover {
background-image: url(images/subButton3On.png);
}

#TB_iframeContent,
#TB_window {
}

#TB_closeWindowButton {
    border: none;
    margin-top: 3px;
    margin-right: 3px;
    width: 200px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: right;
}

#TB_closeWindowButton:hover {
    margin-top: 3px;
    margin-right: 3px;
    width: 200px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: right;
}

.footerContainer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 765px;
    height: 65px;
    color: #5e5643;
    font-size: 10px;
}

.footerNav {
    position: absolute;
    top: 15px;
    left: 18px;
}

.bottomNavLink,
.bottomNavLink:visited {
    color: #5e5643;
    display: block;
    float: left;
    font-size: 10px;
}

.bottomNavLink:hover {
    color: #333333;
    display: block;
    float: left;
}

.footerCopyright {
    position: absolute;
    top: 35px;
    left: 18px;
}

.footerContact {
    position: absolute;
    top: 12px;
    right: 18px;
    line-height: 18px;
}

.footerContact .spanLeft {
    padding-right: 25px;
}
#theIe6Tab
{
	height:22px;
    position: absolute;
    top: -25px;
z-index:1000;
}
#theIe6Tab[class]
{
visibility:hidden;
}
.ie6Tab1
{
    width: 251px;
	background-image:url(images/projTab1OnIe6.gif);
	left:-6px;
}
.ie6Tab2
{
    width: 252px;
	background-image:url(images/projTab2OnIe6.gif);
	left:245px;
}
.ie6Tab3
{
    width: 262px;
	background-image:url(images/projTab3OnIe6.gif);
	left:498px;
}