/* CSS Document */

html{
background-image:url(../images/texture2.jpg);
background-color:#000000;
}

body{
margin: 0px;

}

#head{
height: 130px;
width: 100%;
}

#head2{
width: 960px;
height: 130px;
margin-left: auto;
margin-right: auto;
}

#headpad{
width: 350px;
height:130px;
float:left;

}


#nav{
height: 42px;
width: 100%;
background-color:#000000;
}

#nav2{
width: 980px;
height: 42px;
margin-left: auto;
margin-right: auto;
background-image:url(../images/navback.png);
background-position:center;
background-repeat:no-repeat;


text-align:center;

font-family: "Times New Roman", Times, serif;
font-weight:bold;
font-size:16px;
color:#FFFFFF;
text-transform:uppercase;
line-height:42px;
}

#nav a{
text-decoration:none;
color:#FFFFFF;
padding-left: 4px;
padding-right: 4px;
}

#nav a:hover{
text-decoration:underline;

}

#middle{
background-color:#77B1BF;
width: 100%;
min-height: 500px;
clear:both;
}

#middle2{
width: 960px;
min-height: 500px;
margin-left:  auto;
margin-right: auto;
background-color:#FFFFFF;
}

#middle3{
width: 920px; 
min-height: 500px;
padding: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color:#000000;

}

#contact1{
width: 250px;
height: 300px;
float:left;
background-color:#FFFFFF;
}

#contact2{
padding-left: 20px;
padding-top: 20px;
width: 600px;
min-height: 350px;
float:right;
background-color:#77B1BF;


}

#contact3{
width: 900px;
text-align:center;
padding: 10px;

}


#about1{
width:400px;
height: 550px;
padding-right: 20px;
float:left;


}

#about2{
width: 490px;
height: 550px;
float:left;

}

#about3{
width: 900px;
min-height: 130px;
background-color:#999999;
float:left;
padding-right: 20px;

font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color:#000000;
font-weight:bold;

}

#about4{
width: 900px;
min-height: 280px;
background-color:#CCCCCC;
float:left;
padding-right: 20px;

font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color:#000000;
}


#gallery{
width: 100%;
background-color: #666666;
text-align:center;

}

#quote{
padding: 40px;
margin-top: 5px;
width: 420px;
text-align:center;
float:right;
color: #666666;
font-style:oblique;
font-size:18px;
line-height: 25px;

font-family:"Times New Roman", Times, serif;

}

#news{
width: 890px;
float:left;
padding: 5px;

clear: all;

}

#title{
width: 920px;
height: 180px;
float:left;

}


/* MID NAV  */
#midnav{
width: 960px;
height: 135px;
background-color:#000000;



}

#midnav  span{ /* since the graphics already have text, we can hide the span tag, making the text invisible */
	display: none;
	
}

#navfabric{
float:left;
display:block;
background-image:url(../images/midnav_fabrics.png);
background-position:center top;
background-repeat:repeat-x;
line-height: 135px;
width:254px;
height: 135px;  
background-color:#000000;
 
}

#navfabric:hover{
background-color:#103540;

}

#navdesign{
float:left;
display:block;
background-image:url(../images/midnav_design.png);
background-position:center top;
background-repeat:repeat-x;
line-height: 135px;
width:207px;
height: 135px; 
background-color:#000000;

}

#navdesign:hover{
background-color:#103540;

}

#navfurniture{
float:left;
display:block;
background-image:url(../images/midnav_furniture.png);
background-position:center top;
background-repeat:repeat-x;
line-height: 135px;
width:273px;
height: 135px; 
background-color:#000000;

}

#navfurniture:hover{
background-color:#103540;

}

#navtrim{
float:left;
display:block;
background-image:url(../images/midnav_trim.png);
background-position:center top;
background-repeat:repeat-x;
line-height: 135px;
width:225px;
height: 135px;
background-color:#000000;
}

#navtrim:hover{
background-color:#103540;

}


/* FOOTER  */

#footer{
width: 100%;
height: 152px;

}

#footer2{
width: 960px;
height: 152px;
margin-left: auto;
margin-right: auto;

}

#footernav{
height: 45px;
width: 960px;
background-image:url(../images/navback.png);
background-position:center;
background-repeat:no-repeat;

text-align:center;

font-family: "Times New Roman", Times, serif;
font-weight: 500;
font-size:14px;
color:#FFFFFF;
text-transform:uppercase;
line-height:45px;

}

#footernav a{
text-decoration:none;
color: #999999;
padding-left: 4px;
padding-right: 4px;
}

#footernav a:hover{
text-decoration:underline;
}

#footercontact{
width: 300px;
height: 87px;
float:left;
padding-top: 20px;
}

#footercontact2{
height:107px;
width: 500px;
float:right;
text-align:right;

}

/* FONTS  */

.fgrey{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#999999;
font-weight:bold;
}

.fwhite{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #FFFFFF;
font-weight:bold;
}

.fwhitesmall{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
font-weight:bold;
text-decoration:none;
}

.fbluesmall{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #5674AA ;
font-weight:bold;
text-decoration:none;
}