/*

Theme: Gracie's Toffee - based off of template available at Template King.
Theme URI: http://tinyurl.com/
Author:
Content Administrator: Victoria Shwab
Site Customized by: Mission: Communicate
URI: http://www.missioncommunicate.com


*/

body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/index09.jpg);
}

body, th, td {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #380A04;
	
}

form {
	margin: 0px;
	padding: 0px;
}

.input1 {
}

.align-justify {
	text-align: justify;
}

.text1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.text2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3C0A04;
}

.text3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #958368;
}

a {
	color: #6C2F18;
}

a:hover {
	text-decoration: none;
}
a.link1 {
	color: #958368;
}

a.link1:hover {
	text-decoration: none;
}
/*
Styles that are applied on the containing element
like <TD></TD>. When applied, this will change both
the text and the text links inside them.
*/

.style1 {
}

.style1 a {
}

.style1 a:hover {
}
.bg1 {
	background-image: url(images/index11.gif);
	background-repeat: repeat-x;
}

.bg2 {
	background-image: url(images/index12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.bg3 {
	background-image: url(images/index14.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.img1 {
	margin-left: -3px;
}

#img1 {
	margin-top: -1px;
	margin-left: -6px;
}

/*Body */
div#home, #content{
width: 500px;
margin: 0 auto;
}

p.description {
	font-size: 13px;
	text-align:right;
	width: 350px;
}

p.welcome{
	margin-left: 190px;
}

/*text decor */

h3.peptoffee, h3.altoffee, h3.topieces, h3.nutless, h3.orig, h3.darkchocolate, h3.whitechocolate{
margin-bottom:-10px;
text-indent: -5000px;
}

h3.orig{
background:url(images/text/original.gif);
width: 191px;
height: 39px;
}

h3.altoffee{
background: url(images/text/almond.gif);
width: 109px;
height: 39px;
}

h3.nutless{
background: url(images/text/nutless.gif);
width: 106px;
height: 39px;
}
h3.peptoffee{
background: url(images/text/peppermint.gif);
width: 140px;
height: 39px;
}

h3.topieces{
background: url(images/text/toffee-pieces.gif);
width: 154px;
height:39px;
}

h3.darkchocolate{
background: url(images/text/special-dark.gif);
width: 154px;
height:39px;
}

h3.whitechocolate{
background: url(images/text/white-chocolate.gif);
width: 190px;
height:39px;
}

h2.home {
text-indent:-5000px;
background:url(images/welcome.gif) center no-repeat;
height: 84px;
}

h2.contact, h2.story {
text-indent: -2000px;
margin-bottom: -40px;
}

p.toffee {
text-indent: -5000px;
background: url(images/grracies-toffee.gif) center no-repeat;
height: 101px;
}

span.dropcapg {
background:url(images/text/g.gif) center no-repeat;
display: block;
float:left;
width: 41px;
height: 50px;
margin: 0 -2px -8px 0;
} 

span.dropcapg span, span.dropcapu span {display:none;}

.dropcapu {
display:block;
float:left;
background:url(images/text/u.gif) center no-repeat;
width: 41px;
height: 50px;
margin: 0 -2px -8px 0;
} 

p.email:first-letter{
text-transform:capitalize;
}
/* Forms */
.mailwrapper form{
font-size: .8em;
}
.mailwrapper form input{
font-size: .8em;
}
.mailwrapper fieldset{
border: 1px solid #D5B990;
}

form#shopping{
float: right;
margin-right: 100px;}