/* Start of CMSMS style sheet 'MB' */
@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height:150%;
	color:#26232a;
	}
body#home {
	background: #cfc9d6 url(images/main-bg.jpg) repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height:150%;
	color:#26232a;
}
body#inner {
	background: #cfc9d6 url(images/inner-bg.jpg) repeat-x;
font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height:150%;
	color:#26232a;
}

div {
	margin:0px;
	}

a {
	text-decoration:none;
	color:#881c18;
	}

a:hover {
	text-decoration:underline;
	}

sup  {font-size: 75%; vertical-align:top; color:#666666;} 	



#holder {
	width: 920px;
	margin: 0px auto;
	}
	

/*HEADER 
--------------------------------------------*/
#header {
	height: 473px;
	width: 920px;
	float:left;
	display:block;
	background:url(images/header-light.png) top center no-repeat;
	}

#header #top {
	float:left;
	display:block;
	height: 100px;
	width: 920px;
	}

#header #top #logo, #headerInner #top #logo {
	float:left;
	display:block;
	background: url(images/metro-burger-logo.gif) no-repeat; height: 89px; width: 244px; 
	margin: 0;
	padding: 5px 0 0 0;
	}

div#logo h1 {
	text-indent: -9999px;
	float:left;
	display: inline;
}	

div#logo h1 a{
	display: block;
	height: 89px; 
	width: 244px;
}	
	
#headerInner {
	height: 145px;
	width: 920px;
	float:left;
	display:block;
	background:url(images/header-light-inner.png) top center no-repeat;
	}

#headerInner #top {
	float:left;
	display:block;
	height: 100px;
	width: 920px;
	}

#headerInner #top #logo {
	float:left;
	display:block;
	width: 270px;
	height: 95px;
	margin: 0;
	padding: 5px 0 0 0;
	}

.restaurant h2 {
        visibility:hidden;
        height: 0px;
        }

.franchise h2 {
        visibility:hidden;
        height: 0px;
        }
/*TOP MENU
--------------------------------------------*/

ul#subMenu {
	float:right;
	display:block;
	width: 640px;
	height: 50px;
	margin:0;
	padding:0;
	list-style:none;
	}

ul#subMenu li {
	float:right;
	display:block;
	text-transform:uppercase;
	line-height: 100%;
	font-size: 75%;
	margin:0;
	padding: 10px;
	}

ul#subMenu li a {
	color: #fff;
	}

ul#topMenu {
	float: right;
	display:block;
	width: 649px;
	height: 25px;
	margin:0;
	padding:0;
	background: url(../images/top-menu-bg.png) no-repeat;
	background-position: 0 0;
	list-style:none;
	}

ul#topMenu li {
	float:left;
	display:block;
	text-transform:uppercase;
	line-height: 16px;
	margin:0;
	padding:0;
	}
	
ul#topMenu li a {
	text-align:center;
	height: 22px;
	display:block;
	float:left;
	padding: 3px 0 0 0;
	width: 76px;
	color:#cccccc;
	background: url(images/top-menu-bg.png) no-repeat;
	background-position: 0 40px;
	}
	
ul#topMenu li a:hover {
	text-decoration:none;
	color: #262429;
	}
ul#topMenu li.current a{
	color:#000;
	} 
ul#topMenu li a#homeT {
	width: 76px;
	}
	
ul#topMenu li a#homeT:hover, ul#topMenu li.current a#homeT  {
	background-position: 0 -30px;
	}

ul#topMenu li a#aboutT {
	width: 96px;
	}
	
ul#topMenu li a#aboutT:hover, ul#topMenu li.current a#aboutT {
	background-position: -76px -30px;
	}

ul#topMenu li a#menuT {
	width: 100px;
	}
	
ul#topMenu li a#menuT:hover, ul#topMenu li.current a#menuT {
	background-position: -172px -30px;
	}

ul#topMenu li a#whyT {
	width: 160px;
	}
	
ul#topMenu li a#whyT:hover, ul#topMenu li.current a#whyT {
	background-position: -272px -30px;
	}

ul#topMenu li a#franchiseT {
	width: 115px;
	}
	
ul#topMenu li a#franchiseT:hover, ul#topMenu li.current a#franchiseT {
	background-position: -430px -30px;
	}

ul#topMenu li a#clubT {
	width: 100px;
	}
	
ul#topMenu li a#clubT:hover, ul#topMenu li.current a#clubT {
	background-position: -541px -30px;
	}



#innerRight h2 {font-size:1.2em;color:#732e62;padding-top:5px; font-weight:bold; }	
#innerRight ul, #innerRight ol {padding:5px 0;padding-left:16px;color:#50485a;}
#innerRight ul li, #innerRight ol li {color:#555;}
#innerRight ul {list-style-type:none;padding:3px 0 10px 0;}
#innerRight ul li a {text-align:left; display:block;padding:3px 0;color:#5e4c74; font-weight:bold; background:url(images/arrow.gif) 0 50% no-repeat;padding-left:50px;border-bottom:1px solid #dad4e0;}
#innerRight ul li a:hover {color:#000;background-position:1px 50%;}
#innerRight ul li h3 {text-align:left; font-size:100%; color:#732e2f; padding:3px 0; padding-left:50px; background:url(images/arrow.gif) 0 50% no-repeat; border-bottom:1px solid #dad4e0;}
#innerRight {text-align:left; }
/* HOME PHOTO AREA
--------------------------------------------*/

#homePhotoText {
	width: 475px;
	height: 215px;
	padding: 60px 0 0 20px;
	float:left;
	display:block;
	margin:0px;
	color: #a29ca8;
	font-style:italic;
	}

#homePhoto {
	float:right;
	display:block;
	width: 400px;
	height: 373px;
	margin: 0px;
	padding: 0px;
	}

#homeMenu {
	float:left;
	display:block;
	width: 520px;
	text-align:right;
	margin:10px 0 0 0;
	padding: 0;
	}

a.menuBig {
	float:right;
	display:block;
	width: 130px;
	height: 69px;
	background:url(images/menuBig-button.png) no-repeat;
	background-position: 0 0;
	}

a.menuBig:hover {
	background-position: 0 -80px;	
	}

.UBtext {
	padding: 70px 0 0 0;
	}


/* HOME PHOTO AREA
--------------------------------------------*/
#homeContent {
	width: 920px;
	float:left;
	display:block;
	margin:0px;
	padding: 15px 0 0 0
	}

.horizontalDash {
	clear:both;
	float:left;
	display:block;
	background:url(images/dashed-line-H.png) top repeat-x;
	padding: 15px 0 15px 0;
	width:920px;	
	}

#homeLeft {
	float: left;
	display:block;
	width: 440px;
	margin:0px;
	padding: 5px 20px 5px 0px;
	background: url(images/dashed-line-V.png) repeat-y right;
	}

#homeLeft .homeThumb {
	width: 160px;
	float:left;
	display:block;
	}

#homeLeft p {
	float: right;
	display:block;
	text-align:left;
	width:270px;
	margin:0;
	padding:0;
	}

#homeRight {
	float: left;
	display:block;
	width: 440px;
	margin:0px;
	padding: 5px 0px 5px 20px;
	}

#homeRight .homeThumb {
	width: 160px;
	float:left;
	display:block;
	}

#homeRight p {
	float: right;
	display:block;
	text-align:left;
	width:270px;
	margin:0;
	padding:0;
	}

/*INNER
-----------------------------------------------*/
	
#innerContent {
	width: 920px;
	float:left;
	display:block;
	margin:0 0 15px 0;
	padding: 0;
	background-image:url(images/dashed-line-V.png);
	background-repeat: repeat-y;
	background-position: 620px 0px;
	}	

#innerLeft {
	float: left;
	display:block;
	width: 590px;
	margin:0px;
	padding: 0px;
	}	

#innerRight {
	float: right;
	display:block;
	width: 270px;
	margin:0px;
	padding: 0px;
	text-align:center;
	}

/*FOOTER AREA
--------------------------------------------*/
#footer {	
	clear:both;
	float:left;
	display:block;
	background:url(images/dashed-line-H.png) top repeat-x;
	padding: 5px 0 15px 0;
	width:920px;	
	font-size: 85%;
	color:#835358;
	line-height: 150%
	}

#footer .left {
	float:left;
	display:block;
	width:460px;
	padding: 0;
	}
	
#footer .left ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	}
	
#footer .left ul li {
	float:left;
	display:block;
	margin:0;
	padding: 0 3px 0 3px;	
	} 

#footer .left ul li a {
	color: #835358;
	}

#footer .right {
	float:right;
	display:block;
	width:450px;
	padding: 0;
	text-align:right;
	}

/*
FORMS  -------------------------------------*/
.franchise {width:500px;}
form div {margin-top:4px; }
form input, form textarea {background:#fff; border:1px solid #999;color:#333;font:1em Verdana,sans-serif;padding:3px; clear:both;}
form input:focus, form textarea:focus {border:1px solid #aaa;background:#FFF8EA;}
form label { color:#333;font-size:1em;padding:4px 8px 3px 1px;  }
form .fbsubmit {float:right; background:#732e2f;border:#b59293;color:#fff;cursor:pointer;font-weight:bold; font-size:90%; padding:5px; text-transform:uppercase; }
form .fbsubmit:hover {background:#333;color:#fff;}
.fb_invalid {color:red;}


/* HEADINGS
******************************************************************************/
h1 { font-size: 180%; font-weight:normal; color: #732e2f; font-family:Georgia, "Times New Roman", Times, serif; line-height:100%; padding-bottom:4px;margin-bottom:6px;}
h2 { font-size: 140%; font-weight:normal; color: #1d1b1b;font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:4px;margin-bottom:2px;}
h3 { font-size: 140%; color:#6d6d70; font-family:Arial; margin-bottom:2px; }
h4 { font-size: 140%; color:#760c16; font-family:Arial; margin-bottom:2px;}
h5 { font-size: 100%; }
h6 { font-size: 80%; }

/*OTHERS*/
img, img a {border:0px; }
img.border {border:4px solid #fff;}
.clear {clear:both; height:20px; }
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}
#header, #headerInner, ul#topMenu, ul#topMenu li a, a.menuBig, .trans, #homePhoto, #homeMenu, #homePhotoText {behavior: url("src/iepngfix.htc");}
/* End of 'MB' */