/* CSS Document */

html { background-color: #393114; font-family: Georgia, "Times New Roman", Times, serif; font-size: small; line-height:1.75em; color: #393114;}

html, body, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img { margin: 0; padding: 0;}
img, div { border: 0;}
ul, li { list-style: none; }
h2 { color: #393114; font-style: italic;}
span { color: #d19827;}
strong { color: #393114; font-weight: bold; font-size: 120%;}
p { padding: 8px 0;}
a:link { color: #9f3e37; text-decoration: none; font-weight: bold;} 
a:visited { color: #9f3e37; text-decoration: none; font-weight: bold;} 
a:hover { color: #d19827; text-decoration: underline; font-weight: bold;}
a:active { color: #9f3e37; text-decoration: none; font-weight: bold;}

/* ----------------- Header ------------------*/

#header { background: #f7f7ef url(../images/bg.jpg) top left repeat-x; overflow:hidden;}
#header_container { margin: 0 auto; width: 800px; height: 358px;}
   .left { width: 258px; height: 358px; float:left;}
   .left ul { width: 222px; height: 358px; margin: 0 0 0 20px;}
   .left li { float: left;}
   .left li a { width: 222px; height: 58px; text-indent: -9999px; display: block;}
   #logo a { height: 182px; background: url(../images/wordsnav.jpg) bottom left no-repeat;}
   #about a { background: url(../images/about.jpg) top left no-repeat;}
   #about a:hover { background: url(../images/about.jpg) top left no-repeat;}
   #store a { background: url(../images/store.jpg) bottom left no-repeat; margin: 1px 0 0 0;}
   #store a:hover { background: url(../images/store.jpg) top left no-repeat;}
   #otherlink a { background: url(../images/link.jpg) bottom left no-repeat; margin: 1px 0 0 0;}
   #otherlink a:hover { background: url(../images/link.jpg) top left no-repeat;}
   
    .right_top { width: 542px; height: 119px; float:left;}
    .right_top ul {float: right; padding: 0 20px 0 0;}
	.right_top ul li {float: left; margin: 45px 2px 0 0; font-style: italic; color: #9f3e37;}
	
	
   .right_bottom {width: 542px; height: 239px; float:left;}
   .right_bottom img {float: left; padding: 0 20px 0 0;}
	
#primary_divider { height: 18px; background: #f7f7ef url(../images/primarydivider.jpg) top center no-repeat;}

/* ----------------- Primary Content ------------------*/

#content { background: #f7f7ef; overflow: hidden;}
#content_container { margin: 0 auto; width: 760px; background: #f1efe2; padding: 20px;}
     .content { width: 468px; float: left;}
	 .nav { float: left; margin: 0 0 0 40px; }
	 .nav li a { width: 247px; height: 62px; text-indent: -9999px; display: block;}
	 li.package a { background: url(../images/package.jpg) bottom left no-repeat;}
	 li.package a:hover { background: url(../images/package.jpg) top left no-repeat;}
	 li.newsletter a { background: url(../images/newsletter.jpg) bottom left no-repeat; margin: 10px 0 0 0;}
     li.newsletter a:hover { background: url(../images/newsletter.jpg) top left no-repeat;}
#secondary_divider { height: 18px; background: #f1efe2 url(../images/secondarydivider.jpg) top left no-repeat; clear: both; padding-bottom: 10px;}

/* ----------------- Secondary Content ------------------*/

.secondary_content { background: #f1efe2; overflow: hidden;}

/* ----------------- Cards ------------------*/

.featured_gallery { background: #f1efe2; overflow:hidden; margin-bottom:12px;}
.featured_gallery p { padding: 5px 0px;}
.featured_gallery ul { margin-top: 20px;}
.featured_gallery ul li { float: left; padding: 0 12px 12px 0;}
.featured_gallery li.package {margin: 70px 0 0 22px;}
.featured_gallery li.package a {width: 247px; height: 62px; text-indent: -9999px; display: block;}

.package_sets { width: 151px; overflow:hidden; background-color:#dbd8c7; padding:20px 12px 8px 12px;}
.package_sets h2 { margin-bottom:12px;}
.package_sets ul li a { width: 151px; height: 62px; text-indent: -9999px; display: block;}
li.select_package a { background: url(../images/btn_select.jpg) top left no-repeat;}
li.select_package a:hover { background: url(../images/btn_select.jpg) bottom left no-repeat;}

/* ------------------ Fields -----------------*/

form { clear: both;}
h3 { line-height: 3em;}
form div { clear: left; float:left; margin:0 0 6px 0; width: 507px;}
form div input.submit { height: 32px; width: 60px; background: #393114; color:#f1efe2; font-weight:bold; font-size:11px; margin: 0 10px 12px 155px; float:none;}
label { float:left; font-weight:bold; width: 150px; }
form div span { color:#cc0000; font-size: 90%; font-weight:normal; text-transform:uppercase;}
form input { float: left; width: 160px; margin: 0 4px 0 2px;}
form select { margin: 0 4px 0 2px;}


/* ----------------- Footer ------------------*/

#footer { color: #f1efe2; background-color: #393114; overflow:hidden; padding-bottom: 20px;} 
#footer a:link { color: #f1efe2; text-decoration: none; font-weight: bold;} 
#footer a:visited { color: #f1efe2; text-decoration: none; font-weight: bold;} 
#footer a:hover { color: #d19827; text-decoration: underline; font-weight: bold;}
#footer a:active { color: #f1efe2; text-decoration: none; font-weight: bold;}
#foot_container { background-color: #393114; margin: 0 auto; width: 760px; padding: 20px; font-size: 90%;}
#foot_container strong { color: #b6ab95; font-weight: bold; font-size: 120%;}
#foot_container ul {float: left; text-align: left;}
#column1, #column2 { width: 280px; }
#column2 { margin-bottom: 60px;}
#column3 { width: 180px; line-height: 1.3em;}
#column3 strong { line-height: 1.75em;}