/* TOOLBOX CSS */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


#browserAlert {
display:none;
}
/* --------------------------------------------------------------------------------- */
/* ---------- GENERAL ---------- */
/* --------------------------------------------------------------------------------- */
* {
	margin: 0;
}


html {
	height: 100%;
}

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#80561b;
height: 100%;
background:url(../images/bg.jpg) no-repeat top center #1b100a;
}

.wrapper{
	width:955px;
	margin: 0 auto;
	background:#faf9f2;
}

ul { list-style: disc; margin:0px 0 20px 20px; padding:0; }

ol { list-style: decimal; margin: 10px 0 20px 30px;}

li { margin: 2px auto; list-style-position: outside; }

p{
padding:0 0 13px 0;
}

a, a:link, a:visited{
text-decoration:none;
color:#f78f1e;
}
a:hover, a:active{
text-decoration:underline;
color:#f78f1e;
}
a:focus{
outline:none;
}
#CDSWIDFRR{
margin:10px 0 !important;	
}
h3{ width:217px; height:101px; background-image: url('../images/logo.gif'); margin:15px 0 15px 24px; float:left;}
h3 a { display: block; width:217px; height:101px; text-indent: -9999px; }

.header{
	width:955px;
	margin: 0 auto;
	background:#ffffff;
	display:block;
	margin-top:20px;
	float:left;
}

/* --------------------------------------------------------------------------------- */
/* ---------- TWITTER and FACEBOOK ---------- */
/* --------------------------------------------------------------------------------- */

.twitter a{
width:72px;
height:25px;
background:url(../images/btn-twitter.gif) no-repeat 0 0;
display:block;
border:0;
cursor:pointer;
text-indent:-99999px;
float:right;
margin:7px 0 0 0;
}
.twitter a:hover{
width:72px;
height:25px;
background:url(../images/btn-twitter.gif) no-repeat 0 -25px;
display:block;
}

.facebook a{
width:90px;
height:25px;
background:url(../images/btn-facebook.gif) no-repeat 0 0;
display:block;
border:0;
cursor:pointer;
text-indent:-99999px;
float:right;
margin:7px 5px 0 5px;
}

.facebook a:hover{
width:90px;
height:25px;
background:url(../images/btn-facebook.gif) no-repeat 0 -25px;
display:block;
}

.4square iframe{
width:165px;
height:25px;
display:block;
float:right;
}


/* --------------------------------------------------------------------------------- */
/* ---------- NAV ---------- */
/* --------------------------------------------------------------------------------- */


ul#nav {
margin:-50px 20px 0 0;
padding: 0;
list-style: none; 
width:625px;
display: block; 
clear: both; 
position: relative; 
z-index: 999;
float:right;
}

#nav li { float:left; margin: 0 0 0 0; height:23px; text-indent:-9999px; position:relative; background:none;  }

li.home a { display: block; width:58px; height:23px; background: url('../images/nav.gif') no-repeat 0 0; text-indent: -9999px }
li.home a:hover { display: block; width:58px; height:23px; background: url('../images/nav.gif') no-repeat 0 -27px; }

li.about a { display: block; width:66px; height:23px; background: url('../images/nav.gif') no-repeat -58px 0; text-indent: -9999px }
li.about a:hover, li.about:hover a { display: block; width:66px; height:23px; background: url('../images/nav.gif') no-repeat -58px -27px; }

li.menu a { display: block; width:58px; height:23px; background: url('../images/nav.gif') no-repeat -124px 0; text-indent: -9999px }
li.menu a:hover, li.menu:hover a { display: block; width:58px; height:23px; background: url('../images/nav.gif') no-repeat -124px -27px; }

li.gelato a { display: block; width:89px; height:23px; background: url('../images/nav.gif') no-repeat -182px 0; text-indent: -9999px }
li.gelato a:hover { display: block; width:89px; height:23px; background: url('../images/nav.gif') no-repeat -182px -27px; }

li.dietary a { display: block; width:209px; height:23px; background: url('../images/nav.gif') no-repeat -271px 0; text-indent: -9999px }
li.dietary a:hover { display: block; width:209px; height:23px; background: url('../images/nav.gif') no-repeat -271px -27px; }

li.news a { display: block; width:62px; height:23px; background: url('../images/nav.gif') no-repeat -480px 0; text-indent: -9999px }
li.news a:hover, li.news:hover a { display: block; width:62px; height:23px; background: url('../images/nav.gif') no-repeat -480px -27px; }

li.contact a { display: block; width:83px; height:23px; background: url('../images/nav.gif') no-repeat -542px 0; text-indent: -9999px }
li.contact a:hover, li.contact:hover a { display: block; width:83px; height:23px; background: url('../images/nav.gif') no-repeat -542px -27px; }

#homeHome li.home a { background: url('../images/nav.gif') no-repeat 0 -27px; }
#homeAbout li.about a { background: url('../images/nav.gif') no-repeat -58px -27px; }
#homeMenu li.menu a { background: url('../images/nav.gif') no-repeat -124px -27px; }
#homeGelato li.gelato a { background: url('../images/nav.gif') no-repeat -182px -27px; }
#homeDietary li.dietary a { background: url('../images/nav.gif') no-repeat -271px -27px; }
#homeNews li.news a { background: url('../images/nav.gif') no-repeat -480px -27px; }
#homeContact li.contact a { background: url('../images/nav.gif') no-repeat -542px -27px; }




/* =============== subnav ================== */

#nav li ul, #nav li li ul {
position: absolute;
left: -9999px;
text-align: left;
clear: both;
margin: 0px 0 0 0px;
background:none;
width: 128px;
list-style:none;
}

#nav li:hover ul ul {
left: 0;
background:none;
}

#nav li:hover ul, #nav li li:hover ul {
left: 0;
background:none;
}

#nav li li {
height: auto !important;
float:none;
background:none;

}

#nav li li a {
font-size: 12px;
background:#f78f1e !important;
padding: 7px 7px;
line-height: 18px;
color: #ffffff;
text-indent: 0;
height: auto !important;
width: 128px;
text-decoration:none;
font-weight:bold;
}

#nav li li:hover a {
background: #f78f1e;
}
	
#nav li li:hover li a {
background: #f78f1e;
}

#nav li li a:hover, #nav li li:hover li a:hover {
background:#80561b !important;
}

#nav li ul ul {
margin: -34px 0 0 -194px;
background:none;
}


/* --------------------------------------------------------------------------------- */
/* ---------- CONTENT ---------- */
/* --------------------------------------------------------------------------------- */

h1{
font-size:15px;
color:#80561b;
margin:0 0 13px 0;
padding:0 0 0 0;
text-transform:uppercase;
}

.orange{
color:#f78f1e;
}

.orange-bold{
color:#f78f1e;
font-weight:bold;
}

/* =============== HOME ================== */
.flash{
margin:25px 0 0 25px;
padding:0;
float:left;
clear:both;
}

.home-image-col1{
margin:0;
float:left;
}
.home-image-col2{
margin:0 0 0 25px;
float:left;
}

.home-col1{
width:281px;
float:left;
margin:25px 0 0 25px;
}

.home-col2{
width:281px;
float:left;
margin:25px 0 0 12px;
padding:0 0 0 13px;
border-left:1px solid #d7cab4;
}

/* =============== social twitter ================== */
.social_twitter ul#twitter_update_list {
width:200px;
	list-style:none;
	margin:0px 0 0px;
	padding:0 0px;
	text-wrap:suppress;
	}
.social_twitter ul#twitter_update_list li {
	margin-top:5px;
	margin-bottom:20px;
	margin-left:0;
	}
	
.social_twitter ul#twitter_update_list li span a { color:#f78f1e; text-decoration:underline; }
.social_twitter ul#twitter_update_list li a {color:#f78f1e; text-decoration:none; }


/* =============== twitter ================== */
ul#twitter_update_list {
width:275px;
	list-style:none;
	margin:0px 0 0px;
	padding:0 0px;
	}
ul#twitter_update_list li {
	margin-top:5px;
	margin-bottom:20px;
	margin-left:0;
	}
	
	ul#twitter_update_list li span a { color:#f78f1e; text-decoration:underline; }
	ul#twitter_update_list li a {color:#f78f1e; text-decoration:none; }

/* =============== form ================== */

input.email-input{
width:177px;
height:28px;
padding:1px 5px 0 3px;
margin:0 0 0 0;
border-left:1px solid #ddd8bd;
border-top:1px solid #ddd8bd;
border-bottom:1px solid #ddd8bd;
background:#fff;
float:left;
color:#80561b;
border-right:none;
}

input.button-submit{
width:78px;
height:31px;
padding:0 0 0 0;
margin:0 0 0 0;
border:0;
background:url(../images/btn-submit.gif) no-repeat;
float:left;
cursor:pointer;
}

/* =============== INTERNAL ================== */

.content-left{
float:left;
width:592px;
margin:25px 0 0 25px;
}
.content-right{
float:right;
width:267px;
margin:25px 25px 0 0;
}

.content-left-bakeshop{
width:610px;
float:left;
margin:25px 0 0 25px;
border-right:1px solid #d3c5ae;
padding:0 25px 0 0;
}
.content-left-wholesale{
width:900px;
float:left;
margin:25px 0 0 25px;
padding:0 25px 0 0;
}
.content-right-bakeshop{
width:240px;
float:right;
margin:25px 25px 0 0;
}

.brown-large{
font-size:28px;
text-transform:uppercase;
line-height:32px;
font-weight:bold;
}
.brown-medium{
font-size:18px;
text-transform:uppercase;
line-height:22px;
font-weight:bold;
}
.orange-medium{
color:#f78f1e;
font-size:18px;
text-transform:uppercase;
line-height:22px;
font-weight:bold;
}
p.listing{
text-align:center;
font-size:21px;
text-transform:uppercase;
font-weight:bold;
line-height:32px;
margin:20px 0 20px 0;
}

h1.masterminds{
font-size:15px;
color:#80561b;
margin:25px 0 0px 0;
padding:0 0 0 0;
text-transform:uppercase;
}

.content-masterminds{
float:left;
width:552px;
margin:-4px 0 0 0;
background:#f5f3ea;
border:1px solid #dfd5c3;
padding:20px 20px 5px 20px;
}

.content-masterminds .col1 {
width:262px;
float:left;
}
.content-masterminds .col2 {
width:262px;
float:right;
}

h1.whatweoffer{
font-size:15px;
color:#80561b;
margin:25px 0 0px 0;
padding:0 0 0 0;
text-transform:uppercase;
}

.last{
border-bottom:none !important;
}

.content-whatweoffer{
float:left;
width:552px;
margin:-4px 0 0 0;
background:#f5f3ea;
border:1px solid #dfd5c3;
padding:20px 20px 5px 20px;
}

.whatweoffer-row{
border-bottom:1px solid #d3c5ae;
width:552px;
clear:both;
}

.whatweoffer-row2{
border-bottom:1px solid #d3c5ae;
width:552px;
clear:both;
margin:20px 0 0 0;
}

.content-whatweoffer .col1 {
width:229px;
float:left;
}
.content-whatweoffer .col2 {
width:302px;
float:right;
}

.header-image{
margin:25px 0 0 25px;
float:left;
}

.divider{
height:25px;
border-bottom:1px solid #d3c5ae;
clear:both;
margin:0px 0 25px 0;
}

.button {
	padding: 10px 20px;
	background: #f78f1e;
	color: white !important;
	font-size: 14px;
	display: block;
	float: left;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/* =============== twitter internal ================== */
.content-right-bakeshop ul#twitter_update_list {
width:220px;
	list-style:none;
	margin:0px 0 0px;
	padding:0 0px;
	}
.content-right-bakeshop ul#twitter_update_list li {
	margin-top:5px;
	margin-bottom:0px;
	margin-left:0;
	}
	
.content-right-bakeshop ul#twitter_update_list li span a { color:#f78f1e; text-decoration:underline; }
.content-right-bakeshop ul#twitter_update_list li a {color:#f78f1e; text-decoration:none; }


/* =============== newsletter form internal ================== */

.content-right-bakeshop input.email-input{
width:152px;
height:28px;
padding:1px 5px 0 3px;
margin:0 0 0 0;
border-left:1px solid #ddd8bd;
border-top:1px solid #ddd8bd;
border-bottom:1px solid #ddd8bd;
background:#fff;
float:left;
color:#80561b;
border-right:none;
}

.content-right-bakeshop input.button-submit{
width:78px;
height:31px;
padding:0 0 0 0;
margin:0 0 0 0;
border:0;
background:url(../images/btn-submit.gif) no-repeat;
float:left;
cursor:pointer;
}

input.email-input2{
width:177px;
height:28px;
padding:1px 5px 0 3px;
margin:0 8px 8px 0px;
border:1px solid #ddd8bd;
background:#fff;
color:#80561b;
float:left;

}
input.email-input3{
width:30px;
height:28px;
padding:1px 5px 0 3px;
margin:0 4px 8px 0px;
border:1px solid #ddd8bd;
background:#fff;
color:#80561b;
float:left;
display:inline;

}
label.new{
float:left;
padding:5px 5px 0 0;
}
input.button-submit2{
width:71px;
height:31px;
padding:0 0 0 0;
margin:0 0 0 105px;
border:0;
background:url(../images/btn-submit2.gif) no-repeat;
float:left;
cursor:pointer;
}

/* --------------------------------------------------------------------------------- */
/* ---------- FOOTER ---------- */
/* --------------------------------------------------------------------------------- */

.footer{
background:url(../images/bg-footer.gif) no-repeat top #f1ede3;
width:955px;
margin:0 auto;
clear:both;
min-height:140px;
font-size:12px;
line-height:16px;
}

.footer-col1{
float:left;
width:100px;
margin:85px 0 0 25px;
}

a.link-brown{
color:#80561b;
font-weight:bold;
}

.footer-col2{
float:left;
width:135px;
margin:85px 0 0 25px;
}

.footer-col3{
float:right;
width:260px;
margin:85px 25px 30px 0;
text-align:right;
}
p.small{
font-size:11px;
line-height:14px;
}
p.small a{
color:#80561b;
text-decoration:underline;
}

/* --------------------------------------------------------------------------------- */
/* ---------- MEDIA ---------- */
/* --------------------------------------------------------------------------------- */

.media-1{
float:left; 
border:solid 3px #80561B;

margin:0 0 8px 0;
}
.media-2{
float:left; 
margin:0 0 8px 8px;
border:solid 3px #80561B;
}

.catering-thumb{
float:left; 
border:solid 3px #80561B;
margin:20px 20px 0px 0;
}
.catering-thumb.last{
margin-right:0;	
border-bottom:solid 3px #80561B !important;
}
/* --------------------------------------------------------------------------------- */
/* ---------- SPONSORSHIP REQUEST FORM ---------- */
/* --------------------------------------------------------------------------------- */
form.sponsor input.textField{
width:200px;
height:20px;
padding:3px;
margin:0 0 8px 0;
border:1px solid #ddd8bd;
clear:right;
}
form.sponsor input.textField-short{
width:50px;
height:20px;
padding:3px;
margin:0 0 8px 0;
border:1px solid #ddd8bd;
clear:right;
}
form.sponsor label{
height:23px;
margin:0 0 8px 0;
clear:left;	
font-weight:bold;
}
form.sponsor input.radioField{
margin:0 8px 0px 0;
clear:left;	
}

form.sponsor label.rightlabel{
height:23px;
margin:0 5px 8px 0;
width:75px;
display:block;
text-align:right;
float:left;
font-weight:bold;
}

form.sponsor label.rightlabel2{
height:23px;
margin:0 5px 8px 0;
width:141px;
display:block;
text-align:right;
float:left;
font-weight:bold;
}

form.sponsor label.rightlabel3{
height:23px;
margin:0 5px 8px 0;
width:99px;
display:block;
text-align:right;
float:left;
font-weight:bold;
}

form.sponsor input.submit2{
width:71px;
height:31px;
display:block;
border:0;
background:url(../images/btn-submit2.gif) no-repeat;
clear:both;
cursor:pointer;
}