/* CSS Document */

body {
background-color:#666;

}

#mainContainer {
position:relative;
width:850px;
height:1350px;/*could not get the clearfix working, try again.*/
margin-left:auto;
margin-right:auto;
border:2px solid black;
text-align:center;
background-color:#006666;

}


#logo {
float:left;
margin-left:10px;
margin-right:10px;

}

h1 {
float:left;
margin-top:55px;
font-size:28px;
margin-left:220px;
color:white;

}

h2 {
float:left;
width:250px;
margin-top:15px;
margin-left:15px;
color:white;
font-size:20px;
}



.specialItem_container {
float:left;
width:780px;
height:350px;
margin-top:25px;
margin-left:10px;
display:block;
text-align:left;
border-bottom:2px solid gray;
}



#compost{
background-image:url(../imageFiles/monthlySpecials/bagsBackground_compost_noShadow.gif);
background-repeat:no-repeat;
border-top:2px solid gray;
}


#compost .text {
float:left;
margin-top:35px;
margin-left:75px;
font-size:14px;
width:285px;
height:130px;
clear:left;
line-height:1.5em;
text-align:center;
padding:10px;
list-style:none;
background-image:url(../imageFiles/monthlySpecials/transBackground_62.png);
background-repeat:repeat;


}

#compost .imageContainer {
float:left;
margin-top:35px;
margin-left:75px;
width:264;
height:182px;


}

#compost .price {
margin-top:25px;
}

#muck {
background-image:url(../imageFiles/monthlySpecials/bagsBackground_muck_noShadow.gif);
background-repeat:no-repeat;
background-position:right;

}


#muck .text {
float:left;
margin-top:35px;
margin-left:75px;
font-size:14px;
width:285px;
height:130px;
line-height:1.5em;
text-align:center;
padding:10px;
list-style:none;
background-image:url(../imageFiles/monthlySpecials/transBackground_62.png);
background-repeat:repeat;


}

#muck .imageContainer {
float:left;
margin-top:35px;
margin-left:25px;
width:264;
height:182px;
clear:left;


}

#muck .price {
}


#rubberMulch {
height:425px;
}




#rubberMulch .text {
float:left;
margin-top:10px;
margin-left:75px;
font-size:14px;
width:600px;
height:45px;
line-height:1.5em;
text-align:center;
padding:10px;
list-style:none;
background-image:url(../imageFiles/monthlySpecials/transBackground_62.png);
background-repeat:repeat;
clear:left;


}


#rubberMulch .imageContainer {
float:left;
margin-top:10px;
margin-left:150px;
width:264;
height:182px;


}


.price {
float:right;
margin-top:15px;
margin-right:15px;
color:white;
font-size:16px;
font-weight:bold;
background-image:url(../imageFiles/monthlySpecials/transBackground_62.png);
background-repeat:repeat;

}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */