/* CSS Document */

body, html
{
background-color: #C9CBE1;
width: 100%;
height: 100%;
margin: 0px;
}

#container
{
position: relative; top: 0px; left: 0px; width: 905px;
margin-left: auto; margin-right: auto;
}

#bg-container
{
float: left; width: 905px; min-height: 700px;
background-image: url(../images/shadow-bg.jpg);
background-repeat: repeat-y;
}

#fade-bg
{
float: left; margin-left: 26px; width: 852px;
background-image: url(../images/fade-bg.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #5C619D;
}

#logo
{
position: absolute; top: 32px; left: 360px; width: 250px; height: 120px;
text-align: center;
}

#contact
{
position: absolute; top: 32px; right: 40px; width: 127px; height: 40px;
} 

#image-container
{
position: absolute; top: 165px; left: 26px; width: 852px; height: 332px;
background-image: url(../images/image-bg.png);
background-repeat: no-repeat;
}

#navigation
{
position: absolute; top: 513px; left: 56px; width: 790px; height: 17px;
}

#text-container
{
float: left; width: 550px; margin-top: 520px; margin-left: 33px; min-height: 250px; 
}

#text-container.portfolio
{
float: left; width: 520px; margin-top: 520px; margin-left: 33px; min-height: 250px; 
}

#right-col
{
float: right; width: 235px; margin-top: 520px; margin-right: 35px; min-height: 200px;
}

#right-col.portfolio
{
float: right; width: 200px; margin-top: 530px; margin-right: 35px; min-height: 200px;
}

#thumb
{
float: left; width: 56px; height: 56px; border: 1px solid #FFFFFF; margin: 0 0 5px 5px;
}

#enquiry-form
{
float: right; width: 206px; margin-top: 525px; margin-right: 35px; min-height: 200px;
background-image: url(../images/enquiry-bg.png);
background-position: top;
background-repeat: no-repeat;
}

#footer
{
float: left; width: 905px; height: 45px;
background-image: url(../images/footer.jpg);
background-position: top;
background-repeat: no-repeat;
}