/* CSS Document */


/* -------------------------- Styles for the HEADER -------------------------- */
#header {
width:970px;
height: 108px;
background-image: url('../images/background-header.jpg');
}
#header-left {
float: left;
text-align: left;
padding-left: 10px;
padding-top: 74px;
}
#header-right {
float: right;
text-align: right;
padding-right: 10px;
padding-top: 74px;
}

/* -------------------------- Styles for the NAV -------------------------- */
#nav-container {
width:970px;
height: 28px;
background-image: url('../images/background-nav.jpg');
}
#nav-left {
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: 6px;
}
#nav-right {
float: right;
margin-left: 10px;
margin-right: 10px;
margin-top: 6px;}


/* -------------------------- Styles for the MAIN TABLE -------------------------- */
#main-table {
width:970px;
overflow: hidden;
background-color: #3d3732;
text-align: left;
color: #EBEBEB;
}

/* -------------------------- Styles for the FOOTER -------------------------- */
#footer-table {
width:950px;
overflow: hidden;
background-color:#141211;
padding: 10px;
bottom: 0px;
}
#footer-left {
width:600px;
text-align:left;
float: left;
}
#footer-right {
width:350px;
text-align:right;
float: right;
}




/* -------------------------- Styles for the PAGE CONTAINER -------------------------- */
#page-container {
width:950px;
min-height: 562px;
padding: 10px;
float: left;
}



/* -------------------------- Styles for CONTACT -------------------------- */
#contact-left {
width:550px;
float: left;
}

#contact-right {
width:400px;
float: left;
}

#contact-table {
width:540px;
}


/* -------------------------- Styles for ALLIANCES -------------------------- */
#alliances-image {
float:left;
width:80px;
height:80px;
background-color: #CCCCCC;
margin-right:10px;
}

#alliances-text {
float:left;
width:360px;
min-height:80px;
margin-right:10px;
}

#alliances-container {
float:left;
width:930px;
margin-bottom: 20px;
}





/* -------------------------- Styles for the WORK PORTFOLIO PAGE CONTAINER -------------------------- */
#page-container-work {
width:970px;
min-height: 562px;
padding: 0px;
float: left;
background-color: #FFFFFF;
color: #555555;
}
#work-image {
width:970px;
height:420px;
margin-bottom: 10px;
float: left;
color: #555555;
}
#work-text-container {
float:left;
width: 540px;
height: 60px;
padding: 10px;
}
#work-thumb-container {
float:right;
width: 370px;
height: 60px;
padding-top: 4px;
padding: 10px;
}
#work-thumb-image {
float:right;
width: 50px;
height: 35px;
background-color: #DDDDDD;
margin-left:10px;
border: 1px solid #BABABA;
}
#work-thumb-image-select {
float:right;
width: 50px;
height: 35px;
background-color: #DDDDDD;
margin-left:10px;
border: 2px solid #BABABA;
z-index: 3;
visibility:visible;
}

#work-image01-start {
visibility:visible;
position: absolute;
top:226px;
}
#work-image01 {
visibility:hidden;
position: absolute;
top:226px;
}
#work-image02 {
visibility:hidden;
position: absolute;
top:226px;
}
#work-image03 {
visibility:hidden;
position: absolute;
top:226px;
}
#work-image04 {
visibility:hidden;
position: absolute;
top:226px;
}
#work-image05 {
visibility:hidden;
position: absolute;
top:226px;
}
#work-image05-video {
visibility:hidden;
position: absolute;
top:226px;
width:970px;
}

#testimonial-container {
visibility:visible;
position: absolute;
top:226px;
width:950px;
height:420px;
float: left;
padding: 10px;
}



#work-weblink {
position:absolute;
top: 410px;
float:right;
z-index:2;
width:100px;
right:90px;
}