/*html, body {height:100%}
*/
body {
	margin: 0px;
	padding: 0px;
	background: #33291f;
	font: .8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #33291f;
}

.slickbox, .slickbox2  {
	color:#fff;
	font-size: 1.2em;
	font-weight: bold;
}


#wrapper {
/*	min-height: 100%;*/	
    min-width: 960px;
	margin: 0 auto;
	padding: 0;
	background:#f2eeea;
	

}
#header {
	background:#33291f;
	height:152px;
	}
	
#header a.img, #header a:visited img {border: none}
	
#nav {
	float:right;
	margin-top: 10px;
	padding: 0 .5em;
	white-space: nowrap;
	text-align:right;
	font-weight: bold;	
	font-size: 1.2em;
	text-transform:uppercase;
}

#nav li {
	display: inline;
	list-style-type: none;
	padding: 0 .3em;
	color: #CC9900;
	
}

#nav a:link, #nav a:visited {
color: #CC9900;
text-decoration: none;
outline:none;
}

#nav a:hover {
color: #fff;
text-decoration: none;
}

/* sub-navigation */
#subnav {
	background: #CC9900;
    margin: 0;
	padding:8px 0;
	white-space: nowrap;
	text-align:right;
	font-weight: bold;
	list-style-type: none;
	color: #0a4598;
	border-bottom: solid 1px #ccc;
	text-transform:uppercase;
}

#subnav li {
display: inline;
padding: 0 .5em 0 1.5em;
color: #0a4598;
}

#subnav a, #subnav a:visited {text-decoration: none}
#subnav a:hover {color:#f2eeea;}

/*pass current link through body tag*/

body.bread a#bread, 
body.cakes a#cakes, 
body.weddings a#weddings, 
body.pastry a#pastry,
body.news a#news,
body.about a#about,
body.store a#store,
body.home a#home,
body.caketypes a#caketypes,
body.faq a#faq,
body.wholesale a#wholesale,
body.buy a#buy,
body.quote a#quote 
{
color: #fff;
text-decoration: none;
}




#frontboxes {
	width: 90%;
	margin: 2% auto;
	}
.frontbox {
	width: 30%;
	background: #f2eeea;
	margin: 0;
	min-height:630px;
	border: solid 1px #33291f;
	font-weight: bold;
/*	text-transform: uppercase;
*/	font-size: 1.2em;
	}

.gutter {padding: 0 1em 1em 1em;}


 .left {float: left;}
 .middle {float: left; margin: 0 4.5%;}
 .right  {float:right}
a, a:visited {color: #33291f; outline: none;}
.frontbox h1 {
	text-transform: uppercase;
	color: #fff;
	background: #900222 url(../images/boxheader.jpg) repeat;
	font: normal 140% "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: .5em ;
	margin: 0;
}
.frontbox a {text-transform:none; color: #860120; font-size: 1em; float:right;}
.frontbox img {border: solid 1px #33291f; width: 80%; margin: 5% 10%;}

#right {
	float: right;
	margin: 0 0 1em 2em;
	padding: 0;
	width: 37%;
	background:#f2eeea;
      	}

#flash {width: 100%; margin: 0; padding:0; vertical-align:top;}
.gutter {padding: 0 1.5em;}

#footer {
	clear:both;
	color: #CC9900;
	font-size: small;
	text-align:center;
	padding: 1em;
	background:#33291f;
	}
#footer a {color: #CC9900}
#footer a:hover {color: #fff}

h1 {
	color: #33291f;
	font-size: 2em;
	text-transform:uppercase;
	}

#header h1 {color:#f2eeea; margin: 0; padding: 1em; font-size: 2.5em; float:right}

h2 {
	color:#900222;
	font-size: 1.5em;
	text-transform: uppercase;
	}
	
h2 a, h2 a:visited {color:#900222;}


h3 {
	color: #33291f;
	font-size: 1.2em;
	text-transform: uppercase;
	}