@charset "utf-8";
/*	
	-------------------------------------------------------
	BEAGLE BAGEL - Core CSS 
	Includes reset and all core styles for the site.
	-------------------------------------------------------
	Crafted by the Mad Genius with help from: 
	Daniel Green (Original Screen Designs) 
	Rob Rubinoff (Interactive Director, IA, code) 
	Bryce Mullican (code)
	http://madg.com | rrubinoff@madg.com
	-------------------------------------------------------
*/

/* = COLORS
------------------------------------------------------------
copy - 111
links -  111 
hover - 5f0d28 - DEEP BURGUNDY
footer - 740c46 - burgundy/magenta
green - 273420 */
body {color:#111; }
a {color: #111; text-decoration:underline;}
a:hover {color:#5f0d28; text-decoration:underline;}
.clearVert {clear:both; height: 20px; display: block;}
.topLink {clear:both; font-size: 10px; color:#5f0d28; text-align:center; margin: 10px 0;}
.topLink a{color:#5f0d28; text-decoration:none;}
.topLink a:hover{text-decoration:underline;}

/* = FLOATS 
-----------------------------------------------------------*/
.left {float:left;}
.right {float:right;}

/* = RESETS the default browser styles prep our page 
------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} .clear {clear:both; height: 0; display: block;}

/* = 960 grid system code 
------------------------------------------------------------*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}

/* = BASE TYPOGRAPHY & STANDARD HTML ELEMENTS
------------------------------------------------------------*/
body{font-size:13px; font-family:Arial, Helvetica, sans-serif;}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:24px}
h2{font-size:20px; color:#670B3C;  }
h3{font-size:18px; color:#670B3C; }
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:13px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
/* p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} */

/* = MAJOR PAGE BLOCKS 
-----------------------------------------------------------*/
body{
	background-color:#273420; 
	background-image:url(/img/_bg.gif); 
	background-position:center; 
	background-repeat:repeat-y; 
	}

.wrapper {/* this creates 100% wide branding background */
	width: 100%;
	background-image: url(/img/_bgTop.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	min-height:678px;
	_height: 678px; /* ie hack for min-height */
	overflow:hidden;}
	
#header {height: 215px;}
#navigation {height: 36px; margin: 0 0 80px 0;}
#locations {overflow: hidden;}
#footer { background-image:url(/img/_bg_footer.jpg); background-repeat:repeat-x; background-color:#740C47;}

/* = HEADER 
-----------------*/
#header {text-align: center;}
#header img a{border:none; margin: 0 auto;}
#header h1 {margin: 0; padding: 0; line-height:0;}
#header h1 span{display:none;margin: 0; padding: 0; line-height:0;}

/* = NAVIGATION 
-----------------*/
#navigation {font-size: 14px; text-transform:uppercase;}
#navigation a{color: #fff; text-decoration: none; padding:0; margin: 0 40px; line-height:35px;}
#navigation a:hover {color: #fff; text-decoration:underline;}

/* = SIDEBAR PROMOS 
-------------------*/
#promoBagels{
	background-image:url(/img/_bg_promo_bagels.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	padding: 40px 20px 0 20px;
	overflow:hidden;}
#promoBagels img{ padding: 7px 0;}
#promoBagels ul {float: left; display: block; padding: 5px;}
#promoBagels ul.col2 {margin-left: 5px;}
#promoBagels li {font-size: 9px; margin: 0 0 7px 10px;}

#promoCreamcheese {padding: 10px 20px 0 20px; overflow:hidden;}
#promoCreamcheese img{padding: 7px 0;}
#promoCreamcheese ul {float: left; display: block; padding: 5px;}
#promoCreamcheese ul.col2 {margin-left: 5px;}
#promoCreamcheese li {font-size: 9px; margin: 0 0 7px 12px;}

/* = HOME PROMOTIONS 
------------------*/
#promoMain {height: 358px;}
.slideshow { height: 358px; width: 700px; }
.slideshow img { }


/* = HOME CALLOUTS 
------------------*/
#homeCallouts {height: 180px; background-image:url(/img/_bg_home_3colPromo.jpg); background-repeat:no-repeat;}
#homeCallouts h3{font-size: 13px; font-weight: bold; border-bottom:none;}
#homeCallouts p {font-size: 11px; line-height:1.2;}
#homeCallouts p.largeCopy {font-size: 12px; }
.calloutLeft { float: left; margin:48px 0 0 96px; width: 191px;} /* 191 + 96 = 287 */
.calloutMiddle {float: left;  margin: 48px 0 0 126px; width: 191px;} /* 191 + 126 + 287 = 604 */
.calloutRight {float: left; margin: 48px 0 0 169px; width: 148px;} /* 169 + 148 + 604 = 921 */

/* = MENU 
----------------*/
#menu {
	padding:40px 20px 0 20px;
	background-image: url(/img/_bg_menu.jpg); 
	background-repeat:no-repeat; 
	overflow:hidden; 
}
	
#menu h1 {font-size:20px; color:#670B3C; margin-bottom: 20px;}
.menuLeft {width: 310px; float: left;}
.menuRight {width: 310px; float: left; margin-left: 20px;}


/* = LOCATIONS Include
-----------------*/
#locations {border-bottom: 1px solid #670B3C; }
#locations img {float:left; margin:0 11px 0 0; border: 1px solid #670B3C;}
#locations h3 {border-bottom: 1px solid #670B3C; font-size: 14px; padding-bottom: 10px;}
#locations h4 {font-size: 11px; font-weight: bold; border-bottom:none; color:#670B3C;  }
#locations p{font-size: 11px; }

/* = FOOTER
-----------------*/
.footerLinks {margin: 20px; font-size: 11px;}
.footerLinks a {color:#eaeaea; font-weight: bold; text-decoration:underline;}
.footerLinks a:hover {color: #fff; text-decoration:underline; }
.footerCopywrite {margin: 20px; color: #eaeaea; font-size: 11px;}