/*----------------------------------------------------------------------------- 
T&L Baking Screen Stylesheet 

version:   1.0 
date:      03/10/12 
author:    Josh York - josh@inwytt.com 
designer:  Huyen Nguyen - huyen@inwytt.com
website:   inwytt.com
-----------------------------------------------------------------------------*/

/* Page Setup
-----------------------------------------------------------------------------*/

@charset "utf-8";

@font-face {
    font-family: 'DaunPenhRegular';
    src: url('daunpenh-webfont.eot');
    src: url('daunpenh-webfont.eot?#iefix') format('embedded-opentype'),
	url('daunpenh-webfont.woff') format('woff'),
	url('daunpenh-webfont.ttf') format('truetype'),
	url('daunpenh-webfont.svg#DaunPenhRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'SatisfyIE';
    src: url('satisfy-regular-webfont.eot');
    src: url('satisfy-regular-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
	
* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
	color:#4c4033;
	font-family: 'DaunPenhRegular', Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	line-height:1;
}

#slideshow p, #factTitle, h2, h3, h4, #contactBox span, #resourceTitle {
	font-family:'Satisfy', 'SatisfyIE', 'DaunPenhRegular', Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size:1.34em;
	color:#636564;
	text-shadow: 1px 1px 1px #ffffff;	
}

h2 {
	font-size:3em;
	text-align:center;
	white-space:nowrap;
	margin:20px 0px;
}	

h3 {
	font-size:1.75em;	
}

h4 {	
	font-size:1.5em;
	margin-top:10px;
}

h5 {
	margin:-10px 0px -15px 0px;
	font-size:1.3em;
}

p {
	font-size:1.5em;
	margin:15px 0px;
	text-align:justify;
}

a {	
	text-decoration:none;
	color:#0c5d8c;
}

ul {
	list-style:none;
}

.italic {
	font-style:italic;
}

.right {
	float:right;
}

.left {
	float:left;
}

.bg {	
	min-height:1100px;	
}

#brownTop {
	height:20px;	
}

.green {
	background-color:#c2dace;
	background-image:url(../images/main_background_pattern.png);
	color:#361b02;
}

.green h2 {
	color:#3e738d;
	text-shadow: 1px 1px 0 rgba(192, 217, 204, 1),
    -1px 1px 0 rgba(192, 217, 204, 1),
    1px -1px 0 rgba(192, 217, 204, 1),
    -1px -1px 0 rgba(192, 217, 204, 1),
    0px 1px 0 rgba(192, 217, 204, 1),
    0px -1px 0 rgba(192, 217, 204, 1),
    -1px 0px 0 rgba(192, 217, 204, 1),
    1px 0px 0 rgba(192, 217, 204, 1),
    2px 2px 0 rgba(141, 135, 114, 1),
    -2px 2px 0 rgba(141, 135, 114, 1),
    2px -2px 0 rgba(141, 135, 114, 1),
    -2px -2px 0 rgba(141, 135, 114, 1),
    0px 2px 0 rgba(141, 135, 114, 1),
    0px -2px 0 rgba(141, 135, 114, 1),
    -2px 0px 0 rgba(141, 135, 114, 1),
    2px 0px 0 rgba(141, 135, 114, 1),
    1px 2px 0 rgba(141, 135, 114, 1),
    -1px 2px 0 rgba(141, 135, 114, 1),
    1px -2px 0 rgba(141, 135, 114, 1),
    -1px -2px 0 rgba(141, 135, 114, 1),
    2px 1px 0 rgba(141, 135, 114, 1),
    -2px 1px 0 rgba(141, 135, 114, 1),
    2px -1px 0 rgba(141, 135, 114, 1),
    -2px -1px 0 rgba(141, 135, 114, 1);
}

.brown {	
	background-image:url(../images/wholesale-background-pattern.png);	
	color:#e3e3c7;	
}

.brown h2 {
	color:#92e5e8;
	text-shadow: 1px 1px 0 rgba(37, 7, 0, 1),
    -1px 1px 0 rgba(37, 7, 0, 1),
    1px -1px 0 rgba(37, 7, 0, 1),
    -1px -1px 0 rgba(37, 7, 0, 1),
    0px 1px 0 rgba(37, 7, 0, 1),
    0px -1px 0 rgba(37, 7, 0, 1),
    -1px 0px 0 rgba(37, 7, 0, 1),
    1px 0px 0 rgba(37, 7, 0, 1),
    2px 2px 0 rgba(141, 135, 114, 1),
    -2px 2px 0 rgba(141, 135, 114, 1),
    2px -2px 0 rgba(141, 135, 114, 1),
    -2px -2px 0 rgba(141, 135, 114, 1),
    0px 2px 0 rgba(141, 135, 114, 1),
    0px -2px 0 rgba(141, 135, 114, 1),
    -2px 0px 0 rgba(141, 135, 114, 1),
    2px 0px 0 rgba(141, 135, 114, 1),
    1px 2px 0 rgba(141, 135, 114, 1),
    -1px 2px 0 rgba(141, 135, 114, 1),
    1px -2px 0 rgba(141, 135, 114, 1),
    -1px -2px 0 rgba(141, 135, 114, 1),
    2px 1px 0 rgba(141, 135, 114, 1),
    -2px 1px 0 rgba(141, 135, 114, 1),
    2px -1px 0 rgba(141, 135, 114, 1),
    -2px -1px 0 rgba(141, 135, 114, 1);
}

.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:975px;
	padding:20px;	
}

.centerImage {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.divider {
	background-image:url(../images/wholesale-background-top.png);
	height:13px;
}

#aboutDivider {
	background-image:url(../images/about-background-top.png);
	height:13px;
}

#productDivider {
	background-image:url(../images/wholesale-background-bottom.png);
	height:10px;
}

#specialContainer {
	background-image:url(../images/special-event-background-pattern.png);	
}
#specialContainer h2 {
	color:#0c5d8c;
	text-shadow: 1px 1px 0 rgba(215, 220, 195, 1),
    -1px 1px 0 rgba(215, 220, 195, 1),
    1px -1px 0 rgba(215, 220, 195, 1),
    -1px -1px 0 rgba(215, 220, 195, 1),
    0px 1px 0 rgba(215, 220, 195, 1),
    0px -1px 0 rgba(215, 220, 195, 1),
    -1px 0px 0 rgba(215, 220, 195, 1),
    1px 0px 0 rgba(215, 220, 195, 1),
    2px 2px 0 rgba(141, 135, 114, 1),
    -2px 2px 0 rgba(141, 135, 114, 1),
    2px -2px 0 rgba(141, 135, 114, 1),
    -2px -2px 0 rgba(141, 135, 114, 1),
    0px 2px 0 rgba(141, 135, 114, 1),
    0px -2px 0 rgba(141, 135, 114, 1),
    -2px 0px 0 rgba(141, 135, 114, 1),
    2px 0px 0 rgba(141, 135, 114, 1),
    1px 2px 0 rgba(141, 135, 114, 1),
    -1px 2px 0 rgba(141, 135, 114, 1),
    1px -2px 0 rgba(141, 135, 114, 1),
    -1px -2px 0 rgba(141, 135, 114, 1),
    2px 1px 0 rgba(141, 135, 114, 1),
    -2px 1px 0 rgba(141, 135, 114, 1),
    2px -1px 0 rgba(141, 135, 114, 1),
    -2px -1px 0 rgba(141, 135, 114, 1);
}

.h2, .content {
	min-width:935px;
}

/* Navigation 
-----------------------------------------------------------------------------*/
#nav li {	
	display:inline;	
	font-size:1.5em;		
}

#nav a {
	padding:20px 10px 0px 10px;	
	color:#5b3308;
	text-decoration:none;	   
}

#backTop {
	position:fixed;
	bottom:50px;
	right:50px;
	background-image:url(../images/back-to-top.png);
	width:66px;
	height:51px;
}

#backTop a {
	width:66px;
	height:51px;
	display:block;
}

/* Homepage
-----------------------------------------------------------------------------*/

#homeContainer .aside {	
	max-width:315px;	
}

#logo {
	width:209px;			
}

#homeContainer .header {	
	text-align:center;			
}

#homeContainer h1 {	
	margin:30px 0px;		
}

#factTitle, #resourceTitle {	
	font-size:1.1em;
	font-weight:bold;	
}
.factLine {
	margin: 5px 0px;
}

#factBox {
	background-image:url(../images/fact-box.png);
	height:272px;
	width:315px;
	margin-top:10px;
	margin-bottom:10px;
}

#factList, #testimonialList, #resourceList {
	list-style-image:url(../images/gray-chef-hat.png);
}

#factList, #resourceList {
	font-size:1.4em;	
	line-height:1.1em;
	padding:20px 20px 20px 60px;
	display:inline-block;	
}

#slideshow {
	margin-top:30px;
	height:575px;
	width:640px;	
	position:relative;
}

#slideshow div {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:8;	
	display:none;	
}

#slideshow div.active {
    z-index:10;	
	display:block;
	position:absolute;	
}

#slideshow div.last-active {
	z-index:9;	
	position:absolute;	
}

#slideshow p {
	text-align:right;
	color:#0c5d8c;
	font-weight:bold;
	font-size:2em;
}

#slideshow img {
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;		
}

/* Wholesale Products Page
-----------------------------------------------------------------------------*/

/******* MENU *******/

.menu li {			
	color:#92e1e3;
	padding: 0px 10px;
	font-weight:bold;
	display: inline;	
}

.menu {	
	font-size:2em;
	display:block;
	text-align: center;
}

.wholesaleNav {	
	cursor: pointer;
}
.menu li.active{	
	color:#e2e3c7;
}

/******* CONTENT *******/

.content{
	clear: both;
	margin-top:30px;
}
.content.angel {
	display:block;
}
.content.pound {
	display:none;
}
.content.SF {
	display:none;
}

.content ul {		
	font-size:1.3em;
}

.contentTop, .contentBottom {
	min-height:400px;
}

.contentBottom h4, .contentTop h4{
	text-align:center;
	margin-top:10px;
}

.contentBottom h4 img, .contentTop h4 img{
	margin: 5px 0px;
}


.nutritionalFacts {		
	height:165px;	
}

.nutritionalFacts span {
	display:block;	
	text-align:center;
	font-size:1.2em;
	margin:5px 0px;
}

.nutritionalFacts ul {
	list-style:none;
	margin-left:35px;
}

.ingDivSF {	
	width:475px;
	margin-left:35px;
	margin-top:0px;
}

.ingredients {	
	font-size:1.25em;		
}

.angelCakeTop {
	margin:0px 50px 10px 0px;
	-moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	box-shadow: 5px 5px 5px #000;	
}
.angelCakeBottom {
	margin:0px 0px 40px 50px;
	-moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	box-shadow: 5px 5px 5px #000;	
}

#recipes {
	text-align:center;
}

#recipes a {
	color:#3e738d;
}

/* Special Events Page
-----------------------------------------------------------------------------*/

.spColumns {
	width:325px;
	float:left;	
}

.spColumns h3 {
	text-align:center;
	padding:10px 15px;
}

.spevCake {
	margin-top:10px;
}

.spColumns .article {
	padding:0px 15px;
	max-height:900px;
}

#spColumnTwo .article {	
	border-right:#9c9480 1px solid;
	border-left:#9c9480 1px solid;
}

#specialCakes {
	margin-bottom:20px;
}

/* About Us Page
-----------------------------------------------------------------------------*/
#quote {
	font-weight:bold;
	font-style:italic;
}

#aboutPic {
	margin:15px 0px 10px 30px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

#aboutContainer .article {
	width: 550px;
}

#testimonialList li {
	font-size:1.5em;
	margin: 15px 0px;
}

#aboutContainer h3 {
	color:#0c5d8c;	
	margin-top:20px;
}

/* Contact Page
-----------------------------------------------------------------------------*/

#contactBox {
	background-image:url(../images/contact-box.jpg);
	color:#260801;
	width:599px;
	height:248px;
	margin:60px;
	margin-right:auto;
	margin-left:auto;	
}

#contactBox ul {
	font-size:1.85em;
	font-weight:bold;
	padding:20px 0px;	
}

#contactBox li {	
	text-align:center;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
	text-align:center;
	height:45px;
	padding-top:20px;
	border-top:#000 2px solid;
}
#copyright {
	font-size:1.245em;
	font-weight:bold;
	white-space:nowrap;
}