body {
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: "lucida sans", "lucida sans unicode", arial, sans-serif;

background: #fff url(images/body_back.gif);

text-align: center;
}

#page {
width: 960px;
margin: 0 auto;

text-align: left;
background-color: #fff;
position: relative;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

h1 {
font-size: 2.2em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.4em;
font-weight: bold;
}

li {
padding-bottom: 6px;
}

a, a:link {
color: #06c;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#nav, #footer {
display: block;
background-color: #660000;
height: 40px;
font-size: 1.6em;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav li, #nav li a {
list-style: none;
display: inline;
line-height: 40px;
padding: 10px;

color: #f6d78e;
text-decoration: none;
}

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

#header {
display: block;
height: 100px;
border-bottom: 4px solid #660000;
}

#header p{
float: right;
margin-top: 25px;
margin-right: 30px;
font-size: 1.1em;
font-weight: bold;
}

#nav, #footer {
background-image: url(http://www.frecklesquiltshop.com/images/header_footer_back.gif);
background-repeat: repeat-x;
background-position: bottom left;
}

#content {

}

#main, #sidebar {
font-size: 1.4em;
}

#sidebar img {
margin-bottom: 20px;
}

#main, #main_spacer, #sidebar, #feature_left, #feature_mid, #feature_right, .feature_spacer {
float: left;
display: inline;
}

#main {
width: 514px;
}

#main p {
line-height: 1.4em;
margin-bottom: 1.6em;
letter-spacing: 0.3px;
}

#main_spacer {
width: 46px;
}

h1, h2, h3, h4, h5, h6 {
margin-top: 0;
padding-top: 0;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main p, #main ul, #main ol {
margin-left: 30px;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar p, #sidebar ul, #sidebar ol {
margin-right: 30px;
}

#header h1 {
margin: 0 30px;
line-height: 100px;
}

#sidebar {
width: 400px;
}

#main_section, #feature_section {
display: block;
margin-top: 30px;
margin-bottom: 30px;
}

#feature_section {
font-size: 1em;
}

#feature_left, #feature_mid, #feature_right {
width: 280px;
background: #fff url(images/feature_back.gif) no-repeat;
height: 150px;
margin-bottom: 30px;

font-size: 1.2em;
overflow: hidden;
position: relative;
}

p.feature_link {
position: absolute;
right: 10px;
bottom: 0px;
margin: 0;
padding: 0;
}

#feature_left h1, #feature_left h2, #feature_left h3, #feature_left h4, #feature_left p, #feature_left ul, #feature_left ol, #feature_mid h1, #feature_mid h2, #feature_mid h3, #feature_mid h4, #feature_mid p, #feature_mid ul, #feature_mid ol, #feature_right h1, #feature_right h2, #feature_right h3, #feature_right h4, #feature_right p, #feature_right ul, #feature_right ol {
margin: 10px;
} 

.feature_spacer {
width: 30px;
}

#footer {
clear: both;
margin-top: 30px;
}

#footer p {
font-size: 0.6em;
line-height: 40px;
color: #ccc;
font-family: arial;
margin: 0 30px;
text-align: right;
}

#footer a, #footer a:link, #footer a:hover, #footer a:visited {
color: #f6d78e;
}

.hard {
padding-left: 54px;
background-image: url(http://www.frecklesquiltshop.com/images/hard.gif);
background-repeat: no-repeat;
background-position: left;
}

.med {
padding-left: 38px;
background-image: url(http://www.frecklesquiltshop.com/images/med.gif);
background-repeat: no-repeat;
background-position: left;
}

.easy {
padding-left: 22px;
background-image: url(http://www.frecklesquiltshop.com/images/easy.gif);
background-repeat: no-repeat;
background-position: left;
}

.clear {
clear: both;
font-size: 0.1em;
}

.no_bullets {
list-style: none;
line-height: 1.6em;
}

.no_margin {
margin: 0;
padding: 0;
}

.no_para_space p{
margin-bottom: 0;
padding-bottom: 0;
}

.center {
text-align:center;
}

#main .specialbox {
margin-left: 30px;
margin-bottom: 30px;
}

#main .specialbox p {
margin: 0 0 20px 0;
padding: 0;
}

.specialbox {
border: 1px solid #999;
padding: 20px;
}

#main ul {
margin-left: 30px;
}

.products {
border-bottom: 1px solid #999;
margin-bottom: 10px;
display: block;
margin-left: 30px;
}

#main .products p, #main .products h3 {
margin-left: 0;
padding-left: 0;
}

.products a img {
float: right;
padding: 6px;
border: 1px solid #06c;
margin: 0 0 8px 8px;
}

.products img {
float: right;
padding: 6px;
border: 1px solid #bbb;
margin: 0 0 8px 8px;
}
