/* CSS Document */

/* -------------------------- Styles for the HOME PAGE - left -------------------------- */
#projects-main-image-01 {
width:690px;
height: 320px;
float: left;
position: absolute;
top: 343px;
visibility: visible;
}
#projects-main-image-02 {
width:690px;
height: 320px;
float: left;
position: absolute;
top: 343px;
visibility: hidden;
}
#projects-main-image-03 {
width:690px;
height: 320px;
float: left;
position: absolute;
top: 343px;
visibility: hidden;
}
#projects-main-image-04 {
width:690px;
height: 320px;
float: left;
position: absolute;
top: 343px;
visibility: hidden;
}
#projects-main-image-05 {
width:690px;
height: 320px;
float: left;
position: absolute;
top: 343px;
visibility: hidden;
}
#projects-main-image-06 {
width:690px;
height: 320px;
float: left;
position: absolute;
top: 343px;
visibility: hidden;
}
#projects-main-image-07 {
width:690px;
height: 320px;
float: left;
position: absolute;
top: 343px;
visibility: hidden;
}
#projects-main-image-08 {
width:690px;
height: 320px;
float: left;
position: absolute;
top: 343px;
visibility: hidden;
}




#projects-thumb-container {
width:670px;
height: 52px;
padding: 10px;
float: left;
border-bottom: 1px solid #565656;
position: relative;
top: 320px;
}
#projects-thumb-unit {
width:70px;
height: 50px;
float: left;
margin-right: 10px;
border: 1px solid #565656;
}






#projects-info-container {
float: left;
position: relative;
top: 320px;
}




#projects-content-left {
float: left;
width: 684px;
overflow: hidden;
}
#projects-content-right {
float: left;
width: 266px;
overflow: hidden;
}




#projects-info-container-image {
float: left;
width: 684px;
}


#projects-info-container-div {
float: left;
width: 664px;
overflow: hidden;
padding: 10px;
}








#projects-right {
width:240px;
padding: 10px;
float: left;
}





#projects-project-unit {
width:315px;
height: 70px;
float: left;
padding: 10px;
background-image: url(../images/background-projects.jpg);
}
#projects-project-unit-image {
float: right;
width: 120px;
height: 68px;
border: 1px solid #777777;
margin-left: 10px;
}
#projects-project-unit-text {
float: left;
width: 180px;
height: 70px;
text-align: right;
}


















#projects-project-portfolio-unit {
width:246px;
overflow: hidden;
float: left;
padding: 10px;
background-image: url(../images/background-project-unit.gif);
background-repeat: no-repeat;
background-color: #373737;
}
#projects-project-portfolio-unit-image {
float: left;
width: 90px;
height: 68px;
border: 1px solid #777777;
margin-left: 10px;
}
#projects-project-portfolio-unit-text {
float: left;
width: 144px;
height: 70px;
text-align: right;
}






#projects-intro {
width:650px;
float: left;
padding: 10px;
}



#projects-right-image-container {
width:260px;
float: left;
padding: 10px;
}








#project-gallery-container {
float: left;
width: 664px;
overflow: hidden;
padding: 10px;
}