@charset "utf-8";

body{
 background-color:#e8f1c4;  
}

#pagewidth{
 margin:0 auto;
 width:95%;  
 min-width:980px;
 max-width:1350px;
}
 
#header{
 background:#ffffff url(bestimages/box/leftside.gif) repeat-y left top;
 position:relative; 
 width:100%;
 margin:5px 0 6px 0;
 z-index:1;
} 
 
.leftcol{
 background:#ffffff url(bestimages/box/leftside.gif) repeat-y left top;
 width:25%;
 float:left; 
 position:relative;
}
 
#twocols{
 width:74.4%; 
 float:right; 
 position:relative;
}
 
.rightcol{
 background:#ffffff url(bestimages/box/leftside.gif) repeat-y left top;
 width:32.6%;
 float:right; 
 position:relative; 
}
 
#content{
 background:#ffffff url(bestimages/box/leftside.gif) repeat-y left top;  
 float:left; 
 display:inline; 
 position:relative; 
 width:100%; 
}

/*box*/

.top{
 width:100%;
 background:url(bestimages/box/top.gif) no-repeat left top;
 height:17px;
}

.top span{
 display:block; 
 position:relative; 
 background:url(bestimages/box/topright.gif) no-repeat right top;
 height:17px;
}

.side{
 position:relative;
 background:url(bestimages/box/leftside.gif) repeat-y right top;
 padding:20px;
}

.right{
 position:relative;
 background:url(bestimages/box/rightside.gif) repeat-y right top;
 padding:20px;
}

.headerright{
 background:url(bestimages/box/rightside.gif) repeat-y right top;
 height:205px;
}

.bottom{
 background:url(bestimages/box/bottom.gif) no-repeat left bottom;
 height:17px;
}

.bottom span{
 display:block;
 position:relative;
 height:17px;
 background:url(bestimages/box/bottomright.gif) no-repeat right bottom;
}

#logo{
 position:absolute;
 margin:-12px 0 0 17px;
 z-index:2;
}

#title{
 position:absolute;
 margin:0 0 0 100px;
 z-index:3;
}

#whatwedo{
 display:block;
 color:#5c4033;
 background-color:#ffffff;
 position:absolute;
 margin:51px 0 0 88px;
 z-index:3;
}

#navbar{
 position:absolute;
 color:#5c4033;
 margin:25px 0 0 715px;
 z-index:3;
}

/*gallery rollover*/

.galleryplacement{
 position:absolute;
 margin:80px 0 0 14px;
}

.gallery{
 display:block;
 position:absolute;
 width:291px;
 height:130px;
 background:url(bestimages/buttons/galleryf2.gif) no-repeat left top;
}

.gallery a{
 display:block;
 width:291px;
 height:130px;
}

.gallery a:hover img{
 visibility:hidden;
}

/*quote rollover*/

.quoteplacement{
 position:absolute;
 margin:80px 0 0 536px;
}

.quote{
 display:block;
 position:absolute;
 width:191px;
 height:130px;
 background:url(bestimages/buttons/quotef2.gif) no-repeat left top;
}

.quote a{
 display:block;
 width:191px;
 height:130px;
}

.quote a:hover img{
 visibility:hidden;
}

/*rug services rollover*/

#sercicesplacement{
 position:absolute;
 margin:79px 0 0 324px;
 z-index:50; /*Important - keeps drop down menu above twocol div*/
}
 
#services{
 display:block;
 position:absolute;
 width:191px;
 height:130px;
 background:url(bestimages/buttons/rugservicesf2.gif) no-repeat left top;
}

#services img{
 display:block;
 width:191px;
 height:130px;
 border:0;
}

#services a:hover img{
 visibility:hidden;
}

#menu li{
 position:relative;
 float: left;
} 

li.dropdown{
 text-align:right;
}

#button:hover{
background:url(bestimages/buttons/rugservicesf2.gif);
}

#menu li a{
width:191px;
display:block;
text-decoration:none;
line-height:30px;
background-color:#c5d4b6;
color:#5c4033;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid white;
} 

#menu li a:hover{
background-color:#eeeeee;
color:#99654c;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
} 

#menu ul ul{
position: absolute;
top: 130px; 
visibility: hidden;
} 

#menu ul li:hover ul{
visibility:visible;
} 

#menu ul li:hover{
visibility:visible;
} 

#menu ul:hover{
visibility:visible;
} 

/*schedule a pickup rollover*/

.pickupplacement{
 position:absolute;
 margin:80px 0 0 747px;
}

.pickup{
 display:block;
 position:absolute;
 width:191px;
 height:130px;
 background:url(bestimages/buttons/schedulepickupf2.gif) no-repeat left top;
}

.pickup a{
 display:block;
 width:191px;
 height:130px;
}

.pickup a:hover img{
 visibility:hidden;
}

/*Style Links*/

a:link {
 color:#5c4033;
 text-decoration:none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
} 

a:visited {
 color:#5c4033;
 text-decoration:none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
} 

a:active {
 text-decoration:none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
} 

a:hover {
 color:#99654c;
 text-decoration:underline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}