@charset "utf-8";
@import url("menu.css");

/* CSS Document */

* { margin: 0; padding: 0; }
html, body { height: 100%; }

#main-container { width: 1166px; margin: 0 auto; height: 100%; }

#header { background: url(../interface/header-bg.png) no-repeat center bottom; height: 137px; }
#content { background: url(../interface/content-bg.png) repeat-y center center; height: 536px; padding-top: 15px; }
#footer { height: 304px; background: url(../interface/footer-bg.png) no-repeat center center; }

/* Home Link */
h1 { width: 284px; float: left; height: inherit; }
h1 a { display: block; width: inherit; height: inherit; background: url(../interface/tortillatown-logo.png) no-repeat center top; text-indent: -10000px; }
h1 a:link {}
h1 a:visited {}
h1 a:hover { background-position: center bottom; }
h1 a:active {}

#flags { width: 1062px; height: 134px; background: url(../interface/flags.png) no-repeat center center; }
#body-pink { background: url(../interface/body-bg-pink.jpg); }

/* Main Sections */ 
.home { background-color: #69F; }

/* Header */ 
a.franchising-link { display: block; width: 399px; height: 162px; float: right; text-indent: -10000px; }
a:link.franchising-link { background: url(../interface/franchising-banner.png) no-repeat center top; }
a:visited.franchising-link { background: url(../interface/franchising-banner.png) no-repeat center top; }
a:hover.franchising-link { background: url(../interface/franchising-banner.png) no-repeat center bottom;}
a:active.franchising-link {}

/* Main Menu */
div#main-menu { width: 750px; height: 130px; background: url(../interface/rope.png) no-repeat center top; margin: 0 auto; }
div#main-menu ul li { list-style: none; display: block; }

	div#main-menu ul li.aboutus, div#main-menu ul li.menu, div#main-menu ul li.catering, div#main-menu ul li.contactus { position: relative; float: left; }
	div#main-menu ul li.aboutus a, div#main-menu ul li.menu a, div#main-menu ul li.catering a, div#main-menu ul li.contactus a { text-indent: -10000px; }
	
	/* About Us */
	div#main-menu ul li.aboutus { width: 157px; height: 113px; left: 0; top: 0; }
	div#main-menu ul li a.menu-aboutus { display: block; width: 157px; height: 113px; }
	div#main-menu ul li a:link.menu-aboutus { background: url(../interface/menu-aboutus.png) no-repeat center top; }
	div#main-menu ul li a:visited.menu-aboutus { background: url(../interface/menu-aboutus.png) no-repeat center top; }
	div#main-menu ul li a:hover.menu-aboutus { background: url(../interface/menu-aboutus.png) no-repeat center bottom; }	

	/* Menu */
	div#main-menu ul li.menu { width: 156px; height: 108px;left: 10px; top: 15px; }
	div#main-menu ul li a.menu-menu { display: block; width: 156px; height: 108px; }
	div#main-menu ul li a:link.menu-menu { background: url(../interface/menu-menu.png) no-repeat center top; }
	div#main-menu ul li a:visited.menu-menu { background: url(../interface/menu-menu.png) no-repeat center top; }
	div#main-menu ul li a:hover.menu-menu { background: url(../interface/menu-menu.png) no-repeat center bottom; }	

	/* Catering */
	div#main-menu ul li.catering { width: 184px; height: 104px; left: 10px; top: 15px; }
	div#main-menu ul li a.menu-catering { display: block; width: 184px; height: 104px; }
	div#main-menu ul li a:link.menu-catering { background: url(../interface/menu-catering.png) no-repeat center top; }
	div#main-menu ul li a:visited.menu-catering { background: url(../interface/menu-catering.png) no-repeat center top; }
	div#main-menu ul li a:hover.menu-catering { background: url(../interface/menu-catering.png) no-repeat center bottom; }

	/* Contact Us */
	div#main-menu ul li.contactus { width: 165px; height: 106px; left: 10px; top: 10px; }
	div#main-menu ul li a.menu-contactus { display: block; width: 165px; height: 106px; }
	div#main-menu ul li a:link.menu-contactus { background: url(../interface/menu-contact-us.png) no-repeat center top; }
	div#main-menu ul li a:visited.menu-contactus { background: url(../interface/menu-contact-us.png) no-repeat center top; }
	div#main-menu ul li a:hover.menu-contactus { background: url(../interface/menu-contact-us.png) no-repeat center bottom; }	

/* Footer */
a.link-rogersharp { position: relative; top: 180px; left: 170px; text-indent: -10000px; }
a:link.link-rogersharp { width: 159px; height: 118px; display: block; background: url(../interface/RogerSharp_Logo.png) no-repeat center top; }
a:visited.link-rogersharp { width: 159px; height: 118px; display: block; background: url(../interface/RogerSharp_Logo.png) no-repeat center top; }
a:hover.link-rogersharp { width: 159px; height: 118px; display: block; background: url(../interface/RogerSharp_Logo.png) no-repeat center bottom; }

a.link-bigbubbas { position: relative; top: 75px; left: 410px; text-indent: -10000px; }
a:link.link-bigbubbas { width: 159px; height: 102px; display: block; background: url(../interface/BigBubbas_Logo.png) no-repeat center top; }
a:visited.link-bigbubbas { width: 159px; height: 102px; display: block; background: url(../interface/BigBubbas_Logo.png) no-repeat center top; }
a:hover.link-bigbubbas { width: 159px; height: 102px; display: block; background: url(../interface/BigBubbas_Logo.png) no-repeat center bottom; }

a.link-twitter { position: relative; top: 0; left: 610px; text-indent: -10000px; float: left; }
a:link.link-twitter { width: 159px; height: 86px; display: block; background: url(../interface/twitter.png) no-repeat center top; }
a:visited.link-twitter { width: 159px; height: 86px; display: block; background: url(../interface/twitter.png) no-repeat center top; }
a:hover.link-twitter { width: 159px; height: 86px; display: block; background: url(../interface/twitter.png) no-repeat center bottom; }

a.link-facebook { position: relative; top: 0; left: 850px; text-indent: -10000px; }
a:link.link-facebook { width: 159px; height: 86px; display: block; background: url(../interface/facebook.png) no-repeat center top; }
a:visited.link-facebook { width: 159px; height: 86px; display: block; background: url(../interface/facebook.png) no-repeat center top; }
a:hover.link-facebook { width: 159px; height: 86px; display: block; background: url(../interface/facebook.png) no-repeat center bottom; }

.clear { clear: both; }

/* Contents */
h2.home { background: url(../interface/home-title.png) no-repeat center center; height: 215px; display: block; text-indent: -10000px; }
.the-content { width: 680px; height: 430px; margin: 0 auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; overflow: hidden; }
.the-content p { margin-bottom: 10px; }
.mr-burrito-head-sing { text-indent: -10000px; background: url(../interface/mr-burrito-head-sign.png) no-repeat right top; height: 92px; }
span.mr-burrito { background: #0F0 url(../interface/mr-burrito-head.png) no-repeat center center; width: 241px; height: 284px; position: relative; left: 0; top: -300px; float: left; }

/* Franchising */
.franchising { height: 100%; background: url(../interface/burrito-own-me.png) no-repeat left top; }
.franchising fieldset { border: 0; }
.franchising h2 { width: 50%;}
.franchising div.input-left { width: 50%; float: left; }
.franchising div.input-right { width: 50%; float: right; }
.franchising div.input-right input, .franchising div.input-left input { width: 80% !important; }
.franchising p { width: 50%; float: right; }
.franchising form { border: 0; width: 50%; float: right; padding-right: 5px; }
.franchising form label, .franchising form input, .franchising form textarea { display: block; width: 90%; }
.franchising form textarea { height: 100px; }
.franchising form input.half-input { width: 45%; }
.franchising form input.submit { margin-top: 5px; }

/* Contact */
.contact { height: 100%; background: url(../interface/burrito-say-it.gif) no-repeat left top; }

/* Catering */
div.catering {  }
