
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size:14px;
line-height:16px;
background-color:#FFFFFF;
}

a:link {
color:#400332;
}

a:hover {
color:#990033;
}

#wrapper {
width:814px;
margin: 0 auto; /* Centers your page */
padding: 0;
}

#branding {
background-image:url(../i/header.jpg);
background-repeat:no-repeat;
height: 168px;
margin: 0;
padding:0;
text-indent: -5000px;
}

#content {
margin: 0;
padding:0;
}

#extra_page_info {
width: 240px;
float: left;
margin: 0 20px 0 20px;
padding: 0;	
}

#page_content {
width: 520px;
margin: 0 0 0 280px;
}

#page_content #patterns ul {
margin: 0 20px 0 0;
padding: 0;
list-style: none;
}

#navigation {
list-style: none;
font-size:18px;
padding:0;
margin:0;
}

#navigation li {
line-height: 30px;
}

#navigation a:link {
color:#400332;
	}
	
#navigation a:hover {
color:#990033;
	}

#footer {
	clear:both;
}

#footer p {
	text-align: center;
	margin: 0;
	padding: 30px 0 0 0;
}

.intro {
width: 210px;
line-height:1.5em;
}

#tatting_testimonials {
width: 214px;
line-height:1.5em;
}

/* Box Styles */

/* Tatting Pattern Feature  */
#patterns {
width:530px;
margin: 10px 0 0 -10px;
background:url(../i/boxes/patterns/middle.gif) repeat-y;
}

#patterns h2 {
background:url(../i/boxes/patterns/top.gif) no-repeat left top;
padding:10px 15px 0 15px;
margin-bottom:0;
font-size:20px;
text-align:center;
}

#patterns .last {
background:url(../i/boxes/patterns/bottom.gif) no-repeat left bottom;
}

#patterns p {
padding:0 15px;
line-height:normal;
}

#patterns table {
font-size:12px;
}

#patterns table td {
font-size:12px;
vertical-align:top;
line-height: 18px;
}

#patterns table p {
font-size:inherit;
margin:0;
padding:0;
}

#patterns h4 {
font-size:16px;
margin:8px 0 0 0;
padding:0;
}

/* Main Feature */

#main_feature {
width:530px;
margin: 10px 0 0 -10px;
background:url(../i/boxes/main/middle.gif) repeat-y;
}

#main_feature h2 {
background:url(../i/boxes/main/top.gif) no-repeat left top;
padding:20px 15px 0 15px;
margin-bottom:0;
}

#main_feature h3 {
padding:10px 15px 0 15px;
margin-bottom:0;
}

#main_feature .last {
background:url(../i/boxes/main/bottom.gif) no-repeat left bottom;
margin:0;
padding-bottom:10px;
}

#main_feature p {
padding:0 15px;
line-height: 16px;
}

#main_feature ul {
width: 480px;
}

#main_feature table {
font-size:12px;
}

#main_feature table td {
font-size:12px;
text-align:center;
}

#main_feature h4 {
font-size:18px;
margin:0;
padding:0;
}

/* About Page Main Feature */
/* Main Feature */

#about_feature {
width:530px;
margin: 10px 0 0 -10px;
background:url(../i/boxes/main/middle.gif) repeat-y;
}

#about_feature h2 {
background:url(../i/boxes/main/top.gif) no-repeat left top;
padding:20px 15px 0 15px;
margin-bottom:0;
}

#about_feature h3 {
padding:10px 15px 0 15px;
margin-bottom:0;
}

#about_feature .last {
background:url(../i/boxes/main/bottom.gif) no-repeat left bottom;
margin:0;
padding-bottom:20px;
}

#about_feature p {
padding:0 15px;
line-height: 18px;
}


/* What You Get Main Feature */

#what_get_main {
width:530px;
margin: 10px 0 0 -10px;
background:url(../i/boxes/main/middle.gif) repeat-y;
}

#what_get_main h3 {
background:url(../i/boxes/main/top.gif) no-repeat left top;
padding:10px 15px 0 35px;
margin-bottom:0;
}

#what_get_main .last {
background:url(../i/boxes/main/bottom.gif) no-repeat left bottom;
margin:0;
padding-bottom:10px;
}

#what_get_main p {
padding:0 15px;
line-height:normal;
}

#what_get_main h4 {
font-size:18px;
margin:0;
padding:0;
}



/* What You Get */
#what_get {
width:216px;
margin: 10px 0 0 -10px;
background:url(../i/boxes/what_get/middle.gif) repeat-y;
}

#what_get h4 {
background:url(../i/boxes/what_get/top.gif) no-repeat left top;
padding:10px 15px 0 15px;
margin-bottom:0;
font-size: 16px;
}

#what_get .last {
background:url(../i/boxes/what_get/bottom.gif) no-repeat left bottom;
padding-bottom:20px;
}

#what_get p {
width: 190px;
padding:0 15px;
line-height:normal;
}

/* Tatting Testimonies */
#tatting_testimonials {
width:216px;
margin: 10px 0 0 -10px;
background:url(../i/boxes/testimony/middle.gif) repeat-y;
}

#tatting_testimonials h4 {
background:url(../i/boxes/testimony/top.gif) no-repeat left top;
padding:10px 15px 0 15px;
margin-bottom:0;
font-size: 16px;
}

#tatting_testimonials .last {
background:url(../i/boxes/testimony/bottom.gif) no-repeat left bottom;
padding-bottom:20px;
}

#tatting_testimonials p {
padding:0 15px;
line-height:normal;
}

/* Featured Book Section */

#featured_book {
width:530px;
margin: 10px 0 0 -10px;
background:url(../i/boxes/patterns/middle.gif) repeat-y;
}

#featured_book h3 {
padding: 20px 20px 0 20px;
background:url(../i/boxes/patterns/top.gif) no-repeat top left;
}
#featured_book #sub {
width:125px; float:left; padding:0 5px 10px 20px;
}

#featured_book p {
line-height: 21px;
padding: 0 25px 40px 0;
background:url(../i/boxes/patterns/bottom.gif) no-repeat bottom left;
}

/* Flexible Rounded Corner Box
================================== */

.tatting_links {
margin: 20px 0 0 -10px;
height:83px;
background:url(../i/boxes/tatting_links.gif) no-repeat top left;
}

.tatting_links h2 {
  padding:5% 0 0 15px;
  margin:0;
  font-size: 1.2em;
}

.main-linkbox {
  width: 15em;
  background:url(../i/boxes/standard/bottom-left.gif) no-repeat left bottom;
}

.box-outer {
  background:url(../i/boxes/standard/bottom-right.gif) no-repeat bottom right;
  padding-bottom: 5%;
}

.box-inner {
  background:url(../i/boxes/standard/top-left.gif) no-repeat left top;
}

.main-linkbox h2 {
  background:url(../i/boxes/standard/top-right.gif) no-repeat top right;
  padding:0;
  margin:0;
  padding-top: 5%;
  font-size: 1.2em;
  line-height:1em;
}

.main-linkbox h2 + h2 {
background:none;
}


.main-linkbox h2, .main-linkbox p {
  padding-left: 5%;
  padding-right: 5%;
}

/* Tatting Pattern and Book Tables */
#tatting_patterns {
margin: 30px 0 0 0;
}

#tatting_patterns img {
border:none;
}

#tatting_patterns h3 {
font-size:16px;
margin:0 0 10px 0;
padding:0;
}

#tatting_patterns p {
line-height:16px;
margin:0;
padding:0;
}

#tatting_patterns ul li {
font-size:12px;
}

#tatting_patterns td {
vertical-align:top;
}

.price {
text-align:center;
}