* { margin: 0 ; padding: 0; }
 
body {
   text-align: center;
   background-color:#9d7f8f;
   font-size: 75%;
   font-family: verdana, arial, garamond, times new roman, sans-serif;
	margin: 0 auto;
	}
	
div#container
{
   border: 10px solid #Fff;
   margin: 15px auto;       /* this centers wrapper */
   max-width: 873px;   /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   width: 873px;
   clear: both;
   background:  #fff;
   }


div#header
{
	background-image: url(http://www.oakleafquilting.com/shop/includes/templates/oakleaf/images/headershop.jpg)  no-repeat;
	width:100%;
	  height: 110px;  
	

}

div#header h1 a 
{
/* you can set your own image here */
   background: url(http://www.oakleafquilting.com/shop/includes/templates/oakleaf/images/headershop.jpg)  no-repeat 0; 
   display: block;
     height: 110px;     /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#nav
{	
	padding: 5px 10px 2px 10px;
	height:30px;
	border-bottom: solid 8px #411723;
	border-top:solid 10px #fff;
	background: #D3BFC6 ;
	color: #Fff;

}

div#breadcrumbs {
position:relative;
margin-left:0px;
float: left;
width:200px;
text-align: left;
   }

div#search {
   margin-left:30px;
   float: left;
   color: #Fff;
   font-size: 12px;
  
}

div#contact {
   position:relative;
   float: right;
   text-align: right;
   color: #Fff;
  
}


div#basket {
position:relative;
font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
float:left;
width:135px;
text-align: left;
height: 100%;

   }

div#ezpage{
position:relative;    
float:right;
text-align: right;

   }


div#sidebar
{	
 float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 26%;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
   text-align: left;
   padding: 10px 10px 10px 0;
 
   
}

div#maincontent /*full width is 625px or 310px for 2 columns*/
{

float: left;
width: 69%;

text-align: left; 
}



div#extracontent
{
float: left;
width:100%;
border-top: solid 8px #411723;
}

div#footer {
background-color:#411723;    
border-top:solid 10px #Fff;
clear: both;       /* keep footer below content and menu */
   height: 60px;
    text-align: right;
     color: #Fff;
	 padding-right: 15px;
	
   
}

#maincontent

{	padding: 10px 5px 10px 0px;

}