@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { background: #F2F6ED url(../images/bg.jpg) center repeat-y; font-family: New York, MS Serif, Georgia, serif; }      

h1 { font-size: 24px; color: #3c270e; font-weight: 100; padding-bottom: 15px; }
h2 { font-size: 20px; color: #3c270e; font-weight: 100; padding: 10px 0px 12px; }
h3 { font-size: 18px; font-style:italic; color: #3c270e; font-weight: 100; padding: 8px 0px 12px; letter-spacing: -1px;  }
h4 { font-size: 14px; color: #3c270e; border-top: 1px solid #3c270e; padding: 15px 0px 12px 0px; margin-top: 10px; }

p { font-size: 12px; color: #3c270e;  line-height: 20px; padding-bottom: 10px; }

a { color: #6E7D4D; font-size: 12px; text-decoration: none; border-bottom: 1px dotted #6E7D4D; }
a:hover { color: #F2A756; border-bottom: 1px dotted #F2A756; }

img { border: 0; margin-top: 0px; }
blockquote { padding: 0px 50px; font-size: 14px; color: #3c270e; font-style: italic; }

/* 	++++++++++++++  CONTAINERS  ++++++++++++++ */

.header { margin: 0 auto; padding: 0px; width: 700px; height: 175px; }
.container { background: #FFF; margin: 0 auto; padding: 0px 20px; width: 660px; text-align: left; /* IE */ }
.wrapper { margin: 0 auto; width: 700px; text-align: left; /* IE */ }
#content { float: left; padding: 25px 0px 15px; line-height: 22px; width: 660px; font-size: 14px; border-top: 1px solid #3c270e; }

#header-home { background: url(../images/header-home.jpg) no-repeat; } 
#header-order { background: url(../images/header-order.jpg) no-repeat; } 
#header-patterns { background: url(../images/header-patterns.jpg) no-repeat; } 
#header-contact { background: url(../images/header-contact.jpg) no-repeat; } 

#boxes { padding-top: 15px; border-top: 1px solid #3c270e; }
#box1 {width: 200px; float: left; padding-right: 30px;}
#box2 {width: 430px; float: left; padding-top: 7px; }

/*  NAV  */
		
.nav { margin: 0 auto; width: 700px; padding: 0px; height: 75px; }
.nav ul { list-style-type: none; overflow: hidden; border: 0px; padding: 0px; height: 75px; float: left; }
.nav ul li { float: left; list-style-type: none; overflow: hidden; padding: 0px; height: 75px; }
.nav ul li a { display: block; font-size: 14px; height: 75px; text-decoration: none; text-indent: -5000px; }

/*  SUB-NAV  */
		
.subnav { margin: 0 auto; width: 660px; padding: 0px; height: 40px; border-top: 1px solid #3c270e; float: left; }
.subnav ul { list-style-type: none; overflow: hidden; border: 0px; padding-left: 144px; height: 40px; float: left; }
.subnav ul li { float: left; list-style-type: none; overflow: hidden; padding: 7px 20px 0px 0px; height: 40px; }
.subnav ul li a { display: block; font-size: 16px; height: 40px; padding-top: 3px; text-decoration: none; }

.current-subnav { display: block; font-size: 16px; height: 40px; padding-top: 3px; text-decoration: none; border-bottom: 1px solid #3c270e; }

/*  NAV BUTTONS */

#home { background: url('../images/nav_home.gif') top left no-repeat; width: 132px; }
#home.current, #home:hover { background: url('../images/nav_home.gif') bottom left no-repeat; }

#patterns { background: url('../images/nav_patterns.gif') top left no-repeat; width: 183px; }
#patterns.current, #patterns:hover { background: url('../images/nav_patterns.gif') bottom left no-repeat; }

#contact { background: url('../images/nav_contact.gif') top left no-repeat; width: 203px;}
#contact.current, #contact:hover { background: url('../images/nav_contact.gif') bottom left no-repeat; }

#order { background: url('../images/nav_order.gif') top left no-repeat; width: 180px; }
#order.current, #order:hover { background: url('../images/nav_order.gif') bottom left no-repeat; }
		
/* 	++++++++++++++  FOOTER  ++++++++++++++ */

.footer_bg { margin: 0 auto; padding: 0px; clear: both; width: 660px; }
.footer { margin: 0 auto; width: 660px; height: 50px; padding: 15px 0px 0px; border-top: 1px solid #3c270e; }
.footer p, .footer a { color: #3c270e; font-size: 10px; text-decoration: none; }
.footer a:hover { color: #FF0000; border-bottom: 1px dotted #FF0000; }