/*------ scroll bar -------------------------------------------------------------*/

.scroll-track{
	height: 1px;
	width: 16px;
	background:  url(../images/assets/scrollbg.png) repeat top left;
}
.scroll-handle{
	height: 1px;
	width: 16px;
	background:  url(../images/assets/handle.png) repeat top left;
	cursor: pointer;
}
.scroll-track-top{
	height: 19px;
	width: 16px;
	background:  url(../images/assets/toparrow.png) repeat top left;
	cursor: pointer;
}
.scroll-handle-top{
	height: 5px;
	width: 16px;
	cursor: pointer;
	background:  url(../images/assets/handletop.png) repeat top left;
}
.scroll-handle-bot{
	height: 5px;
	width: 16px;
	cursor: pointer;
	background:  url(../images/assets/handlebot.png) repeat top left;
}
.scroll-track-bot{
	height: 19px;
	width: 16px;
	background:  url(../images/assets/botarrow.png) repeat top left;
	cursor: pointer;
}

/*------ basic elements -------------------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
}
body { 
	font: 75% Tahoma, Arial, Georgia;
	line-height: 1.5;
	color: #000000; 
	background: #fff url(../images/bgpattern.png) repeat top left; 
	margin: 0; 
	padding: 0;
}
h3 { 
	font: 1.4em tahoma, georgia, sans-serif; 
	color: #000000;
}
a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #1d4578;
}
a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #781d1d;
}
a:hover, a:active { 
	text-decoration: underline; 
	color: #561255;
}
acronym {
	border-bottom: none;
}

/*------ specific divs --------------------------------------------------------------*/

#container { 
	padding: 10px 0 0px 0;  
	position: center;
	width: 700px;
	}
#bakerylogo { 
	width: 700px;
	height: 120px;
	background:  url(../images/bakeryheader.png) no-repeat top left;
	}
#bakerytabs { 
	width: 700px;
	height: 30px;
	background:  url(../images/bakerytabs.png) no-repeat top left;
	}
#bodycontainer { 
	margin-top: 10px; 
	width: 700px;
	height: 700px;
	}
#bakerynav { 
	width: 150px;
	height: 700px;
	float: left;
	background:  url(../images/bakerynav.png) no-repeat top left;
	}
#bakerybody { 
	float: right;
	width: 540px;
	height: 700px;
	background:  url(../images/bakerybody.png) no-repeat top left;
	overflow: hidden;
	}

/*------ main text-------------------------------------------------*/

#dividerbar { 
	float: left;
	margin-left: 30px;
	width: 440px;
	height: 12px;
	background:  url(../images/dividerbar.png) repeat-x top left;
	}
#dividerbar2 { 
	float: left;
	width: 440px;
	height: 12px;
	background:  url(../images/dividerbar.png) repeat-x top left;
	}
#dividerbar3 { 
	float: left;
	width: 440px;
	height: 12px;
	background:  url(../images/dividerbar.png) repeat-x top left;
	}
#dividerbar4 { 
	float: left;
	width: 440px;
	height: 12px;
	background:  url(../images/dividerbar.png) repeat-x top left;
	}
#dividerbar5 { 
	float: left;
	width: 440px;
	height: 12px;
	background:  url(../images/dividerbar.png) repeat-x top left;
	}
#bodytext {
	float: left;
	margin-left: 34px;
	width: 475px;
	height: 500px;
	overflow: auto;
	}
#box {
	width: 410px;
	padding: 7px 7px 7px 7px;
	background-color: #EBD8B2 ;
	color: #000000 ;
	display: block ;
	border-style: solid ;
	border-width: 1px 1px 1px 1px ;
	border-color: 111166 ;
	-moz-border-radius: 15px;  
	-webkit-border-radius: 15px;  
	border-radius: 15px;  
}
#emailbutton {
	float: left;
	display: block;
	margin-top: 58px;
	margin-left: 156px;
	height: 11px;
	width: 247px;
	z-index: 6;
}

/*------ image replacement for headings-------------------------------------------------*/

#hometitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#hometitle h1 { 
	background: transparent url(../images/headers/hometitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#hometitle h1 span {
	display:none
}
#apptitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#apptitle h1 { 
	background: transparent url(../images/headers/apptitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#apptitle h1 span {
	display:none
}
#hourstitle h1 { 
	background: transparent url(../images/headers/hourstitle.png) no-repeat top left;
	display: block;
	width: 480px;
	height: 22px;
	float: left;
}
#hourstitle h1 span {
	display:none
}
#newstitle h1 { 
	background: transparent url(../images/headers/newstitle.png) no-repeat top left;
	display: block;
	width: 480px;
	height: 25px;
	float: left;
}
#newstitle h1 span {
	display:none
}
#menustitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#menustitle h1 { 
	background: transparent url(../images/headers/menustitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#menustitle h1 span {
	display:none
}
#takeouttitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#takeouttitle h1 { 
	background: transparent url(../images/headers/takeouttitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#takeouttitle h1 span {
	display:none
}
#cateringtitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#cateringtitle h1 { 
	background: transparent url(../images/headers/cateringtitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#cateringtitle h1 span {
	display:none
}
#contactustitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#contactustitle h1 { 
	background: transparent url(../images/headers/contactustitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#contactustitle h1 span {
	display:none
}
#aboutustitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#aboutustitle h1 { 
	background: transparent url(../images/headers/aboutustitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#aboutustitle h1 span {
	display:none
}
#gallerytitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#gallerytitle h1 { 
	background: transparent url(../images/headers/gallerytitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#gallerytitle h1 span {
	display:none
}
#linkstitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#linkstitle h1 { 
	background: transparent url(../images/headers/linkstitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#linkstitle h1 span {
	display:none
}

#bakerytitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#bakerytitle h1 { 
	background: transparent url(../images/headers/bakerytitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#bakerytitle h1 span {
	display:none
}
#bistrotitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#bistrotitle h1 { 
	background: transparent url(../images/headers/bistrotitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#bistrotitle h1 span {
	display:none
}
#bartitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#bartitle h1 { 
	background: transparent url(../images/headers/bartitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#bartitle h1 span {
	display:none
}

#coffeetitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#coffeetitle h1 { 
	background: transparent url(../images/headers/coffeetitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#coffeetitle h1 span {
	display:none
}
#gelatotitle { 
	float: left;
	margin-top: 10px;
	margin-left: 34px;
	text-align: left;
	width: 480px;
	height: 60px;
	overflow: hidden;
}
#gelatotitle h1 { 
	background: transparent url(../images/headers/gelatotitle.png) no-repeat center left;
	margin-top: 10px;
	display: block;
	width: 480px;
	height: 60px;
	float: left;
}
#gelatotitle h1 span {
	display:none
}

/*------ top navigation -----------------------------------------------------------------*/

#bakerybutton {
	float: left;
	margin-left: 271px;
	height:30px;
	width:71px;
}
#bakerybutton:hover {
	background:  url(../images/tabselect.png) no-repeat top left;
}
#bistrobutton {
	float: left;
	margin-left: 346px;
	margin-top: -30px;
	height:30px;
	width:71px;
}
#bistrobutton:hover {
	background:  url(../images/tabselect.png) no-repeat top left;
}
#barbutton {
	float: left;
	margin-left: 421px;
	margin-top: -30px;
	height:30px;
	width:71px;
}
#barbutton:hover {
	background:  url(../images/tabselect.png) no-repeat top left;
}
#coffeebutton {
	float: left;
	margin-left: 496px;
	margin-top: -30px;
	height:30px;
	width:71px;
}
#coffeebutton:hover {
	background:  url(../images/tabselect.png) no-repeat top left;
}
#gelatobutton {
	float: left;
	margin-left: 571px;
	margin-top: -30px;
	height:30px;
	width:71px;
}
#gelatobutton:hover {
	background:  url(../images/tabselect.png) no-repeat top left;
}

/*------ left navigation -----------------------------------------------------------------*/

#leftnav { 
	margin-top: 61px;
	width: 150px;
	height: 309px;
}
#homebutton {
	display: block;
	height: 12px;
	width: 115px;
}
#homebutton:hover {
	background:  url(../images/navarrows.png) no-repeat top left;
}
#menusbutton {
	display: block;
	margin-top: 22px;
	height: 12px;
	width: 115px;
}
#menusbutton:hover {
	background:  url(../images/navarrows.png) no-repeat top left;
}
#takeoutbutton {
	display: block;
	margin-top: 21px;
	height: 12px;
	width: 115px;
}
#takeoutbutton:hover {
	background:  url(../images/navarrows.png) no-repeat top left;
}
#cateringbutton {
	display: block;
	margin-top: 22px;
	height: 12px;
	width: 115px;
}
#cateringbutton:hover {
	background:  url(../images/navarrows.png) no-repeat top left;
}
#contactusbutton {
	display: block;
	margin-top: 21px;
	height: 12px;
	width: 115px;
}
#contactusbutton:hover {
	background:  url(../images/navarrows.png) no-repeat top left;
}
#aboutusbutton {
	display: block;
	margin-top: 22px;
	height: 12px;
	width: 115px;
}
#aboutusbutton:hover {
	background:  url(../images/navarrows.png) no-repeat top left;
}
#gallerybutton {
	display: block;
	margin-top: 22px;
	height: 12px;
	width: 115px;
}
#gallerybutton:hover {
	background:  url(../images/navarrows.png) no-repeat top left;
}
#linksbutton {
	display: block;
	margin-top: 21px;
	height: 12px;
	width: 115px;
}
#linksbutton:hover {
	background:  url(../images/navarrows.png) no-repeat top left;
}
#leftnavfooter {
	display: block;
	height: 61px;
	width: 115px;
}

/*------ main images -----------------------------------------------------------------*/

#leftimg{ 
	width: 150px;
	height: 285px;
	}

/*------ form -----------------------------------------------------------------*/  	

form{

}
form input{
	border-color:#a58e65;
	background-color:#ffffff;
}
form legend{

}
form fieldset{
	
}