/* CSS Document */


/* Global Values
======================================*/

* { margin: 0px; padding: 0px; }

body { font-size: 62.5%; line-height: 1.6em; font-family: "trebuchet MS", Verdana, sans-serif; color: #fff; }
img { border: none; }

a { text-decoration: none; color: #fff; font-weight: bold;  } 



/* Containers
======================================*/

#wrapper { width: 800px; margin: 0 auto; } 
#header { overflow: hidden; }
#mainBody { overflow: hidden; } 
#bottomRow { overflow: hidden; margin-top: 1em; clear: both; } 

#addressLine { clear: both; color: #899EAD; font-size: 1.1em; padding-top: 2em; text-align: center; } 




/* General Typography
======================================*/

h1 { font-size: 1.6em; line-height: 1.2em; color: #ccc; font-weight: normal; padding: 1.5em 0em; }
h2 { color: #88A0B0; font-weight: normal; font-size: 1.2em; margin: 1em .5em; } 
h3 { font-weight: bold; font-size: 1.4em; margin-bottom: 0; } 
h4 { font-size: 1.6em; line-height: 1.2em; color: #ccc; font-weight: normal; padding: 1.5em 0em; }
p { margin-top: 0; margin-bottom: 1.5em; font-size: 1.2em; }

ul { font-size: 1.1em; margin: 1.2em; }
li { margin: 1em 0em; list-style: square; }

.green { color: #AFBD22; }
.blue { color: #899EAD; }
.ingredients { font-size: 1em; line-height: 1.2em; }
.nutritionFacts { color: #AFBD22; font-size: 1.4em; font-weight: bold;  padding: 0; margin: 0;} 
.nutritionData { color: #899EAD; font-weight: bold; padding: 0;}

.weeklyMenu { padding: 0em 1em; text-align: left; }

.specialType { text-align: right; color: #AFBD22; }


/* Forms
================================= */
      
fieldset { padding: .5em 0em 0em 4.5em; border: none;  }
input:focus, textarea:focus {background: #ffc; }


 /* Tables
================================= */
	
table {border-collapse: collapse; margin-bottom: 15px;  }
th, td {padding: 1px; }
caption { height: 31px; line-height: 31px; color: #AFBD22; font-size: 1.4em; font-weight: bold; text-align: left; }
td {vertical-align: top; color: #899EAD; font-size: 1.1em; }
.break { background-color: #899EAD; height: 2px; }

table#nutritionFacts { width: 240px; }
table#deliSpecials { font-size: 1.2em; }



/* Specific Divs & Properties
======================================*/

#logo { width: 135px; float: left; } 

#aboutBody { clear: left; background-image:url(images/bkd-about.jpg); background-repeat: no-repeat; }
#locatorBody { clear: left; background-image:url(images/bkd-locator.jpg); background-repeat: no-repeat; }
#contactBody { clear: left; background-image:url(images/bkd-contact.jpg); background-repeat: no-repeat; height: 400px; }
#ourKitchenBody { clear: left; background-image:url(images/bkd-ourKitchen.jpg); background-repeat: no-repeat; }



.gradientText { width: 280px; padding: 5px 0px 5px 45px; margin: 0;  }
.noBold { font-weight: normal; }


#mainProductsBody { clear: left; overflow: hidden; }
#mainProductsBody .col { width: 228px; float: left; margin-left: 35px !important; margin-left: 25px; }

#teir1ProductsBody { clear: left; overflow: hidden; }
#teir1ProductsBody .col { width: 265px; float: left; border-right: 1px dotted #88A0B0; color: #8096A6; text-align: center; }
#teir1ProductsBody .col2 { width: 240px; float: left; border-right: 1px dotted #88A0B0; color: #8096A6; text-align: left; padding-left: 20px; color: #AFBD22; font-size: 1.6em; line-height: 1.5em; }
#teir1ProductsBody h3 { margin: .5em 0 2em 0; }
#teir1ProductsBody a { color: #8096A6; }

#tier2ProductsBody { clear: left; overflow: hidden; }
#tier2ProductsBody .col1 { width: 490px; float: left; }
#tier2ProductsBody .col2 { width: 240px; float: left; margin-left: 40px; color: #4D4D4D; }
#tier2ProductsBody .col3 { width: 240px; float: left; }
#tier2ProductsBody .col3a { width: 240px; float: left; margin-left: 10px; }
#tier2ProductsBody h1 { font-size: 4em; font-weight: normal; color: #788FA0; padding: 0 0 1em 0; margin: 0; line-height: .8em; }

.additionalProduct { clear: left; border-top: 1px dotted #88A0B0; padding: 1em 0em 2em; overflow: hidden; color: #8096A6; }
.additionalProduct img { width: 240px; float: left; margin-right: 2em; } 
.additionalProduct table { width: 240px; float: left; margin-right: 1.5em; margin-top: -1em !important; margin-top: 0em; }

#retailBody { clear: left; overflow: hidden; }
#retailBody .col { width: 265px; float: left; border-right: 1px dotted #88A0B0; color: #8096A6; text-align: center; }
#retailBody h3 { margin: .5em 0 .5em 0; }
#retailBody a { color: #8096A6; }


#bottomRow .col { width: 265px; float: left; border-right: 1px dotted #88A0B0; }
#bottomRow .float { float: left; margin: 0em .8em 2em 0em; }
#bottomRow h2 { margin-top: 0; }
#bottomRow a { color: #8096A6; }




/* Navigation
======================================*/

#mainNav { display: block; padding: 0; margin: 0 auto; }
#mainNav li { list-style-type:none; padding: 50px 0px 0px 0px; margin: 0px; float:left; text-indent:-9999px; }
#mainNav li a { display: block; height: 35px; background-image: url(images/navMatrix.gif); background-repeat: no-repeat; }

/* Link */
#mainNav li#navProducts a:link, #mainNav li#navProducts a:visited { background-position:0px 0px; width: 105px; }
#mainNav li#navStore a:link, #mainNav li#navStore a:visited { background-position:-105px 0px; width: 100px; }
#mainNav li#navLocator a:link, #mainNav li#navLocator a:visited { background-position:-205px 0px; width: 100px; }
#mainNav li#navAbout a:link, #mainNav li#navAbout a:visited { background-position:-305px 0px; width: 105px; }
#mainNav li#navContact a:link, #mainNav li#navContact a:visited { background-position:-410px 0px; width: 100px; }

	
/* Hover */
#mainNav li#navProducts a:hover { background-position:0px -35px; width: 105px; }
#mainNav li#navStore a:hover { background-position:-105px -35px; width: 100px; }
#mainNav li#navLocator a:hover { background-position:-205px -35px; width: 100px; }
#mainNav li#navAbout a:hover { background-position:-305px -35px; width: 105px; }
#mainNav li#navContact a:hover { background-position:-410px -35px; width: 100px; }
	
/* Active */
body#aProducts #mainNav li#navProducts a { background-position:0px -35px; width: 105px; }
body#aStore #mainNav li#navStore a { background-position:-105px -35px; width: 100px; }
body#aLocator #mainNav li#navLocator a { background-position:-205px -35px; width: 100px; }
body#aAbout #mainNav li#navAbout a { background-position:-305px -35px; width: 105px; }
body#aContact #mainNav li#navContact a { background-position:-410px -35px; width: 100px; }