/* CSS Document */
 
body {
margin: 0px auto;
padding: 0px;
background-color: #F3F2EE;
font-family:Arial, Helvetica, sans-serif;
font-size: .7em;
}

#bodywrapper {
width: 726px;
height: auto;
}

/* Logo Area */
#logo {
float: left;
clear: none;
width: 209px;
height: 94px;
text-align: left;
}

/* Global Navigation - Home | About Us | Contact Us */
#globalnav {
float: right;
clear: right;
width: 507px;
height: 63px;
margin-right: 10px;
}

/* Main Menu Navigation - Wreaths | Swags | Tabletop | Wall-Hangings */
#mainmenu {
float: right;
clear: right;
height: 31px;
width: 507px;
background-image: url(http://www.wreathsbydesign.com/portal/images/stories/Framework/mainmenu_tile.gif);
background-repeat: none;
margin-right: 10px;
}

#wreaths {
float: left;
clear: none;
width: 93px;
background-color: #13B0DF;
}

#swags {
float: left;
clear: none;
width: 87px;
background-color: #779F2E;
}

#tabletop {
float: left;
clear: none;
width: 90px;
background-color: #774905;
}

#wallhanging {
float: left;
clear: none;
width: 127px;
background-color: #730833;
}

#collections {
float: left;
clear: none;
width: 107px;
background-color: #cc0000;
}

/* Main Body */
#mainbody {
float: left;
clear: both;
width: 726px;
height: 990px;
text-align: left;
padding: 8px;
background-image: url(http://www.wreathsbydesign.com/portal/images/stories/Framework/body_tile.gif);
background-repeat: repeat-y;
}

#featurewrapper {
float: left;
clear: both;
width: 705px;
height: 309px;
}

#headline {
float: left;
clear: both;
width: 700px;
height: 70px;
}

#featurepadding {
float: left;
clear: left;
width: 33px;
height: 225px;
}

#featureimage {
float: left;
clear: none;
width: 293px;
height: 225px;
background-image: url(http://www.wreathsbydesign.com/portal/images/stories/Framework/Homepage/Feature/placeholder.gif);
background-repeat: none;
}

#featuretext {
float: left;
clear: none;
width: 335px;
height: 228px;
padding-left: 1px;
font-size: .8em;
line-height: 130%;
}

#featurefooter {
float: left;
clear: both;
width: 100%;
height: 20px;
background-image: url(http://www.wreathsbydesign.com/portal/images/stories/Framework/Homepage/Feature/feature_footer.gif);
background-repeat: none;
}

#featuretrios {
float: left;
clear: both;
width: 100%;
height: 345px;
margin: 0px;
padding: 0px;
background-image: url(http://wreathsbydesign.com/portal/images/stories/Framework/Homepage/Trios/Tile/feature_trio_slots.gif);
background-repeat: none;
margin-top: -5px;
margin-bottom: 5px;
}

#triowrapper {
float: left;
clear: none;
width: 235px;
height: 338px;
padding-top: 5px;
}

#triopadding {
float: left;
clear: left;
width: 15px;
height: 338px;
}

#triocontent {
float: left;
clear: right;
width: 200px;
font-size: .7em;
line-height: 130%;
background:url(http://www.wreathsbydesign.com/portal/images/stories/Framework/Products/thumbnail.gif) no-repeat 25px 45px;
}

#triocontent img {
clear: both;
margin-bottom: 15px;
}


/* Main Body Bottom */
#mainbody_bottom {
width: 726px;
height: 34px;
float: left;
clear: both;
background-image: url(http://www.wreathsbydesign.com/portal/images/stories/Framework/mainbody_bottom.gif);
background-repeat: no-repeat;
}

/* Footer */
#footer {
float: left;
clear: both;
width: 600px;
}

/* Links */
a:link {
font-weight: bold;
font-size: 1em;
color: #cc6600;
text-decoration: none;
}

a:visited {
font-weight: bold;
font-size: 1em;
color: #cc6600;
text-decoration: none;
}

a:hover {
font-weight: bold;
font-size: 1em;
color: #cc3300;
text-decoration: none;
}

a.mainlevel:link {
}

a.mainlevel:visited {
}

a.mainlevel:hover {
}

a.readon:link {
color: #CC6600;
text-decoration: none;
letter-spacing: 0px;
line-height: 1.25em;
font-wieght: bold;
font-size: .7em;
}

a.readon:visited {
text-decoration: none;
letter-spacing: 0px;
color: #CC6600;
line-height: 1.25em;
font-weight: bold;
}

a.readon:hover {
text-decoration: none;
letter-spacing: 0px;
color: #C43C03;
}

a.footer:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
padding-left: 10px;
color: #990000;
}

a.footer:visited {
color: #003366;
}

a.footer:hover {
color: #003366;
}

a.footer:active {
color: #003366;
}

h1 {
font-size: 250%;
color: #472b03;
letter-spacing: -3px;
font-family: "Lucida", Arial, sans;
font-weight: normal;
margin: 0;
padding: 0 0 0 40px;
}

h2 {
font-size: 150%
}

h3 {
font-size: 145%;
margin: 0;
padding: 15px 0;
color: #000;
letter-spacing: -1px;
font-family: "Lucida", Arial, sans;
font-weight: normal;
}