/*Core Style Sheet*/

.align {
margin-left: 20px; 
}


body {
background-color: #faecd1;
background-image: url(images/background-centered.gif);
background-position: center;
color: #000;
font-family: Ariel, Helvetica, Verdana, sans-serif;
font-size: .85em;
line-height: 1.3;
margin: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}

h1 {
text-align: left;
color: #990100;
font-size: 2em;
}

h2 {
color: #990100;
font-size: 1.6em;
clear: both;
}

h3 {
color: #990100;
font-size: 1em;
clear: both;
}

h4 {
margin-top: -20px;
font-size: 1em;
clear: both;
}

a:link{
color: #8A1B1B;
text-decoration: none;
font-weight: bold;
}

a:visited{
color: #8A1B1B;
text-decoration: none;
font-weight: bold;
}

a:hover{
}

a:active{
color: #34000f;
}

.center {
text-align: center;
}


#content{
position: relative;
width: 800px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
}

.dolce {
width: 498px;
text-align: center;
background-color: #faecd1;
border: #34000f solid 1px;
padding: 10px;
margin-left: 35px;
margin-top: 20px;
}

#footer p{
font-size: 0.8em;
text-align: center;
font-weight: bold;
padding-bottom: 10px;
margin: 0;
color: #990100;
clear: both;
}

#header{
margin: 0;
margin-left: auto;
margin-right: auto;
border: black solid 1px;
border-bottom: #34000f solid 1px;
width: 800px;
}

#header img {
display: block;
}

#maingallery {
margin-left: 62px;
margin-right: auto;
text-align: center;
}

#maingallery h1 {
text-align: center;
}

#main-text{
padding: 20px;
text-align: left;
}

.menu {
font-weight: bold;
text-align: center;
margin: 0;
}

.menu a {
padding: 7px;
display: block;
border-bottom: solid #990100 1px;
}

.menu a:hover {
background-color: #990100;
color: #c41220;
}

#middle {
width: 645px;
margin-left: 155px;
}

#navbar{
position: absolute;
top: 0px;
left: 0px;
width: 155px;
}

#navbar a {
color: #711616;
}

#navbar a:hover {
color: #faecd1;
}

#news1{
border-bottom: solid #711616 3px;
}

p.footer{
font-size: 0.8em;
text-align: center;
font-weight: bold;
padding-top: 10px;
margin: 0;
clear: both;
color: #8A1B1B;
}

.scrunch {
padding: 15px;
width: 500px;
border: 1px solid #34000f;
background-color: #faecd1;
}

#slideshow {
width: 400px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#submenu {
text-align: right;
font-weight: bold;
color: #8A1B1B;
}

#submenu a {
padding:  5px;
}

#submenu a:hover {
background-color: #faecd1;
}

table {
border: 2px solid #34000f;
border-collapse: collapse;
}

td,th {
border: 1px solid #34000f;
padding: 5px;
font-size: .85em;
}

.topmargin {
margin-top: 10px;
}

.yarn table{
border: none;
}

.yarn td, th {
border: none;
padding-left: 0;
font-size: 1em;
}











.info {
text-align: left;
font-size: .85em;
}

.info p {
margin: 2px;
}

.discount {
	margin-top: 0;
	padding: 10px;
	margin-right: 20px;
}

.gallery {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 0;

}

.gallery p {
margin-top: 4px;
font-size: 0.8em;
}

.topmargin {
padding-top: 10px;
}

.clear {
clear: both;
}
.photo {
border: #34000f solid 1px;
clear: both;
}

.leftlink {
float: left;
}

.left {
float: left;
clear: both;
}

.rightlink {
float: right;
}

.right {
float: right;
clear: both;
}

#classes {
	width: 260px;
	border: #34000f solid 1px;
	background-color: #faecd1;
	padding: 10px;
	margin-top: 20px;
	height: auto;
	float: right;
	clear:both;
	margin-right: 20px;
}

.classes table{
margin-left: auto;
margin-right: auto;
}

.mainphoto {
float: right;
padding: 0;
margin: 5px;
clear: both;
}

.mainphoto img {
display: block;
}

.pepperleft {
float: left;
margin-top: 10px;

}

.pepperright {
float: right;
margin-top: 10px;

}

.photo1 {
border: #34000f solid 1px;
clear: both;
margin-left: 10px;
margin-right: 10px;
}

.photo2 {
border: #34000f solid 1px;
clear: both;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}

.photo3 {
border: #34000f solid 1px;
margin-bottom: 10px;
margin-right: 10px;
}

.photo4 {
border: #34000f solid 1px;
clear: both;
margin-left: 10px;
margin-right: 20px;
}

.photo5 {
border: #34000f solid 1px;
margin-bottom: 10px;
}

#class1 {
	width: 300px;
	height: auto;
	border: #34000f solid 1px;
	background-color: #faecd1;
	text-align: center;
	margin-left: 152px;
	margin-top: 10px;
	padding: 10px;
}

#class2 {
width: 300px;
}

#class3 {
width: 300px;
height: 400px;
border: #34000f solid 1px;
padding: 10px;
background-color: #faecd1;
text-align: center;
margin-left: 152px;
}



.about {
width: 605px;
clear: both;
padding-top: 30px;
}

.kits {
	width: 500px;
	border: #34000f solid 1px;
	padding: 10px;
	background-color: #faecd1;
	margin-left: 52px;
	height: auto;
}

.patterns {
	float: right;
	width: 280px;
	border: #34000f solid 1px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #faecd1;
}

.pay {
width: 130px;
float: left;
padding: 10px;
}

.payright {
width: 130px;
float: right;
padding: 10px;
}

.payright2 {
width: 160px;
float: right;
padding: 10px;
}

.pay p, form{
margin-top: 0;
margin-bottom: 0.5em;
}

.bold {
font-weight: bold;
}

.linespace p {
	margin-top: 0.25em;
	margin-bottom: 0.5em;
}

ul {
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left:0;
	padding-left: 15px;
	list-style-image: none;
	list-style-type: none;
}

ul ul {
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
}

.justify {
text-align: justify;
}

#bottompepper {
width: 415px;
margin-left: 95px;
margin-top: 20px;
padding: 0;
}

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

.discount {
	width: 260px;
	border: #34000f solid 1px;
	background-color: #faecd1;
	float:right;
	text-align: center;
}

.rightbar {
	width: 300px;
	float:right;
}

.rightbar2 {
	width: 200px;
	float:right;
}

.crossout {
text-decoration:line-through;
}

.mailinglist {
font-size: .85em;
font-weight: bold;
color: #711616;
}

.contest {
	float: left;
	width: 180px;
	text-align: center;
	margin: 5px;
}



* html .menu a {
height: 1px;
}