@charset "utf-8";

img, div { behavior: url(Scripts/iepngfix.htc) }

body {
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #404040;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 250px;
	margin-left: 0px;
}
h2 {
	font-size: 18px;
	font-style: italic;
	color: #ca4e60;
	font-weight: normal;
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul {
	list-style-type:none;
	line-height: 2em;
	margin-left: 3px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.list2 {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
}



li {
	padding-left:10px;
	background-position:0px 7px;
	background-color: transparent;
	background-image: url(images/iconbullet1.gif);
	background-repeat: no-repeat;
	line-height: 16px;
	margin-top: 5px;
	padding-bottom: 3px;
}
.fillings li {
	margin-top: 2px;
	margin-bottom: 2px;
}


#quotes ul {
	list-style-type:none;
	line-height: 2em;
	margin-left: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#quotes li {
	padding-left:18px;
	background-position:0px 2px;
	background-color: transparent;
	background-image: url(images/q1.gif);
	background-repeat: no-repeat;
	line-height: 19px;
	margin-top: 7px;
	margin-bottom: 20px;
}

#navigation {
	height: 30px;
	margin-top: 38px;
	float: right;
	width: 670px;
}

#nav_center {
	margin-right: auto;
	margin-left: auto;
	width: 689px;
	height: 21px;
	padding-top: 10px;
}
.nav-space {
	background-image: url(images/spacer.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 10px;
	display: block;
	float: left;
}

#navigation .portfolio a {
	float: left;
	display: block;
	width: 77px;
	height: 30px;
	background-image: url(images/nav-portfolio.gif);
	margin-right: 11px;
	font-size: 0px;
	line-height: 0px;
	}

#navigation .flavors a {
	float: left;
	display: block;
	width: 121px;
	height: 30px;
	background-image: url(images/nav-flavors.gif);
	margin-right: 11px;
	font-size: 0px;
	line-height: 0px;
	}

#navigation .ordering a {
	float: left;
	display: block;
	width: 165px;
	height: 30px;
	background-image: url(images/nav-ordering.gif);
	margin-right: 11px;
	font-size: 0px;
	line-height: 0px;
	margin-left: 9px;
	}

#navigation .testimonials a {
	float: left;
	display: block;
	width: 90px;
	height: 30px;
	background-image: url(images/nav-testimonials.gif);
	margin-right: 11px;
	margin-left: 9px;
	font-size: 0px;
	line-height: 0px;
	}
	
#navigation .about a {
	float: left;
	display: block;
	width: 68px;
	height: 30px;
	background-image: url(images/nav-about.gif);
	margin-left: 0px;
	font-size: 0px;
	line-height: 0px;
	}	

#navigation .contact a {
	float: left;
	display: block;
	width: 68px;
	height: 30px;
	background-image: url(images/nav-contact.gif);
	margin-left: 5px;
	font-size: 0px;
	line-height: 0px;
	}
		
#navigation a:hover {
	background-position: bottom;
	}
	
#navigation .active{
	background-position: bottom;
}

#wrapper {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#background {
	background-image: url(images/bg-main.gif);
	background-repeat: repeat-y;
}

#home-background {
	background-image: url(images/bg-home2.gif);
	background-repeat: no-repeat;
	background-position: 10px 112px;
	height: 663px;
	width: 1018px;
}


#roof {
	background-image: url(images/bg-top.png);
	background-repeat: no-repeat;
	height: 139px;
	width: 910px;
	padding-left: 40px;
	padding-right: 40px;
	background-position: center top;
}

#roof .logo {
	float: left;
	height: 93px;
	width: 198px;
	padding-top: 3px;
}

#main-body {
	background-image: url(images/bg-cracks.gif);
	background-repeat: no-repeat;
	background-position: center 150px;
	width: 990px;

}
#footer {
	background-image: url(images/bg-footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 164px;
}
#content {
	width: 878px;
	background-position: left bottom;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#deco-column {
	float: left;
	width: 170px;
	padding-top: 90px;
}
#main-text {
	float: right;
	width: 625px;
	min-height:400px;
	margin-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}


#home-main {
	width: 790px;
	margin-right: auto;
	margin-left: auto;

}


#portfolio-background {
	background-image: url(images/portfolio-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 675px;
	width: 990px;
}
.portfolio-table td {
	text-align: center;
	padding-bottom: 10px;
}
.portfolio-table img {
	margin-bottom: 2px;
}

#subnav {
	background-image: url(images/portfolio-board.gif);
	height: 363px;
	width: 173px;
	float: left;
}
#subnav #inner {
	width: 105px;
	margin-left: 50px;
	margin-top: 95px;
	font-size: 0px;
	line-height: 0px;
}
#subnav #inner img {
	margin-bottom: 16px;
}


#portfolio-main {
	float: right;
	width: 740px;
	margin-top: 5px;
	padding-right: 60px;
	padding-bottom: 30px;
	height: 325px;
}



#contact-board {
	background-image: url(images/contact-board.png);
	height: 184px;
	width: 187px;
	padding-top: 90px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 43px;
	color: #FFFFFF;
	line-height: 25px;
	margin-left: 10px;
}


#pane01, #pane02, #pane03, #pane04, #pane05, #pane06, #pane07 {
	width: 580px;
	padding-left: 28px;
}
.toggle-arrow {
	margin-right: 7px;
	margin-top: 0px;
}
.toggle-contain {
	height: 27px;
}



.title {
	display: block;
	margin-bottom: 15px;
}
.title-collapse {
	font-size: 18px;
	font-style: italic;
	line-height: 19px;
}

.pink {
	color: #ca4e60;
}
.error_strings {
	color: #A9070C;
	text-align: left;
	width: 300px;
	margin-left: 170px;
	padding-top: 10px;
}

.flav {
	color: #DC4E60;
	padding-top: 10px;
}

.green {
	color: #81B43A;
}

.quoter {
	font-style: italic;
	color: #81b43a;
	margin-top: 6px;
	font-size: 13px;
}

.border {
	border: 1px solid #CCCCCC;
}



.sbfbform td {
	padding-right: 10px;
	padding-bottom: 8px;
	font-size: 11px;
}

.submit-button {
	color: #000000;
	background-color: #aed577;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: none;
	line-height: 22px;
	cursor: pointer;
	cursor: hand;
	height: 25px;
	width: 80px;
	font-family: Georgia, "Times New Roman", Times, serif;

}

textarea {
	overflow:auto;
	border: 1px solid #AED577;
}
input {
	border: 1px solid #AED577;
}

select{
	border: 1px solid #AED577;
}

.radio {
	border: 0px none #FFFFFF;
}


.clear  {
	height:0px;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
	clear:both;
	border:0;
	}	


a:link   { text-decoration: underline; color: #ca4e60; }
a:active { text-decoration: underline; color: #aed577; }	
a:visited   { text-decoration: underline; color: #ca4e60; }
a:hover  { text-decoration: underline; color: #aed577; }

.toggle-contain a:link   { text-decoration: none; color: #ca4e60; }
.toggle-contain a:active { text-decoration: none; color: #81b43a; }	
.toggle-contain a:visited   { text-decoration: none; color: #ca4e60; }
.toggle-contain a:hover  { text-decoration: none; color: #81b43a; }