/* CSS for SBS Flooring site */



/*----------------body elements------------------------*/


body {
background:#FFFFFF;
}


#container {
margin:0 auto;
position:relative; top:40px; 
width:872px;
}


.background{
 width: 100%;
 height:100%;
 position: absolute; top: 0; left: 0;
}


/*----------------flash site---------------------------*/


.noflash {
position:relative; top:0px; left:0px;
}

#flashsite {
position:relative; top:0px; 
}

/*-----------------nav---------------------------------*/


#nav {
position:absolute; 
width:212px;
height:513px;
background: url(images/nav.png) no-repeat;
}


#navi {
position:absolute; top:56px; left:25px;
}


ul li {
list-style:none;
text-align:right;
margin-bottom:17px;
}


a {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-decoration:none;
font-family: arial, trebuchet ms, sans-serif, Helvetica;
}


a:hover {
color:#FFFFFF;
}


/*-----------------home page---------------------------*/


#homeholder {
position:relative; top:0px; left:20px;
width:833px;
height:513px;
background: url(images/home-image.jpg) no-repeat;
}


#hometextholder {
position:absolute; top:15px; left:215px;
width:400px;
height:311px;
background: url(images/homeholder.png) no-repeat;
}


#hometextbox{
position:relative; top:30px; left:35px;
width:350px;
height:300px;
font-family: arial, trebuchet ms, sans-serif, Helvetica;
font-size:10pt;
color:#FFFFFF;
}


.checkatrade{
position:absolute; top:425px; left:490px;
}


/*-----------------flooring page-----------------------*/


#flooringholder {
position:relative; top:0px; left:20px;
width:833px;
height:513px;
background: url(images/flooring-image.jpg) no-repeat;
}


#flooringtextholder {
position:absolute; top:15px; left:215px;
width:400px;
height:311px;
background: url(images/flooringholder.png) no-repeat;
}


#flooringtextbox{
position:relative; top:20px; left:30px;
width:325px;
height:300px;
padding-right:15px;
overflow:auto;height:265px; width:350px;
font-family: arial, trebuchet ms, sans-serif, Helvetica;
font-size:10pt;
color:#FFFFFF;
}

/*-----------------contact page-------------------------*/


#contactholder {
position:relative; top:0px; left:20px;
width:833px;
height:513px;
background: url(images/contact-image.jpg) no-repeat;
}


#contacttextholder {
position:absolute; top:15px; left:215px;
width:400px;
height:270px;
background: url(images/contactholder.png) no-repeat;
}


#contacttextbox{
position:relative; top:25px; left:35px;
width:350px;
height:250px;
font-family: arial, trebuchet ms, sans-serif, Helvetica;
font-size:10pt;
color:#FFFFFF;
}

h3 {
margin-top: 35px;
}


.tel {
font-size:8pt;
color:#969695;
}


/*-----------------gallery page-------------------------*/


#galleryholder {
position:relative; top:0px; left:20px;
width:833px;
height:513px;
background: url(images/gallery-image.jpg) no-repeat;
}


#galleryimageholder {
position:absolute; top:40px; left:285px;
width:495px;
height:450px;
}


a img {
border: none;
}


/*-----------------footer-------------------------------*/


#footer {
margin: 10px 0 0 0;
padding: 0 0 0 20px;
font-size:9px;
font-family:arial,trebuchet ms, sans-serif, Helvetica;
color:#5e5e5d;
}


.bjb {
font-size:7pt;
font-family:arial,trebuchet ms, sans-serif, Helvetica;
color:#5e5e5d;
}