/*-----------------------------------------------
               Upper Crust Bakery
           MMMM MMMM!!! CSSalicious!!!
                by Mc2design.com
-----------------------------------------------*/


/* Imports
--------------------------*/
@import url(reset.css);

/* .Png Fix
--------------------------*/
img, body, div, a {
        behavior:url(iepngfix.php);
}

/* Command Center
--------------------------*/
html {
	height:100%;
}
body {
	height:100%;
        width:100%;
	margin:0 auto;
	text-align:center;
	background:#D8BB91 url(i/wood.jpg) repeat 0 -3px; 
	/*background:#D8BB91 url(i/wood.jpg) repeat 0 -85px;*/ 
	font-family: verdana, arial, sans-serif;
	font-size:1.0em !important;
	font-size:0.9759em; /* IE6 = em x .9765 */
	text-align:left;		     
	line-height:1.5em !important;
	line-height:1.46475em;
        overflow-x:hidden;
        color:#333;
}

#wrap {
        position:relative;
	float:left;
	min-height:100%;
	width:910px;
	text-align:left;       
}

* html #wrap{ 
	height:100%; /* Full Height Hax */
}

/* Link Colors
--------------------------*/
a {
	color:#19656c;
	text-decoration:none;
}
a:hover	{
	color:#FAF6E2;
        background-color:#553f19;
	text-decoration:underline;
}
a:active {
	color:#fff;
        background-color:#553f19;
}
a:visted {
	color:#553f19;
}

/*
#top {
	position:absolute;
	top:0;
	left:70px;
	background:url(i/top.png) no-repeat 0 0;
	width:100%;
	height:133px;
	z-index:10;
}
*/

/* Skipper for Screenreaders
----------------*/
#skipper {
       position:absolute;
       left:-9999px;
       overflow:hidden;
       height:0;
       width:0;
       font-size:0;
       line-height:0;
}


/* Header
--------------------------*/
#header {
	position:relative;
        float:left;
	width:100%;
	/*margin:97px 0 0 0;*/
        height:116px;
        background:url(i/header.jpg) no-repeat top center;
}
                #header h1 {
                        visibility:hidden;
                        text-indent:-9000em;
                        height:0;
                        line-height:0;
                        font-size:0;
                }        
        
        /* TopNav
        --------------------------*/
        #topnav {
                
        }
                #topnav ul {
                    
                }
                #topnav li {
                        float:left;
                        margin:0 0 0 10px;
                }
                #topnav a {
                        display:block;
                        width:160px;
                        height:30px;
                        line-height:30px;
                        background:url(i/topnav_matrix.gif) no-repeat 0 0;
                        text-indent:-9000em;
                        cursor:pointer;
                        overflow:hidden;
                }
        
                        #thome a {
                                position:absolute;
                                top:38px;
                                left:80px;
                                padding:0 15px;
                                background-position:12px 0;
                        }
                                #thome a:hover {background-position:12px -30px;}
                        #tcafe a {
                                position:absolute;
                                top:44px;
                                left:265px;
                                width:128px;
                                background-position:-15px -60px;        
                        }
                                #tcafe a:hover {background-position:-15px -90px;}
                        #tcake a {
                                position:absolute;
                                top:47px;
                                left:395px;
                                padding:0 12px;
                                background-position:7px -120px;
                        }
                                #tcake a:hover {background-position:7px -150px;}
                        #tbake a {
                                position:absolute;
                                top:48px;
                                left:580px;
                                width:120px;
                                background-position:-20px -180px;
                        }
                                #tbake a:hover {background-position:-20px -210px;}
                        #tseasonal a {
                                position:absolute;
                                top:51px;
                                left:700px;
                                width:145px;
                                background-position:-10px -420px;
                        }
                                #tseasonal a:hover {background-position:-10px -450px;}
                        #thistory a {
                                position:absolute;
                                top:80px;
                                left:108px;
                                background-position:0 -360px;
                        }
                                #thistory a:hover {background-position:0 -390px;}
                        #tcontact a {
                                position:absolute;
                                top:88px;
                                left:285px;
                                background-position:0 -240px;
                        }
                                #tcontact a:hover {background-position:0 -270px;}
						#tabout a {
                                position:absolute;
                                top:88px;
                                left:465px;
                                width:145px;
                                background-position:-10px -300px;
                        }
								#tabout a:hover {background-position:-10px -330px;}

/* Main
--------------------------*/
#main {
	clear:both;
        float:left;
        margin:0 auto;
        width:100%;
        background:url(i/main.jpg) no-repeat 0 0;
}
        #logo {
                position:absolute;
                top:360px;
                left:40px;
                width:206px;
                height:358px;
                background:url(i/logo.png) no-repeat 0 0;
        }
        
        /* MISC Images
        ----------------*/
        #coffee {
                position:absolute;
                top:400px;
                right:-200px;
                width:440px;
                height:352px;
                background:url(i/coffee.png) no-repeat 0 0;
        }
        #knife {
                position:absolute;
                top:200px;
                right:-65px;
                width:278px;
                height:639px;
                background:url(i/knife.png) no-repeat 0 0;
        }
        
        
	/* ContentWrap
	----------------*/
	#contentwrap {   
		float:left;
                margin:0 0 0 103px !important;
                margin:0 0 0 50px;
                padding:18px 25px !important;
                padding:12px 25px;
                width:695px !important;
                width:706px;
                background:url(i/wrap_repeater.png) repeat-y 0 0;
	}
		#content {
			float:left;
			width:100%;
                        line-height:2.5em;
                        font-size:0.88em;
		}
                .thin {
                        clear:both;
                        margin-left:135px;
                        width:475px;
                }
				.thick {
					clear: both;
					margin-left: 20px;
					width: 600px;
				}
				.gallery {
					width: 600px;	
					margin-left: 110px;
					clear: both;
				}
				.leftgallery {
					width: 190px;
					margin: 0;
					padding: 0;
				}
                
                #content a {
                        text-decoration:underline;
                }
                #content h1 {
                        font-size:19px;
                        color:#006402;
                }
                #content h2 {
                        font-size:35px;
                        line-height:30px;
                        margin:0 0 10px 0 !important;
                        margin:-5px 0 10px 0;
                        color:#19656c;
                }
                #content h3 {
                        font-family:tahoma;
                        font-size:18px;
                        margin:10px 0 0 0;
                        color:#741A22;
                }
                #content h4 {
                        font-family:tahoma;
                        font-size:16px;
                        margin:10px 0 0 0;
                        color:#8F7408;
                }
                #content h5 {
                        font-family:tahoma;
                        font-size:15px;
                        margin:10px 0 0 0;
                        color:#553f19;
                }
                #content h6 {
                        font-family:tahoma;
                        font-size:13px;
                        margin:10px 0 0 0;
                        color:#553f19;
                }
                #content p {
                	line-height: 1.5;
                }
                #content ul {
                        margin:0 0 0 35px;
                        
                        line-height:1.6em;
                }
                #content li {
                    clear:both;
					display: block;
                }
				
				#content ul li ul li {
					line-height: 1.5;
					display: block;
				}
                #content table {
                        border-collapse:collapse;
                        
                }
                #content td {
                        padding:0px 5px;
                        border:solid #aaa;
                        border-width:0 1px 1px 0;
                        border-color:transparent #E8ECD2 #E8ECD2 transparent;
                        text-align:right;
                }
                #content th {
                        padding:2px 5px;
                        border:solid #aaa;
                        border-width:0 1px 1px 0;
                        border-color:transparent #E8ECD2 #E8ECD2 transparent;
                        text-align:right;
                }
                .footnote {
                        font-size:0.63em;
                        font-weight:bold;
                        padding:0;
                        line-height:1.0em;
                }
                        .items {
                                list-style:none;
                        }
                        .items li {
                                list-style:none;
                                margin:15px 0;padding:0;
                        }
                        .items strong {
                                float:left;
                                width:80%;
                                border-bottom:1px dotted #ccc;
                        }
                        .price {
                                display:block;
                                float:right;
                                width:20%;
                                text-align:right;
                                border-bottom:1px dotted #ccc;
                        }
                        .description {
                                display:block;
                                clear:both;
                        }

#menucontent {
	
}
	#menucontent tr td {
		text-align: left;
		vertical-align: top;
	}

/* Footer
--------------------------*/
#footer {
        clear:both;
        float:left;
        width:100%;
        padding:15px 0;
        text-align:center;
        font-size:1em;
        background:url(i/footer.jpg) no-repeat top center;
}
        #footer ul {
            
        }
        #footer li {
                display:inline;
                font-weight:bold;
        }
        #footer li a {
                color:#79362D;
        }
        #footer li a:hover {
                color:#9F473B;
                text-decoration:none;
        }
        #footer a:active {
                text-decoration:underline;
        }
        #footer li a:hover {
                background:transparent;
        }
        #footer p {
                font-size:.8em;
                color:#9F473B;
		text-align:center;
        }
        #footer p a {
                color:#9f473b;
        }
        #footer p a:hover {
                text-decoration:underline;
                background-color:transparent;
        }
        #footer p a:active {
                text-decoration:none;
                color:#48756B;
        }

/* Misc Classes
--------------------------*/
.clear 		{clear:both;}
.center         {display:block;margin:0 auto;text-align:center;}
.left           {float:left;}
.right          {float:right;}
.bold		{font-weight:bold;}
.italic	{font-style: italic;}
.underline { text-decoration: underline;}
.textleft { text-align: left;}
.textright { text-align: right;}
.block { display: block;}
.inline { display: inline;}
.amount {
	float:right;
	color:#7C272C;
	font-weight:bold;
	text-align:right;
	width:150px;
	margin-bottom:15px;
}
.opaque {
        opacity: .5;
        filter: alpha(opacity=50);
        -moz-opacity: .5;
}
        /* Faux Pipe
	----------------*/
        .pipe li {
            width:auto;
            margin:0;
            padding:0 .3em 0 .6em;
            border-left:1px solid #70131A;
        }
        li.first { /* Remove First Pipe */
            border-left:0;
        } 

.flash-replace {
	width: 311px;
	height: 300px;
}